@unovis/vue 1.5.0-beta.3 → 1.5.0

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as y, inject as F, computed as s, ref as m, onMounted as S, nextTick as b, onUnmounted as g, watch as r, openBlock as N, createElementBlock as k } from "vue";
-import { Graph as c } from "@unovis/ts";
-import { useForwardProps as h, arePropsEqual as B } from "../../utils/props.js";
-import { componentAccessorKey as L } from "../../utils/context.js";
-const v = { "data-vis-component": "" }, G = c.selectors, A = /* @__PURE__ */ y({
+import { defineComponent as p, inject as y, computed as m, ref as S, onMounted as F, nextTick as b, onUnmounted as k, watch as r, openBlock as g, createElementBlock as h } from "vue";
+import { Graph as u } from "@unovis/ts";
+import { useForwardProps as L, arePropsEqual as v } from "../../utils/props.js";
+import { componentAccessorKey as f } from "../../utils/context.js";
+const C = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ p({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -15,57 +15,57 @@ const v = { "data-vis-component": "" }, G = c.selectors, A = /* @__PURE__ */ y({
     layoutAutofit: { type: Boolean },
     layoutAutofitTolerance: {},
     layoutNonConnectedAside: { type: Boolean },
-    layoutNodeGroup: { type: [Function, String, null] },
+    layoutNodeGroup: {},
     layoutGroupOrder: {},
     layoutParallelNodesPerColumn: {},
-    layoutParallelNodeSubGroup: { type: [Function, String, null] },
+    layoutParallelNodeSubGroup: {},
     layoutParallelSubGroupsPerRow: {},
     layoutParallelGroupSpacing: {},
     layoutParallelSortConnectionsByGroup: {},
     forceLayoutSettings: {},
     dagreLayoutSettings: {},
-    layoutElkSettings: { type: [Function, null] },
+    layoutElkSettings: {},
     layoutElkNodeGroups: {},
-    linkWidth: { type: [Function, Number, null] },
-    linkStyle: { type: [Function, null] },
-    linkBandWidth: { type: [Function, Number, null] },
-    linkArrow: { type: [Function, null] },
-    linkStroke: { type: [Function, String, Array, null] },
-    linkDisabled: { type: [Function, Boolean, null] },
-    linkFlow: { type: [Function, Boolean, null] },
+    linkWidth: {},
+    linkStyle: {},
+    linkBandWidth: {},
+    linkArrow: {},
+    linkStroke: {},
+    linkDisabled: {},
+    linkFlow: {},
     linkFlowAnimDuration: {},
     linkFlowParticleSize: {},
-    linkLabel: { type: [Function, null] },
-    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },
+    linkLabel: {},
+    linkLabelShiftFromCenter: {},
     linkNeighborSpacing: {},
-    linkCurvature: { type: [Function, Number, null] },
+    linkCurvature: {},
     selectedLinkId: {},
-    nodeSize: { type: [Function, Number, null] },
-    nodeStrokeWidth: { type: [Function, Number, null] },
-    nodeShape: { type: [Function, null] },
-    nodeGaugeValue: { type: [Function, Number, null] },
-    nodeGaugeFill: { type: [Function, String, Array, null] },
+    nodeSize: {},
+    nodeStrokeWidth: {},
+    nodeShape: {},
+    nodeGaugeValue: {},
+    nodeGaugeFill: {},
     nodeGaugeAnimDuration: {},
-    nodeIcon: { type: [Function, String, null] },
-    nodeIconSize: { type: [Function, Number, null] },
-    nodeLabel: { type: [Function, String, null] },
-    nodeLabelTrim: { type: [Function, Boolean, null] },
-    nodeLabelTrimMode: { type: [Function, null] },
-    nodeLabelTrimLength: { type: [Function, Number, null] },
-    nodeSubLabel: { type: [Function, String, null] },
-    nodeSubLabelTrim: { type: [Function, Boolean, null] },
-    nodeSubLabelTrimMode: { type: [Function, null] },
-    nodeSubLabelTrimLength: { type: [Function, Number, null] },
-    nodeSideLabels: { type: [Function, null] },
-    nodeBottomIcon: { type: [Function, String, null] },
-    nodeDisabled: { type: [Function, Boolean, null] },
-    nodeFill: { type: [Function, String, Array, null] },
-    nodeStroke: { type: [Function, String, Array, null] },
+    nodeIcon: {},
+    nodeIconSize: {},
+    nodeLabel: {},
+    nodeLabelTrim: {},
+    nodeLabelTrimMode: {},
+    nodeLabelTrimLength: {},
+    nodeSubLabel: {},
+    nodeSubLabelTrim: {},
+    nodeSubLabelTrimMode: {},
+    nodeSubLabelTrimLength: {},
+    nodeSideLabels: {},
+    nodeBottomIcon: {},
+    nodeDisabled: {},
+    nodeFill: {},
+    nodeStroke: {},
     nodeSort: { type: Function },
-    nodeEnterPosition: { type: [Function, null] },
-    nodeEnterScale: { type: [Function, Number, null] },
-    nodeExitPosition: { type: [Function, null] },
-    nodeExitScale: { type: [Function, Number, null] },
+    nodeEnterPosition: {},
+    nodeEnterScale: {},
+    nodeExitPosition: {},
+    nodeExitScale: {},
     nodeEnterCustomRenderFunction: { type: Function },
     nodeUpdateCustomRenderFunction: { type: Function },
     nodePartialUpdateCustomRenderFunction: { type: Function },
@@ -90,29 +90,29 @@ const v = { "data-vis-component": "" }, G = c.selectors, A = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(d, { expose: p }) {
-    const u = d, o = F(L), t = s(() => o.data.value ?? u.data), l = h(u), e = m();
-    return S(() => {
+  setup(c, { expose: s }) {
+    const n = y(f), l = c, t = m(() => n.data.value ?? l.data), a = L(l), o = S();
+    return F(() => {
       b(() => {
-        var n;
-        e.value = new c(l.value), (n = e.value) == null || n.setData(t.value), o.update(e.value);
+        var e;
+        o.value = new u(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
       });
-    }), g(() => {
-      var n;
-      (n = e.value) == null || n.destroy(), o.destroy();
-    }), r(l, (n, i) => {
-      var a;
-      B(n, i) || (a = e.value) == null || a.setConfig(l.value);
+    }), k(() => {
+      var e;
+      (e = o.value) == null || e.destroy(), n.destroy();
+    }), r(a, (e, i) => {
+      var d;
+      v(e, i) || (d = o.value) == null || d.setConfig(a.value);
     }), r(t, () => {
-      var n;
-      (n = e.value) == null || n.setData(t.value);
-    }), p({
-      component: e
-    }), (n, i) => (N(), k("div", v));
+      var e;
+      (e = o.value) == null || e.setData(t.value);
+    }), s({
+      component: o
+    }), (e, i) => (g(), h("div", C));
   }
 });
 export {
   G as VisGraphSelectors,
-  A as default
+  D as default
 };
 //# sourceMappingURL=index.js.map

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    zoomEventFilter: { type: Function },\n    disableDrag: { type: Boolean },\n    disableBrush: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    nodeEnterCustomRenderFunction: { type: Function },\n    nodeUpdateCustomRenderFunction: { type: Function },\n    nodePartialUpdateCustomRenderFunction: { type: Function },\n    nodeExitCustomRenderFunction: { type: Function },\n    nodeOnZoomCustomRenderFunction: { type: Function },\n    nodeSelectionHighlightMode: {},\n    selectedNodeId: {},\n    selectedNodeIds: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onZoomStart: { type: Function },\n    onZoomEnd: { type: Function },\n    onLayoutCalculated: { type: Function },\n    onNodeSelectionBrush: { type: Function },\n    onNodeSelectionDrag: { type: Function },\n    onRenderComplete: { type: Function },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GraphConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/grouped-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=l.GroupedBar.selectors,g=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},groupWidth:{},groupMaxWidth:{},dataStep:{},groupPadding:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},barMinHeight:{},cursor:{type:[Function,String,null]},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const u=d,n=t.inject(v.componentAccessorKey),r=t.computed(()=>n.data.value??u.data),a=i.useForwardProps(u),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.GroupedBar(a.value),(e=o.value)==null||e.setData(r.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,c)=>{var s;i.arePropsEqual(e,c)||(s=o.value)==null||s.setConfig(a.value)}),t.watch(r,()=>{var e;(e=o.value)==null||e.setData(r.value)}),p({component:o}),(e,c)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisGroupedBarSelectors=m;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),m={"data-vis-component":""},y=d.GroupedBar.selectors,g=t.defineComponent({__name:"index",props:{color:{},groupWidth:{},groupMaxWidth:{},dataStep:{},groupPadding:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},barMinHeight:{},cursor:{},orientation:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(l,{expose:p}){const a=t.inject(v.componentAccessorKey),c=l,n=t.computed(()=>a.data.value??c.data),r=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new d.GroupedBar(r.value),(e=o.value)==null||e.setData(n.value),a.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),a.destroy()}),t.watch(r,(e,u)=>{var s;i.arePropsEqual(e,u)||(s=o.value)==null||s.setConfig(r.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,u)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisGroupedBarSelectors=y;exports.default=g;
 //# 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\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\ntype Props = 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","VisGroupedBarSelectors","GroupedBar","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAAyBC,EAAW,WAAA,UAIrBC,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,IAAIb,EAAkB,WAAAW,EAAO,KAAK,GAC1CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/grouped-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { GroupedBar, GroupedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<GroupedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new GroupedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAyBC,EAAAA,WAAW,iaA3C3C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAuB,EAGzCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,aAAkBQ,EAAO,KAAK,GAC1CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

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

@@ -56,7 +56,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         orientation?: string;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<GroupedBar<Datum>>;
+        component: import("vue").Ref<GroupedBar<Datum>, GroupedBar<Datum>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/grouped-bar/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.vue?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\n\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n\ntype Props = 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","VisGroupedBarSelectors","GroupedBar","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAAyBC,EAAW,WAIrBC,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,IAAIb,EAAkBW,EAAO,KAAK,IAC1CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { GroupedBar, GroupedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<GroupedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new GroupedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;AA3C3C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAuB;AAGzC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAkBQ,EAAO,KAAK,IAC1CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/line/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=i.Line.selectors,F=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},curveType:{},lineWidth:{},lineDashArray:{type:[Function,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(p,{expose:d}){const u=p,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 i.Line(c.value),(e=n.value)==null||e.setData(a.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(c,(e,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)}),d({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisLineSelectors=m;exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=l.Line.selectors,_=t.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),s=d,a=t.computed(()=>n.data.value??s.data),c=i.useForwardProps(s),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Line(c.value),(e=o.value)==null||e.setData(a.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(c,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisLineSelectors=m;exports.default=_;
 //# 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\n\nexport const VisLineSelectors = Line.selectors\n\ntype Props = 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","VisLineSelectors","Line","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAAmBC,EAAK,KAAA,UAITC,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,IAAIb,EAAY,KAAAW,EAAO,KAAK,GACpCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAmBC,EAAAA,KAAK,8WA3C/B,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAiB,EAGnCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,OAAYQ,EAAO,KAAK,GACpCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/line/index.d.ts

@@ -53,7 +53,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         highlightOnHover?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Line<Datum>>;
+        component: import("vue").Ref<Line<Datum>, Line<Datum>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/line/index.js

@@ -1,19 +1,19 @@
-import { defineComponent as d, inject as m, computed as y, ref as v, onMounted as f, nextTick as F, onUnmounted as h, watch as l, openBlock as x, createElementBlock as _ } from "vue";
+import { defineComponent as d, inject as m, computed as v, ref as f, onMounted as y, nextTick as h, onUnmounted as x, watch as l, openBlock as _, createElementBlock as F } from "vue";
 import { Line as i } from "@unovis/ts";
 import { useForwardProps as b, arePropsEqual as g } from "../../utils/props.js";
-import { componentAccessorKey as S } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, w = i.selectors, C = /* @__PURE__ */ d({
+import { componentAccessorKey as k } from "../../utils/context.js";
+const B = { "data-vis-component": "" }, O = i.selectors, S = /* @__PURE__ */ d({
   __name: "index",
   props: {
-    color: { type: [Function, String, Array, null] },
+    color: {},
     curveType: {},
     lineWidth: {},
-    lineDashArray: { type: [Function, null] },
+    lineDashArray: {},
     fallbackValue: {},
     highlightOnHover: { type: Boolean },
-    cursor: { type: [Function, String, null] },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
+    cursor: {},
+    x: {},
+    y: {},
     id: { type: Function },
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
@@ -23,29 +23,29 @@ const k = { "data-vis-component": "" }, w = i.selectors, C = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const c = s, n = m(S), o = y(() => n.data.value ?? c.data), a = b(c), t = v();
-    return f(() => {
-      F(() => {
+  setup(u, { expose: p }) {
+    const o = m(k), c = u, a = v(() => o.data.value ?? c.data), n = b(c), t = f();
+    return y(() => {
+      h(() => {
         var e;
-        t.value = new i(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+        t.value = new i(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
       });
-    }), h(() => {
+    }), x(() => {
       var e;
-      (e = t.value) == null || e.destroy(), n.destroy();
-    }), l(a, (e, r) => {
-      var u;
-      g(e, r) || (u = t.value) == null || u.setConfig(a.value);
-    }), l(o, () => {
+      (e = t.value) == null || e.destroy(), o.destroy();
+    }), l(n, (e, r) => {
+      var s;
+      g(e, r) || (s = t.value) == null || s.setConfig(n.value);
+    }), l(a, () => {
       var e;
-      (e = t.value) == null || e.setData(o.value);
+      (e = t.value) == null || e.setData(a.value);
     }), p({
       component: t
-    }), (e, r) => (x(), _("div", k));
+    }), (e, r) => (_(), F("div", B));
   }
 });
 export {
-  w as VisLineSelectors,
-  C as default
+  O as VisLineSelectors,
+  S 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?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\n\nexport const VisLineSelectors = Line.selectors\n\ntype Props = 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","VisLineSelectors","Line","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAAmBC,EAAK,WAITC,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,IAAIb,EAAYW,EAAO,KAAK,IACpCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

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 r=p,o=t.inject(y.componentAccessorKey),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 t=require("vue"),d=require("@unovis/ts"),u=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},g=d.NestedDonut.selectors,y=t.defineComponent({__name:"index",props:{angleRange:{},direction:{},value:{},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showBackground:{type:Boolean},sort:{type:Function},layers:{},layerSettings:{},layerPadding:{},cornerRadius:{},emptySegmentAngle:{},hideOverflowingSegmentLabels:{type:Boolean},segmentColor:{},segmentLabel:{},segmentLabelColor:{},showEmptySegments:{type:Boolean},showSegmentLabels:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:p}){const n=t.inject(m.componentAccessorKey),r=i,a=t.computed(()=>n.data.value??r.data),s=u.useForwardProps(r),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new d.NestedDonut(s.value),(e=o.value)==null||e.setData(a.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(s,(e,l)=>{var c;u.arePropsEqual(e,l)||(c=o.value)==null||c.setConfig(s.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),p({component:o}),(e,l)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisNestedDonutSelectors=g;exports.default=y;
 //# 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?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 { 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\n\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n\ntype Props = NestedDonutConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    angleRange: {},\n    direction: {},\n    value: { type: [Function, Number, null] },\n    centralLabel: {},\n    centralSubLabel: {},\n    centralSubLabelWrap: { type: Boolean },\n    showBackground: { type: Boolean },\n    sort: { type: Function },\n    layers: {},\n    layerSettings: { type: [Function, null] },\n    layerPadding: {},\n    cornerRadius: {},\n    emptySegmentAngle: {},\n    hideOverflowingSegmentLabels: { type: Boolean },\n    segmentColor: { type: [Function, String, Array, null] },\n    segmentLabel: { type: [Function, String, null] },\n    segmentLabelColor: { type: [Function, String, Array, null] },\n    showEmptySegments: { type: Boolean },\n    showSegmentLabels: { 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<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\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","VisNestedDonutSelectors","NestedDonut","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAA0BC,EAAY,YAAA,UAIvBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAC,EACb,UAAW,CAAC,EACZ,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,aAAc,CAAC,EACf,gBAAiB,CAAC,EAClB,oBAAqB,CAAE,KAAM,OAAQ,EACrC,eAAgB,CAAE,KAAM,OAAQ,EAChC,KAAM,CAAE,KAAM,QAAS,EACvB,OAAQ,CAAC,EACT,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,aAAc,CAAC,EACf,aAAc,CAAC,EACf,kBAAmB,CAAC,EACpB,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACtD,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,kBAAmB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC3D,kBAAmB,CAAE,KAAM,OAAQ,EACnC,kBAAmB,CAAE,KAAM,OAAQ,EACnC,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,IAAIb,EAAmB,YAAAW,EAAO,KAAK,GAC3CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"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"],"mappings":"+PAkDaA,EAA0BC,EAAAA,YAAY,sgBA3C7C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAwB,EAG1CC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,cAAmBQ,EAAO,KAAK,GAC3CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

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

@@ -38,9 +38,9 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
-        value?: import("@unovis/ts").NumericAccessor<Datum>;
         angleRange?: [number, number];
         cornerRadius?: number;
+        value?: import("@unovis/ts").NumericAccessor<Datum>;
         centralLabel?: string;
         centralSubLabel?: string;
         centralSubLabelWrap?: boolean;
@@ -59,7 +59,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         showSegmentLabels?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<NestedDonut<Datum>>;
+        component: import("vue").Ref<NestedDonut<Datum>, NestedDonut<Datum>>;
     }>): void;
     attrs: any;
     slots: {};