@unovis/vue 1.6.2 → 1.6.4

package/components.d.ts

@@ -1,26 +1,27 @@
-export { default as VisArea, VisAreaSelectors } from "./components/area/index";
-export { default as VisAxis, VisAxisSelectors } from "./components/axis/index";
-export { default as VisBrush, VisBrushSelectors } from "./components/brush/index";
-export { default as VisCrosshair, VisCrosshairSelectors } from "./components/crosshair/index";
-export { default as VisFreeBrush, VisFreeBrushSelectors } from "./components/free-brush/index";
-export { default as VisGroupedBar, VisGroupedBarSelectors } from "./components/grouped-bar/index";
-export { default as VisLine, VisLineSelectors } from "./components/line/index";
-export { default as VisScatter, VisScatterSelectors } from "./components/scatter/index";
-export { default as VisStackedBar, VisStackedBarSelectors } from "./components/stacked-bar/index";
-export { default as VisTimeline, VisTimelineSelectors } from "./components/timeline/index";
-export { default as VisXYLabels, VisXYLabelsSelectors } from "./components/xy-labels/index";
-export { default as VisPlotband, VisPlotbandSelectors } from "./components/plotband/index";
-export { default as VisPlotline, VisPlotlineSelectors } from "./components/plotline/index";
-export { default as VisChordDiagram, VisChordDiagramSelectors } from "./components/chord-diagram/index";
-export { default as VisDonut, VisDonutSelectors } from "./components/donut/index";
-export { default as VisGraph, VisGraphSelectors } from "./components/graph/index";
-export { default as VisNestedDonut, VisNestedDonutSelectors } from "./components/nested-donut/index";
-export { default as VisSankey, VisSankeySelectors } from "./components/sankey/index";
-export { default as VisTopoJSONMap, VisTopoJSONMapSelectors } from "./components/topojson-map/index";
-export { default as VisTreemap, VisTreemapSelectors } from "./components/treemap/index";
-export { default as VisTooltip, VisTooltipSelectors } from "./components/tooltip/index";
-export { default as VisAnnotations, VisAnnotationsSelectors } from "./components/annotations/index";
-export { default as VisLeafletMap, VisLeafletMapSelectors } from "./html-components/leaflet-map/index";
-export { default as VisLeafletFlowMap, VisLeafletFlowMapSelectors } from "./html-components/leaflet-flow-map/index";
-export { default as VisBulletLegend, VisBulletLegendSelectors } from "./html-components/bullet-legend/index";
-export { default as VisRollingPinLegend, VisRollingPinLegendSelectors } from "./html-components/rolling-pin-legend/index";
+export { default as VisArea, VisAreaSelectors } from './components/area/index';
+export { default as VisAxis, VisAxisSelectors } from './components/axis/index';
+export { default as VisBrush, VisBrushSelectors } from './components/brush/index';
+export { default as VisCrosshair, VisCrosshairSelectors } from './components/crosshair/index';
+export { default as VisFreeBrush, VisFreeBrushSelectors } from './components/free-brush/index';
+export { default as VisGroupedBar, VisGroupedBarSelectors } from './components/grouped-bar/index';
+export { default as VisLine, VisLineSelectors } from './components/line/index';
+export { default as VisScatter, VisScatterSelectors } from './components/scatter/index';
+export { default as VisStackedBar, VisStackedBarSelectors } from './components/stacked-bar/index';
+export { default as VisTimeline, VisTimelineSelectors } from './components/timeline/index';
+export { default as VisXYLabels, VisXYLabelsSelectors } from './components/xy-labels/index';
+export { default as VisPlotband, VisPlotbandSelectors } from './components/plotband/index';
+export { default as VisPlotline, VisPlotlineSelectors } from './components/plotline/index';
+export { default as VisChordDiagram, VisChordDiagramSelectors } from './components/chord-diagram/index';
+export { default as VisDonut, VisDonutSelectors } from './components/donut/index';
+export { default as VisGraph, VisGraphSelectors } from './components/graph/index';
+export { default as VisNestedDonut, VisNestedDonutSelectors } from './components/nested-donut/index';
+export { default as VisSankey, VisSankeySelectors } from './components/sankey/index';
+export { default as VisTopoJSONMap, VisTopoJSONMapSelectors } from './components/topojson-map/index';
+export { default as VisTreemap, VisTreemapSelectors } from './components/treemap/index';
+export { default as VisTooltip, VisTooltipSelectors } from './components/tooltip/index';
+export { default as VisAnnotations, VisAnnotationsSelectors } from './components/annotations/index';
+export { default as VisLeafletMap, VisLeafletMapSelectors } from './html-components/leaflet-map/index';
+export { default as VisLeafletFlowMap, VisLeafletFlowMapSelectors } from './html-components/leaflet-flow-map/index';
+export { default as VisBulletLegend, VisBulletLegendSelectors } from './html-components/bullet-legend/index';
+export { default as VisFlowLegend, VisFlowLegendSelectors } from './html-components/flow-legend/index';
+export { default as VisRollingPinLegend, VisRollingPinLegendSelectors } from './html-components/rolling-pin-legend/index';

