@unovis/vue 1.5.0-beta.3 → 1.5.0

package/components/nested-donut/index.js

@@ -1,27 +1,27 @@
-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, openBlock as S, createElementBlock as B } from "vue";
-import { NestedDonut as c } from "@unovis/ts";
+import { defineComponent as i, inject as m, computed as g, ref as v, onMounted as y, nextTick as f, onUnmounted as b, watch as c, openBlock as B, createElementBlock as S } from "vue";
+import { NestedDonut as u } 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({
+const L = { "data-vis-component": "" }, E = u.selectors, P = /* @__PURE__ */ i({
   __name: "index",
   props: {
     angleRange: {},
     direction: {},
-    value: { type: [Function, Number, null] },
+    value: {},
     centralLabel: {},
     centralSubLabel: {},
     centralSubLabelWrap: { type: Boolean },
     showBackground: { type: Boolean },
     sort: { type: Function },
     layers: {},
-    layerSettings: { type: [Function, null] },
+    layerSettings: {},
     layerPadding: {},
     cornerRadius: {},
     emptySegmentAngle: {},
     hideOverflowingSegmentLabels: { type: Boolean },
-    segmentColor: { type: [Function, String, Array, null] },
-    segmentLabel: { type: [Function, String, null] },
-    segmentLabelColor: { type: [Function, String, Array, null] },
+    segmentColor: {},
+    segmentLabel: {},
+    segmentLabelColor: {},
     showEmptySegments: { type: Boolean },
     showSegmentLabels: { type: Boolean },
     duration: {},
@@ -29,29 +29,29 @@ const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
     attributes: {},
     data: {}
   },
-  setup(i, { expose: p }) {
-    const r = i, n = d(w), o = y(() => n.data.value ?? r.data), a = _(r), t = g();
-    return v(() => {
+  setup(p, { expose: d }) {
+    const o = m(w), s = p, a = g(() => o.data.value ?? s.data), n = _(s), t = v();
+    return y(() => {
       f(() => {
         var e;
-        t.value = new c(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+        t.value = new u(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.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, () => {
+      (e = t.value) == null || e.destroy(), o.destroy();
+    }), c(n, (e, r) => {
+      var l;
+      h(e, r) || (l = t.value) == null || l.setConfig(n.value);
+    }), c(a, () => {
       var e;
-      (e = t.value) == null || e.setData(o.value);
-    }), p({
+      (e = t.value) == null || e.setData(a.value);
+    }), d({
       component: t
-    }), (e, l) => (S(), B("div", F));
+    }), (e, r) => (B(), S("div", L));
   }
 });
 export {
-  C as VisNestedDonutSelectors,
-  D as default
+  E as VisNestedDonutSelectors,
+  P 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?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":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAA0BC,EAAY,WAIvBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,cAAc,CAAC;AAAA,IACf,iBAAiB,CAAC;AAAA,IAClB,qBAAqB,EAAE,MAAM,QAAQ;AAAA,IACrC,gBAAgB,EAAE,MAAM,QAAQ;AAAA,IAChC,MAAM,EAAE,MAAM,SAAS;AAAA,IACvB,QAAQ,CAAC;AAAA,IACT,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,cAAc,CAAC;AAAA,IACf,cAAc,CAAC;AAAA,IACf,mBAAmB,CAAC;AAAA,IACpB,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACtD,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC3D,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,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,EAAmBW,EAAO,KAAK,IAC3CM,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/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":";;;;wCAkDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C7C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAwB;AAG1C,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,IAC3CM,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/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:{},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,null]},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},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:{},subLabelToLabelInlineWidthRatio:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const a=d,o=n.inject(y.componentAccessorKey),l=n.computed(()=>o.data.value??a.data),i=c.useForwardProps(a),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new s.Sankey(i.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(i,(e,r)=>{var u;c.arePropsEqual(e,r)||(u=t.value)==null||u.setConfig(i.value)}),n.watch(l,()=>{var e;(e=t.value)==null||e.setData(l.value)}),p({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 o=require("vue"),c=require("@unovis/ts"),u=require("../../utils/props.cjs"),b=require("../../utils/context.cjs"),h={"data-vis-component":""},y=c.Sankey.selectors,g=o.defineComponent({__name:"index",props:{id:{type:Function},heightNormalizationCoeff:{},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:{},nodeIcon:{},nodeColor:{},nodeFixedValue:{},nodeIconColor:{},linkColor:{},linkValue:{},linkCursor:{},label:{},subLabel:{},labelPosition:{},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},labelForceWordBreak:{type:Boolean},labelColor:{},labelCursor:{},labelVisibility:{type:Function},subLabelFontSize:{},subLabelColor:{},subLabelPlacement:{},subLabelToLabelInlineWidthRatio:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const n=o.inject(b.componentAccessorKey),i=d,a=o.computed(()=>n.data.value??i.data),l=u.useForwardProps(i),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new c.Sankey(l.value),(e=t.value)==null||e.setData(a.value),n.update(t.value)})}),o.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),n.destroy()}),o.watch(l,(e,r)=>{var s;u.arePropsEqual(e,r)||(s=t.value)==null||s.setConfig(l.value)}),o.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,r)=>(o.openBlock(),o.createElementBlock("div",h))}});exports.VisSankeySelectors=y;exports.default=g;
 //# sourceMappingURL=index.cjs.map

package/components/sankey/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sankey/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 { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 VisSankeySelectors = Sankey.selectors\n\ntype Props = SankeyConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    id: { type: Function },\n    heightNormalizationCoeff: {},\n    exitTransitionType: {},\n    enterTransitionType: {},\n    highlightSubtreeOnHover: { type: Boolean },\n    highlightDuration: {},\n    highlightDelay: {},\n    iterations: {},\n    nodeSort: { type: [Function, null] },\n    linkSort: { type: [Function, null] },\n    nodeWidth: {},\n    nodeAlign: {},\n    nodeHorizontalSpacing: {},\n    nodeMinHeight: {},\n    nodeMaxHeight: {},\n    nodePadding: {},\n    showSingleNode: { type: Boolean },\n    nodeCursor: { type: [Function, String, null] },\n    nodeIcon: { type: [Function, String, null] },\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeFixedValue: { type: [Function, Number, null] },\n    nodeIconColor: { type: [Function, String, Array, null] },\n    linkColor: { type: [Function, String, null] },\n    linkValue: { type: [Function, Number, null] },\n    linkCursor: { type: [Function, String, null] },\n    label: { type: [Function, String, null] },\n    subLabel: { type: [Function, String, null] },\n    labelPosition: { type: [Function, null] },\n    labelVerticalAlign: {},\n    labelBackground: { type: Boolean },\n    labelFit: {},\n    labelMaxWidth: {},\n    labelExpandTrimmedOnHover: { type: Boolean },\n    labelTrimMode: {},\n    labelFontSize: {},\n    labelTextSeparator: {},\n    labelForceWordBreak: { type: Boolean },\n    labelColor: { type: [Function, String, Array, null] },\n    labelCursor: { type: [Function, String, null] },\n    labelVisibility: { type: Function },\n    subLabelFontSize: {},\n    subLabelColor: { type: [Function, String, Array, null] },\n    subLabelPlacement: {},\n    subLabelToLabelInlineWidthRatio: {},\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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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","VisSankeySelectors","Sankey","_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.cjs","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAqBC,EAAAA,OAAO,w/BA3CnC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAkB,EAGpCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,SAAaQ,EAAO,KAAK,GACrCM,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/sankey/index.d.ts

@@ -92,7 +92,7 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
         subLabelToLabelInlineWidthRatio?: number;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Sankey<N, L>>;
+        component: import("vue").Ref<Sankey<N, L>, Sankey<N, L>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/sankey/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as y, computed as b, ref as g, onMounted as m, nextTick as F, onUnmounted as S, watch as u, openBlock as h, createElementBlock as v } from "vue";
-import { Sankey as c } from "@unovis/ts";
-import { useForwardProps as f, arePropsEqual as k } from "../../utils/props.js";
-import { componentAccessorKey as x } from "../../utils/context.js";
-const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
+import { defineComponent as p, inject as b, computed as m, ref as h, onMounted as y, nextTick as g, onUnmounted as v, watch as s, openBlock as f, createElementBlock as k } from "vue";
+import { Sankey as d } from "@unovis/ts";
+import { useForwardProps as x, arePropsEqual as C } from "../../utils/props.js";
+import { componentAccessorKey as S } from "../../utils/context.js";
+const F = { "data-vis-component": "" }, H = d.selectors, M = /* @__PURE__ */ p({
   __name: "index",
   props: {
     id: { type: Function },
@@ -22,17 +22,17 @@ const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
     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, null] },
+    nodeCursor: {},
+    nodeIcon: {},
+    nodeColor: {},
+    nodeFixedValue: {},
+    nodeIconColor: {},
+    linkColor: {},
+    linkValue: {},
+    linkCursor: {},
+    label: {},
+    subLabel: {},
+    labelPosition: {},
     labelVerticalAlign: {},
     labelBackground: { type: Boolean },
     labelFit: {},
@@ -42,11 +42,11 @@ const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
     labelFontSize: {},
     labelTextSeparator: {},
     labelForceWordBreak: { type: Boolean },
-    labelColor: { type: [Function, String, Array, null] },
-    labelCursor: { type: [Function, String, null] },
+    labelColor: {},
+    labelCursor: {},
     labelVisibility: { type: Function },
     subLabelFontSize: {},
-    subLabelColor: { type: [Function, String, Array, null] },
+    subLabelColor: {},
     subLabelPlacement: {},
     subLabelToLabelInlineWidthRatio: {},
     duration: {},
@@ -54,29 +54,29 @@ const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(p, { expose: s }) {
-    const i = p, t = y(x), o = b(() => t.data.value ?? i.data), l = f(i), n = g();
-    return m(() => {
-      F(() => {
+  setup(u, { expose: c }) {
+    const n = b(S), l = u, t = m(() => n.data.value ?? l.data), a = x(l), o = h();
+    return y(() => {
+      g(() => {
         var e;
-        n.value = new c(l.value), (e = n.value) == null || e.setData(o.value), t.update(n.value);
+        o.value = new d(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
       });
-    }), S(() => {
+    }), v(() => {
       var e;
-      (e = n.value) == null || e.destroy(), t.destroy();
-    }), u(l, (e, a) => {
+      (e = o.value) == null || e.destroy(), n.destroy();
+    }), s(a, (e, i) => {
       var r;
-      k(e, a) || (r = n.value) == null || r.setConfig(l.value);
-    }), u(o, () => {
+      C(e, i) || (r = o.value) == null || r.setConfig(a.value);
+    }), s(t, () => {
       var e;
-      (e = n.value) == null || e.setData(o.value);
-    }), s({
-      component: n
-    }), (e, a) => (h(), v("div", C));
+      (e = o.value) == null || e.setData(t.value);
+    }), c({
+      component: o
+    }), (e, i) => (f(), k("div", F));
   }
 });
 export {
-  L as VisSankeySelectors,
-  H as default
+  H as VisSankeySelectors,
+  M as default
 };
 //# sourceMappingURL=index.js.map

package/components/sankey/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sankey/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 { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 VisSankeySelectors = Sankey.selectors\n\ntype Props = SankeyConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    id: { type: Function },\n    heightNormalizationCoeff: {},\n    exitTransitionType: {},\n    enterTransitionType: {},\n    highlightSubtreeOnHover: { type: Boolean },\n    highlightDuration: {},\n    highlightDelay: {},\n    iterations: {},\n    nodeSort: { type: [Function, null] },\n    linkSort: { type: [Function, null] },\n    nodeWidth: {},\n    nodeAlign: {},\n    nodeHorizontalSpacing: {},\n    nodeMinHeight: {},\n    nodeMaxHeight: {},\n    nodePadding: {},\n    showSingleNode: { type: Boolean },\n    nodeCursor: { type: [Function, String, null] },\n    nodeIcon: { type: [Function, String, null] },\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeFixedValue: { type: [Function, Number, null] },\n    nodeIconColor: { type: [Function, String, Array, null] },\n    linkColor: { type: [Function, String, null] },\n    linkValue: { type: [Function, Number, null] },\n    linkCursor: { type: [Function, String, null] },\n    label: { type: [Function, String, null] },\n    subLabel: { type: [Function, String, null] },\n    labelPosition: { type: [Function, null] },\n    labelVerticalAlign: {},\n    labelBackground: { type: Boolean },\n    labelFit: {},\n    labelMaxWidth: {},\n    labelExpandTrimmedOnHover: { type: Boolean },\n    labelTrimMode: {},\n    labelFontSize: {},\n    labelTextSeparator: {},\n    labelForceWordBreak: { type: Boolean },\n    labelColor: { type: [Function, String, Array, null] },\n    labelCursor: { type: [Function, String, null] },\n    labelVisibility: { type: Function },\n    subLabelFontSize: {},\n    subLabelColor: { type: [Function, String, Array, null] },\n    subLabelPlacement: {},\n    subLabelToLabelInlineWidthRatio: {},\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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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","VisSankeySelectors","Sankey","_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/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAqBC,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAkB;AAGpC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IACrCM,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/scatter/index.cjs

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

package/components/scatter/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/scatter/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisScatterSelectors = Scatter.selectors\n\ntype Props = ScatterConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisScatterSelectors","Scatter","_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,EAAsBC,EAAQ,QAAA,UAIfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,KAAM,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACvC,UAAW,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACtC,UAAW,CAAC,EACZ,MAAO,CAAE,KAAM,CAAC,SAAU,MAAM,CAAE,EAClC,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACpD,qBAAsB,CAAE,KAAM,OAAQ,EACtC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACrD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIb,EAAe,QAAAW,EAAO,KAAK,GACvCM,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/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = ScatterConfigInterface<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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisScatterSelectors","Scatter","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAsBC,EAAAA,QAAQ,+eA3CrC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAoB,EAGtCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,UAAeQ,EAAO,KAAK,GACvCM,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/scatter/index.d.ts

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

package/components/scatter/index.js

@@ -1,25 +1,25 @@
-import { defineComponent as y, inject as m, computed as d, ref as F, onMounted as v, nextTick as b, onUnmounted as S, watch as u, openBlock as f, createElementBlock as g } from "vue";
+import { defineComponent as d, inject as m, computed as v, ref as y, onMounted as f, nextTick as b, onUnmounted as x, watch as l, openBlock as _, createElementBlock as F } from "vue";
 import { Scatter as i } from "@unovis/ts";
-import { useForwardProps as x, arePropsEqual as _ } from "../../utils/props.js";
+import { useForwardProps as S, arePropsEqual as g } from "../../utils/props.js";
 import { componentAccessorKey as h } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, N = i.selectors, O = /* @__PURE__ */ y({
+const k = { "data-vis-component": "" }, w = i.selectors, z = /* @__PURE__ */ d({
   __name: "index",
   props: {
-    color: { type: [Function, String, Array, null] },
-    size: { type: [Function, Number, null] },
+    color: {},
+    size: {},
     sizeScale: { type: [Object, Function] },
     sizeRange: {},
     shape: { type: [Function, String] },
-    label: { type: [Function, String, null] },
-    labelColor: { type: [Function, String, Array, null] },
+    label: {},
+    labelColor: {},
     labelHideOverlapping: { type: Boolean },
-    cursor: { type: [Function, String, null] },
+    cursor: {},
     labelTextBrightnessRatio: {},
-    labelPosition: { type: [Function, null] },
-    strokeColor: { type: [Function, String, Array, null] },
-    strokeWidth: { type: [Function, Number, null] },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
+    labelPosition: {},
+    strokeColor: {},
+    strokeWidth: {},
+    x: {},
+    y: {},
     id: { type: Function },
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
@@ -29,29 +29,29 @@ const k = { "data-vis-component": "" }, N = i.selectors, O = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const l = s, n = m(h), o = d(() => n.data.value ?? l.data), a = x(l), t = F();
-    return v(() => {
+  setup(u, { expose: p }) {
+    const o = m(h), c = u, a = v(() => o.data.value ?? c.data), n = S(c), t = y();
+    return f(() => {
       b(() => {
         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);
       });
-    }), S(() => {
+    }), x(() => {
       var e;
-      (e = t.value) == null || e.destroy(), n.destroy();
-    }), u(a, (e, r) => {
-      var c;
-      _(e, r) || (c = t.value) == null || c.setConfig(a.value);
-    }), u(o, () => {
+      (e = t.value) == null || e.destroy(), o.destroy();
+    }), l(n, (e, s) => {
+      var r;
+      g(e, s) || (r = t.value) == null || r.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) => (f(), g("div", k));
+    }), (e, s) => (_(), F("div", k));
   }
 });
 export {
-  N as VisScatterSelectors,
-  O as default
+  w as VisScatterSelectors,
+  z as default
 };
 //# sourceMappingURL=index.js.map

package/components/scatter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisScatterSelectors = Scatter.selectors\n\ntype Props = ScatterConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisScatterSelectors","Scatter","_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,IAAsBC,EAAQ,WAIfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACtC,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,MAAM,EAAE;AAAA,IAClC,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACpD,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACrD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIb,EAAeW,EAAO,KAAK,IACvCM,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/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = ScatterConfigInterface<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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisScatterSelectors","Scatter","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAsBC,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAoB;AAGtC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAeQ,EAAO,KAAK,IACvCM,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/stacked-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"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=l.StackedBar.selectors,b=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const c=d,n=t.inject(y.componentAccessorKey),a=t.computed(()=>n.data.value??c.data),r=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.StackedBar(r.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(r,(e,u)=>{var s;i.arePropsEqual(e,u)||(s=o.value)==null||s.setConfig(r.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),p({component:o}),(e,u)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisStackedBarSelectors=m;exports.default=b;
+"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.StackedBar.selectors,b=t.defineComponent({__name:"index",props:{color:{},barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},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.StackedBar(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,s)=>{var u;i.arePropsEqual(e,s)||(u=o.value)==null||u.setConfig(r.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,s)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisStackedBarSelectors=y;exports.default=b;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisStackedBarSelectors = StackedBar.selectors\n\ntype Props = StackedBarConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisStackedBarSelectors","StackedBar","_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,SAAU,CAAC,EACX,YAAa,CAAC,EACd,SAAU,CAAC,EACX,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,gBAAiB,CAAE,KAAM,OAAQ,EACjC,sBAAuB,CAAC,EACxB,YAAa,CAAC,EACd,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,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/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = StackedBarConfigInterface<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<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisStackedBarSelectors","StackedBar","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,qbA3C3C,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/stacked-bar/index.d.ts

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

package/components/stacked-bar/index.js

@@ -1,22 +1,22 @@
-import { defineComponent as d, inject as m, computed as y, ref as v, onMounted as b, nextTick as f, onUnmounted as x, watch as i, openBlock as F, createElementBlock as S } from "vue";
-import { StackedBar as l } from "@unovis/ts";
-import { useForwardProps as _, arePropsEqual as g } from "../../utils/props.js";
-import { componentAccessorKey as h } from "../../utils/context.js";
-const B = { "data-vis-component": "" }, j = l.selectors, w = /* @__PURE__ */ d({
+import { defineComponent as p, inject as m, computed as v, ref as f, onMounted as y, nextTick as x, onUnmounted as b, watch as i, openBlock as _, createElementBlock as h } from "vue";
+import { StackedBar as u } from "@unovis/ts";
+import { useForwardProps as B, arePropsEqual as S } from "../../utils/props.js";
+import { componentAccessorKey as g } from "../../utils/context.js";
+const k = { "data-vis-component": "" }, j = u.selectors, w = /* @__PURE__ */ p({
   __name: "index",
   props: {
-    color: { type: [Function, String, Array, null] },
+    color: {},
     barWidth: {},
     barMaxWidth: {},
     dataStep: {},
     barPadding: {},
     roundedCorners: { type: [Number, Boolean] },
-    cursor: { type: [Function, String, null] },
+    cursor: {},
     barMinHeight1Px: { type: Boolean },
     barMinHeightZeroValue: {},
     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,25 +26,25 @@ const B = { "data-vis-component": "" }, j = l.selectors, w = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const r = s, o = m(h), n = y(() => o.data.value ?? r.data), a = _(r), t = v();
-    return b(() => {
-      f(() => {
+  setup(d, { expose: l }) {
+    const o = m(g), r = d, a = v(() => o.data.value ?? r.data), n = B(r), t = f();
+    return y(() => {
+      x(() => {
         var e;
-        t.value = new l(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
+        t.value = new u(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
       });
-    }), x(() => {
+    }), b(() => {
       var e;
       (e = t.value) == null || e.destroy(), o.destroy();
-    }), i(a, (e, c) => {
-      var u;
-      g(e, c) || (u = t.value) == null || u.setConfig(a.value);
-    }), i(n, () => {
+    }), i(n, (e, c) => {
+      var s;
+      S(e, c) || (s = t.value) == null || s.setConfig(n.value);
+    }), i(a, () => {
       var e;
-      (e = t.value) == null || e.setData(n.value);
-    }), p({
+      (e = t.value) == null || e.setData(a.value);
+    }), l({
       component: t
-    }), (e, c) => (F(), S("div", B));
+    }), (e, c) => (_(), h("div", k));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisStackedBarSelectors = StackedBar.selectors\n\ntype Props = StackedBarConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisStackedBarSelectors","StackedBar","_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,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,uBAAuB,CAAC;AAAA,IACxB,aAAa,CAAC;AAAA,IACd,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,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/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = StackedBarConfigInterface<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<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisStackedBarSelectors","StackedBar","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;;;"}