package/containers/single-container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"waAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAErC,IAAAM,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,IAAoB,EAE5BC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YAChBD,EAAA,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAC7E,EAEAY,OAAAA,EAAAA,YAAY,IAAM,OACNH,EAAA,GAEAI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OACrBT,GAAA,MAAAA,EAAA,gBAAgB,CAAE,GAAGO,QAAMT,EAAY,KAAK,EAAG,GAAGS,EAAAA,MAAMN,CAAM,GAAG,CACzE,EAEDS,EAAA,MAAMd,EAAM,IAAM,CACZI,EACIA,EAAA,QAAQJ,EAAK,MAAO,EAAI,EAEpBS,EAAA,CACZ,CACD,EAEWM,cAAA,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAA,CAAU,CACjD,EAGYkB,EAAA,CACX,UAAWnB,CAAA,CACZ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"waAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEzC,IAAIM,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,IAAA,EAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YACxBD,EAAQ,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAC7E,EAEAY,OAAAA,EAAAA,YAAY,IAAM,OAChBH,EAAA,GAEUI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OAC5BT,GAAA,MAAAA,EAAO,gBAAgB,CAAE,GAAGO,QAAMT,EAAY,KAAK,EAAG,GAAGS,EAAAA,MAAMN,CAAM,GACvE,CAAC,EAEDS,EAAAA,MAAMd,EAAM,IAAM,CACZI,EACFA,EAAM,QAAQJ,EAAK,MAAO,EAAI,EAE9BS,EAAA,CAEJ,CAAC,EAEDM,cAAY,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAU,CAAA,CACjD,EAGDkB,EAAa,CACX,UAAWnB,CAAA,CACZ,wBAICoB,EAAAA,mBAEM,MAAA,CAFD,4BAAA,WAA8B,QAAJ,IAAIjB,EAAQ,MAAM,yBAAA,GAC/CkB,aAAQC,EAAA,OAAA,SAAA,CAAA"}

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

@@ -1,34 +1,20 @@
-import { SingleContainer, ComponentCore, Tooltip, Annotations } from '@unovis/ts';
-declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
-    attrs: any;
-    emit: any;
-    slots: any;
-}, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: {
-        duration?: number;
+import { SingleContainer, SingleContainerConfigInterface } from '@unovis/ts';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (SingleContainerConfigInterface<T> & {
         data?: T;
-        width?: string | number;
-        component?: ComponentCore<T, import("@unovis/ts").ComponentConfigInterface>;
-        tooltip?: Tooltip;
-        annotations?: Annotations;
-        margin?: import("@unovis/ts").Spacing;
-        padding?: import("@unovis/ts").Spacing;
-        sizing?: string;
-        height?: string | number;
-        svgDefs?: string;
-        ariaLabel?: string;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
         component: SingleContainer<T>;
     }>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
         default?(_: {}): any;
-    };
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/containers/single-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK;AAErC,QAAAM;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,EAAoB,GAE5BC,IAAY,MAAM;AACtB,MAAIL,KACAG,EAAM,SAASF,EAAO,cAChBD,IAAA,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAY,EAAY,MAAM;;AACN,MAAAH,EAAA,IAEAI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QACrBT,KAAA,QAAAA,EAAA,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM;IAAG,CACzE,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACIA,EAAA,QAAQJ,EAAK,OAAO,EAAI,IAEpBS,EAAA;AAAA,IACZ,CACD,GAEWM,EAAA,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAGYiB,EAAA;AAAA,MACX,WAAWlB;AAAA,IAAA,CACZ;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK;AAEzC,QAAIM;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,EAAA,GAERC,IAAY,MAAM;AACtB,MAAIL,KACAG,EAAM,SAASF,EAAO,cACxBD,IAAQ,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAY,EAAY,MAAM;;AAChB,MAAAH,EAAA,IAEUI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QAC5BT,KAAA,QAAAA,EAAO,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM;IACvE,CAAC,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACFA,EAAM,QAAQJ,EAAK,OAAO,EAAI,IAE9BS,EAAA;AAAA,IAEJ,CAAC,GAEDM,EAAY,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAGDiB,EAAa;AAAA,MACX,WAAWlB;AAAA,IAAA,CACZ,mBAICmB,EAEM,OAAA;AAAA,MAFD,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIhB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC/CiB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/containers/xy-container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"kxBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAgC,EACxCC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAC,EACb,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAoB,EAElCI,OAAAA,EAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CACtC,CACD,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAM,MAAAX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAAG,CAC/E,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAaJ,EAAA,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAE,EAAGN,EAAK,KAAK,EAAA,CAC7F,EAEDgB,EAAAA,YAAY,IAAM,OAAA,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAM,OAAA,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAYO,GAAA,CAACA,EAAE,YAAa,GAAA,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAASb,EAAA,GAAGa,CAAC,MAAM,EAAI,MAAA,CAAU,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAA,CAAU,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAA,CAAU,CACjD,EAEYoB,EAAA,CACX,UAAWtB,CAAA,CACZ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"kxBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAA,EACRC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAA,EACZ,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAA,EAEdI,OAAAA,EAAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CAExC,CAAC,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAAA,MAAMX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAC7E,CAAC,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAOJ,EAAM,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAA,EAAKN,EAAK,KAAK,EAC9F,CAAC,EAEDgB,EAAAA,YAAY,IAAA,OAAM,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAA,OAAM,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAOO,GAAK,CAACA,EAAE,YAAA,GAAa,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAAEb,EAAO,GAAGa,CAAC,MAAM,EAAI,MAAU,CAAA,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAU,CAAA,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAU,CAAA,CACjD,EAEDoB,EAAa,CACX,UAAWtB,CAAA,CACZ,wBAICuB,EAAAA,mBAEM,MAAA,CAFD,wBAAA,WAA0B,QAAJ,IAAInB,EAAQ,MAAM,qBAAA,GAC3CoB,aAAQC,EAAA,OAAA,SAAA,CAAA"}

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

@@ -1,52 +1,20 @@
-import { XYContainer, XYComponentCore, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts';
-declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
-    attrs: any;
-    emit: any;
-    slots: any;
-}, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: {
-        duration?: number;
+import { XYContainer, XYContainerConfigInterface } from '@unovis/ts';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (XYContainerConfigInterface<T> & {
         data?: T[];
-        width?: string | number;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        tooltip?: Tooltip;
-        components?: XYComponentCore<T, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
-        annotations?: Annotations;
-        margin?: import("@unovis/ts").Spacing;
-        padding?: import("@unovis/ts").Spacing;
-        sizing?: string;
-        height?: string | number;
-        svgDefs?: string;
-        ariaLabel?: string;
-        xDomain?: [number, number];
-        xDomainMinConstraint?: [number, number];
-        xDomainMaxConstraint?: [number, number];
-        xRange?: [number, number];
-        yDomain?: [number, number];
-        yDomainMinConstraint?: [number, number];
-        yDomainMaxConstraint?: [number, number];
-        yRange?: [number, number];
-        yDirection?: string;
-        xAxis?: Axis<T>;
-        yAxis?: Axis<T>;
-        autoMargin?: boolean;
-        crosshair?: Crosshair<T>;
-        preventEmptyDomain?: boolean;
-        scaleByDomain?: boolean;
-        clipPathExtend?: number;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<XYContainer<T>, XYContainer<T>>;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<XYContainer<T>, XYContainer<T>>;
     }>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
         default?(_: {}): any;
-    };
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/containers/xy-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAgC,GACxCC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAC;AAAA,MACb,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAoB;AAElC,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IACtC,CACD,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAAG,CAC/E,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAaJ,EAAA,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAE,GAAGN,EAAK,KAAK;AAAA,IAAA,CAC7F,GAEDe,EAAY,MAAM;;AAAA,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAM;;AAAA,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAKO,MAAA,CAACA,EAAE,YAAa;AAAA;AAAA,IAAA,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAS,QAAAZ,EAAA,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAA;AAAA,IAAU,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAA;AAAA,IAAU,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAEYmB,EAAA;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAA,GACRC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAA;AAEd,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IAExC,CAAC,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAC7E,CAAC,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAOJ,EAAM,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKN,EAAK,KAAK;AAAA,IAC9F,CAAC,GAEDe,EAAY,MAAA;;AAAM,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAA;;AAAM,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAAO,MAAK,CAACA,EAAE,YAAA;AAAA;AAAA,IAAa,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAE,QAAAZ,EAAO,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEDmB,EAAa;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ,mBAICsB,EAEM,OAAA;AAAA,MAFD,yBAAA;AAAA,eAA0B;AAAA,MAAJ,KAAIlB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC3CmB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/containers.d.ts

@@ -1,2 +1,2 @@
-export { default as VisXYContainer } from "./containers/xy-container/index";
-export { default as VisSingleContainer } from "./containers/single-container/index";
+export { default as VisXYContainer } from './containers/xy-container/index';
+export { default as VisSingleContainer } from './containers/single-container/index';

package/html-components/bullet-legend/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=d.BulletLegend.selectors,v=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletSpacing:{},bulletShape:{},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(c,{expose:i}){const r=c;e.computed(()=>r.data);const l=s.useForwardProps(r),o=e.ref(),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{n.value&&(o.value=new d.BulletLegend(n.value,{...l.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(l,(t,u)=>{var a;s.arePropsEqual(t,u)||(a=o.value)==null||a.update(l.value)}),i({component:o}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:n},null,512))}});exports.VisBulletLegendSelectors=p;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=i.BulletLegend.selectors,f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletSpacing:{},bulletShape:{type:[Function,null]},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(c,{expose:d}){const r=c;e.computed(()=>r.data);const n=s.useForwardProps(r),o=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(o.value=new i.BulletLegend(l.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(n,(t,u)=>{var a;s.arePropsEqual(t,u)||(a=o.value)==null||a.setConfig(n.value)}),d({component:o}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});exports.VisBulletLegendSelectors=p;exports.default=f;
 //# sourceMappingURL=index.cjs.map

package/html-components/bullet-legend/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n  <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-bullet-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"8LA8CaA,EAA2BC,EAAAA,aAAa,uRArCrD,MAAMC,EAAQC,EAEDC,EAAA,SAAS,IAAMF,EAAM,IAAI,EAEhC,MAAAG,EAASC,kBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAkB,EAC9BC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIN,EAAA,aAAaQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAAA,CAGrG,CAAA,CACF,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,OAAOR,EAAO,MACjC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n  <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-bullet-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA8CaA,EAA2BC,EAAAA,aAAa,2SArCrD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,aAAaQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGtG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAGDa,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAAyC,MAAA,CAApC,yBAAA,WAA2B,QAAJ,IAAIV,CAAA"}

package/html-components/bullet-legend/index.d.ts

@@ -1,76 +1,20 @@
-import { BulletLegend, BulletLegendItemInterface } from '@unovis/ts';
-export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/dist/components/bullet-legend/style");
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    items: {
-        type: import("vue").PropType<BulletLegendItemInterface[]>;
-        required: true;
-    };
-    labelClassName: {
-        type: import("vue").PropType<string>;
-    };
-    onLegendItemClick: {
-        type: import("vue").PropType<(d: BulletLegendItemInterface, i: number) => void>;
-    };
-    labelFontSize: {
-        type: import("vue").PropType<string>;
-    };
-    labelMaxWidth: {
-        type: import("vue").PropType<string>;
-    };
-    bulletSize: {
-        type: import("vue").PropType<string>;
-    };
-    bulletSpacing: {
-        type: import("vue").PropType<number>;
-    };
-    bulletShape: {
-        type: import("vue").PropType<import("@unovis/ts").GenericAccessor<import("@unovis/ts").BulletShape, BulletLegendItemInterface>>;
-    };
-    orientation: {
-        type: import("vue").PropType<string>;
-    };
-    renderIntoProvidedDomNode: {
-        type: import("vue").PropType<boolean>;
-    };
-    data: {
-        type: import("vue").PropType<never>;
-    };
-}>, {
-    component: import("vue").Ref<BulletLegend, BulletLegend>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: import("vue").PropType<BulletLegendItemInterface[]>;
+import { BulletLegend, BulletLegendConfigInterface } from '@unovis/ts';
+
+export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/components/bullet-legend/style");
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BulletLegendConfigInterface & {
+    data?: null;
+}>>, {
+    component: import('vue').Ref<BulletLegend, BulletLegend>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BulletLegendConfigInterface & {
+    data?: null;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-    labelClassName: {
-        type: import("vue").PropType<string>;
-    };
-    onLegendItemClick: {
-        type: import("vue").PropType<(d: BulletLegendItemInterface, i: number) => void>;
-    };
-    labelFontSize: {
-        type: import("vue").PropType<string>;
-    };
-    labelMaxWidth: {
-        type: import("vue").PropType<string>;
-    };
-    bulletSize: {
-        type: import("vue").PropType<string>;
-    };
-    bulletSpacing: {
-        type: import("vue").PropType<number>;
-    };
-    bulletShape: {
-        type: import("vue").PropType<import("@unovis/ts").GenericAccessor<import("@unovis/ts").BulletShape, BulletLegendItemInterface>>;
-    };
-    orientation: {
-        type: import("vue").PropType<string>;
-    };
-    renderIntoProvidedDomNode: {
-        type: import("vue").PropType<boolean>;
-    };
-    data: {
-        type: import("vue").PropType<never>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
+};

package/html-components/bullet-legend/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, computed as p, ref as d, onMounted as m, nextTick as f, onUnmounted as v, watch as b, createElementBlock as _, openBlock as g } from "vue";
-import { BulletLegend as u } from "@unovis/ts";
+import { defineComponent as c, computed as p, ref as u, onMounted as m, nextTick as f, onUnmounted as v, watch as b, createElementBlock as g, openBlock as _ } from "vue";
+import { BulletLegend as i } from "@unovis/ts";
 import { useForwardProps as x, arePropsEqual as k } from "../../utils/props.js";
-const y = u.selectors, P = /* @__PURE__ */ c({
+const h = i.selectors, C = /* @__PURE__ */ c({
   __name: "index",
   props: {
     items: {},
@@ -11,28 +11,28 @@ const y = u.selectors, P = /* @__PURE__ */ c({
     labelMaxWidth: {},
     bulletSize: {},
     bulletSpacing: {},
-    bulletShape: {},
+    bulletShape: { type: [Function, null] },
     orientation: {},
     renderIntoProvidedDomNode: { type: Boolean },
     data: {}
   },
-  setup(i, { expose: s }) {
-    const l = i;
+  setup(d, { expose: s }) {
+    const l = d;
     p(() => l.data);
-    const t = x(l), o = d(), n = d();
+    const t = x(l), o = u(), n = u();
     return m(() => {
       f(() => {
-        n.value && (o.value = new u(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
+        n.value && (o.value = new i(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
       });
     }), v(() => {
       var e;
       (e = o.value) == null || e.destroy();
     }), b(t, (e, a) => {
       var r;
-      k(e, a) || (r = o.value) == null || r.update(t.value);
+      k(e, a) || (r = o.value) == null || r.setConfig(t.value);
     }), s({
       component: o
-    }), (e, a) => (g(), _("div", {
+    }), (e, a) => (_(), g("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
       ref: n
@@ -40,7 +40,7 @@ const y = u.selectors, P = /* @__PURE__ */ c({
   }
 });
 export {
-  y as VisBulletLegendSelectors,
-  P as default
+  h as VisBulletLegendSelectors,
+  C as default
 };
 //# sourceMappingURL=index.js.map

package/html-components/bullet-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n  <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-bullet-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;AA8CO,MAAMA,IAA2BC,EAAa;;;;;;;;;;;;;;;;AArCrD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEhC,UAAAG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAkB,GAC9BC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIN,EAAaQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAAA,CAGrG;AAAA,IAAA,CACF,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,OAAOR,EAAO;AAAA,IACjC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n  <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-bullet-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA8CO,MAAMA,IAA2BC,EAAa;;;;;;;;;;;;;;;;AArCrD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAaQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGtG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAAyC,OAAA;AAAA,MAApC,0BAAA;AAAA,eAA2B;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}

package/html-components/flow-legend/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),a=require("../../utils/props.cjs"),p=c.FlowLegend.selectors,f=e.defineComponent({__name:"index",props:{customWidth:{},items:{},lineColor:{},labelColor:{},labelFontSize:{},arrowSymbol:{},arrowColor:{},onLegendItemClick:{type:Function},data:{}},setup(d,{expose:i}){const l=d;e.computed(()=>l.data);const n=a.useForwardProps(l),t=e.ref(),r=e.ref();return e.onMounted(()=>{e.nextTick(()=>{r.value&&(t.value=new c.FlowLegend(r.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy()}),e.watch(n,(o,s)=>{var u;a.arePropsEqual(o,s)||(u=t.value)==null||u.setConfig(n.value)}),i({component:t}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-flow-legend":"",ref_key:"elRef",ref:r},null,512))}});exports.VisFlowLegendSelectors=p;exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/html-components/flow-legend/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA8CaA,EAAyBC,EAAAA,WAAW,qNArCjD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,WAAWQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGpG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAGDa,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIV,CAAA"}

package/html-components/flow-legend/index.d.ts

@@ -0,0 +1,20 @@
+import { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts';
+
+export declare const VisFlowLegendSelectors: any;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FlowLegendConfigInterface & {
+    data?: null;
+}>>, {
+    component: import('vue').Ref<FlowLegend, FlowLegend>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FlowLegendConfigInterface & {
+    data?: null;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/html-components/flow-legend/index.js

@@ -0,0 +1,44 @@
+import { defineComponent as u, computed as m, ref as s, onMounted as p, nextTick as f, onUnmounted as v, watch as w, createElementBlock as _, openBlock as g } from "vue";
+import { FlowLegend as c } from "@unovis/ts";
+import { useForwardProps as C, arePropsEqual as k } from "../../utils/props.js";
+const b = c.selectors, h = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    customWidth: {},
+    items: {},
+    lineColor: {},
+    labelColor: {},
+    labelFontSize: {},
+    arrowSymbol: {},
+    arrowColor: {},
+    onLegendItemClick: { type: Function },
+    data: {}
+  },
+  setup(d, { expose: i }) {
+    const r = d;
+    m(() => r.data);
+    const t = C(r), o = s(), n = s();
+    return p(() => {
+      f(() => {
+        n.value && (o.value = new c(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
+      });
+    }), v(() => {
+      var e;
+      (e = o.value) == null || e.destroy();
+    }), w(t, (e, l) => {
+      var a;
+      k(e, l) || (a = o.value) == null || a.setConfig(t.value);
+    }), i({
+      component: o
+    }), (e, l) => (g(), _("div", {
+      "data-vis-flow-legend": "",
+      ref_key: "elRef",
+      ref: n
+    }, null, 512));
+  }
+});
+export {
+  b as VisFlowLegendSelectors,
+  h as default
+};
+//# sourceMappingURL=index.js.map

package/html-components/flow-legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA8CO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;AArCjD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAWQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGpG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}

package/html-components/flow-legend/index3.cjs

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

package/html-components/flow-legend/index3.cjs.map

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

package/html-components/flow-legend/index3.js

@@ -0,0 +1,8 @@
+import e from "./index.js";
+import { VisFlowLegendSelectors as f } from "./index.js";
+/* empty css       */
+export {
+  f as VisFlowLegendSelectors,
+  e as default
+};
+//# sourceMappingURL=index3.js.map

package/html-components/flow-legend/index3.js.map

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