@unovis/vue 1.6.0-pre.2 → 1.6.0

package/components/timeline/index.d.ts

@@ -52,12 +52,33 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         type?: StringAccessor<Datum>;
         showEmptySegments?: boolean;
         lineWidth?: NumericAccessor<Datum>;
+        lineRow?: StringAccessor<Datum>;
+        lineDuration?: NumericAccessor<Datum>;
         lineCap?: boolean;
+        lineStartIcon?: StringAccessor<Datum>;
+        lineStartIconColor?: StringAccessor<Datum>;
+        lineStartIconSize?: NumericAccessor<Datum>;
+        lineStartIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
+        lineEndIcon?: StringAccessor<Datum>;
+        lineEndIconColor?: StringAccessor<Datum>;
+        lineEndIconSize?: NumericAccessor<Datum>;
+        lineEndIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
+        lineCursor?: StringAccessor<Datum>;
         rowHeight?: number;
+        alternatingRowColors?: boolean;
         showLabels?: boolean;
         labelWidth?: number;
         maxLabelWidth?: number;
-        alternatingRowColors?: boolean;
+        showRowLabels?: boolean;
+        rowLabelStyle?: import("@unovis/ts").GenericAccessor<Record<string, string>, import("@unovis/ts").TimelineRowLabel<Datum>>;
+        rowLabelFormatter?: (key: string, items: Datum[], i: number) => string;
+        rowIcon?: (key: string, items: Datum[], i: number) => import("@unovis/ts").TimelineRowIcon;
+        rowLabelWidth?: number;
+        rowMaxLabelWidth?: number;
+        rowLabelTextAlign?: import("@unovis/ts").TextAlign | "center" | "left" | "right";
+        arrows?: import("@unovis/ts").TimelineArrow[];
+        animationLineEnterPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
+        animationLineExitPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Timeline<Datum>, Timeline<Datum>>;

package/components/treemap/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("@unovis/ts"),c=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},b=u.Treemap.selectors,f=t.defineComponent({__name:"index",props:{id:{type:Function},value:{},layers:{},numberFormat:{type:Function},tileColor:{},tilePadding:{},tilePaddingTop:{},labelInternalNodes:{type:Boolean},labelOffsetX:{},labelOffsetY:{},tileBorderRadius:{},tileBorderRadiusFactor:{},enableLightnessVariance:{type:Boolean},enableTileLabelFontSizeVariation:{type:Boolean},tileLabelSmallFontSize:{},tileLabelMediumFontSize:{},tileLabelLargeFontSize:{},showTileClickAffordance:{type:Boolean},lightnessVariationAmount:{},minTileSizeForLabel:{},tileLabel:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const a=t.inject(m.componentAccessorKey),i=d,n=t.computed(()=>a.data.value??i.data),l=c.useForwardProps(i),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new u.Treemap(l.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(l,(e,r)=>{var s;c.arePropsEqual(e,r)||(s=o.value)==null||s.setConfig(l.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisTreemapSelectors=b;exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/components/treemap/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Treemap, TreemapConfigInterface, 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 = TreemapConfigInterface<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<Treemap<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTreemapSelectors","Treemap","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,inBA3CrC,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/treemap/index.d.ts

@@ -0,0 +1,74 @@
+import { Treemap, StringAccessor } from '@unovis/ts';
+export declare const VisTreemapSelectors: typeof import("@unovis/ts/dist/components/treemap/style");
+declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
+        data?: Datum[];
+        id?: (d: Datum, i: number) => string | number;
+        value?: import("@unovis/ts").NumericAccessor<Datum>;
+        layers: StringAccessor<Datum>[];
+        labelOffsetX?: number;
+        labelOffsetY?: number;
+        numberFormat?: (value: number) => string;
+        tileColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").TreemapNode<Datum>>;
+        tilePadding?: number;
+        tilePaddingTop?: number;
+        labelInternalNodes?: boolean;
+        tileBorderRadius?: number;
+        tileBorderRadiusFactor?: number;
+        enableLightnessVariance?: boolean;
+        enableTileLabelFontSizeVariation?: boolean;
+        tileLabelSmallFontSize?: number;
+        tileLabelMediumFontSize?: number;
+        tileLabelLargeFontSize?: number;
+        showTileClickAffordance?: boolean;
+        lightnessVariationAmount?: number;
+        minTileSizeForLabel?: number;
+        tileLabel?: (node: import("@unovis/ts").TreemapNode<Datum>) => string;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: import("vue").Ref<Treemap<Datum>, Treemap<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: any;
+};
+export default _default;

package/components/treemap/index.js

@@ -0,0 +1,59 @@
+import { defineComponent as p, inject as m, computed as f, ref as v, onMounted as b, nextTick as y, onUnmounted as F, watch as s, createElementBlock as B, openBlock as L } from "vue";
+import { Treemap as c } from "@unovis/ts";
+import { useForwardProps as _, arePropsEqual as g } from "../../utils/props.js";
+import { componentAccessorKey as S } from "../../utils/context.js";
+const T = { "data-vis-component": "" }, w = c.selectors, C = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    id: { type: Function },
+    value: {},
+    layers: {},
+    numberFormat: { type: Function },
+    tileColor: {},
+    tilePadding: {},
+    tilePaddingTop: {},
+    labelInternalNodes: { type: Boolean },
+    labelOffsetX: {},
+    labelOffsetY: {},
+    tileBorderRadius: {},
+    tileBorderRadiusFactor: {},
+    enableLightnessVariance: { type: Boolean },
+    enableTileLabelFontSizeVariation: { type: Boolean },
+    tileLabelSmallFontSize: {},
+    tileLabelMediumFontSize: {},
+    tileLabelLargeFontSize: {},
+    showTileClickAffordance: { type: Boolean },
+    lightnessVariationAmount: {},
+    minTileSizeForLabel: {},
+    tileLabel: { type: Function },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(u, { expose: d }) {
+    const o = m(S), l = u, a = f(() => o.data.value ?? l.data), n = _(l), t = v();
+    return b(() => {
+      y(() => {
+        var e;
+        t.value = new c(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
+      });
+    }), F(() => {
+      var e;
+      (e = t.value) == null || e.destroy(), o.destroy();
+    }), s(n, (e, i) => {
+      var r;
+      g(e, i) || (r = t.value) == null || r.setConfig(n.value);
+    }), s(a, () => {
+      var e;
+      (e = t.value) == null || e.setData(a.value);
+    }), d({
+      component: t
+    }), (e, i) => (L(), B("div", T));
+  }
+});
+export {
+  w as VisTreemapSelectors,
+  C as default
+};
+//# sourceMappingURL=index.js.map

package/components/treemap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Treemap, TreemapConfigInterface, 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 = TreemapConfigInterface<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<Treemap<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTreemapSelectors","Treemap","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/treemap/index2.cjs

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

package/components/treemap/index2.cjs.map

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

package/components/treemap/index2.js

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

package/components/treemap/index2.js.map

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

package/components.d.ts

@@ -9,14 +9,18 @@ export { default as VisScatter, VisScatterSelectors } from "./components/scatter
 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";

package/containers/xy-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),y=e.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=e.toRefs(c),u=v.useForwardProps(c),a=e.ref(),t=e.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=e.ref();return e.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),e.watchEffect(()=>{var o;t.components.map(s=>s.config),(o=a.value)==null||o.updateContainer({...e.toRaw(u.value),...e.toRaw(t)})}),e.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...e.toRaw(t)},n.value))}),e.onUnmounted(()=>{var o;return(o=a.value)==null?void 0:o.destroy()}),e.provide(i.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(s=>!s.isDestroyed())}}),e.provide(i.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(i.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(i.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(i.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),y=e.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},clipPathExtend:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=e.toRefs(c),u=v.useForwardProps(c),a=e.ref(),t=e.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=e.ref();return e.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),e.watchEffect(()=>{var o;t.components.map(s=>s.config),(o=a.value)==null||o.updateContainer({...e.toRaw(u.value),...e.toRaw(t)})}),e.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...e.toRaw(t)},n.value))}),e.onUnmounted(()=>{var o;return(o=a.value)==null?void 0:o.destroy()}),e.provide(i.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(s=>!s.isDestroyed())}}),e.provide(i.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(i.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(i.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(i.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});exports.default=y;
 //# sourceMappingURL=index.cjs.map

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":"gwBAMA,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"],"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"}

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

@@ -34,6 +34,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         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>>;

package/containers/xy-container/index.js

@@ -1,8 +1,8 @@
 import { defineComponent as u, toRefs as y, ref as p, reactive as v, watch as f, watchEffect as x, toRaw as r, onMounted as h, onUnmounted as D, provide as a, createElementBlock as g, openBlock as A, renderSlot as C } from "vue";
 import { XYContainer as w } from "@unovis/ts";
 import { componentAccessorKey as B, axisAccessorKey as M, crosshairAccessorKey as R, tooltipAccessorKey as _, annotationsAccessorKey as K } from "../../utils/context.js";
-import { useForwardProps as b } from "../../utils/props.js";
-const $ = /* @__PURE__ */ u({
+import { useForwardProps as E } from "../../utils/props.js";
+const S = /* @__PURE__ */ u({
   __name: "index",
   props: {
     components: {},
@@ -25,6 +25,7 @@ const $ = /* @__PURE__ */ u({
     preventEmptyDomain: { type: [Boolean, null] },
     scaleByDomain: { type: Boolean },
     annotations: {},
+    clipPathExtend: {},
     duration: {},
     margin: {},
     padding: {},
@@ -36,7 +37,7 @@ const $ = /* @__PURE__ */ u({
     data: {}
   },
   setup(d, { expose: l }) {
-    const c = d, { data: t } = y(c), m = b(c), n = p(), e = v({
+    const c = d, { data: t } = y(c), m = E(c), n = p(), e = v({
       components: [],
       annotations: void 0,
       crosshair: void 0,
@@ -98,6 +99,6 @@ const $ = /* @__PURE__ */ u({
   }
 });
 export {
-  $ as default
+  S as default
 };
 //# sourceMappingURL=index.js.map

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"],"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;;;;;;;;;;"}

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:{},bulletShape:{},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(c,{expose:i}){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 d.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.update(n.value)}),i({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=v;
+"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;
 //# 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,sQArCrD,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?.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"}

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

@@ -20,6 +20,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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>>;
     };
@@ -54,6 +57,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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>>;
     };

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 _, createElementBlock as b, openBlock as x } from "vue";
+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 { useForwardProps as g, arePropsEqual as k } from "../../utils/props.js";
-const P = u.selectors, S = /* @__PURE__ */ c({
+import { useForwardProps as x, arePropsEqual as k } from "../../utils/props.js";
+const y = u.selectors, P = /* @__PURE__ */ c({
   __name: "index",
   props: {
     items: {},
@@ -10,15 +10,16 @@ const P = u.selectors, S = /* @__PURE__ */ c({
     labelFontSize: {},
     labelMaxWidth: {},
     bulletSize: {},
+    bulletSpacing: {},
     bulletShape: {},
     orientation: {},
     renderIntoProvidedDomNode: { type: Boolean },
     data: {}
   },
-  setup(s, { expose: i }) {
-    const l = s;
+  setup(i, { expose: s }) {
+    const l = i;
     p(() => l.data);
-    const t = g(l), o = d(), n = d();
+    const t = x(l), o = d(), n = d();
     return m(() => {
       f(() => {
         n.value && (o.value = new u(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
@@ -26,12 +27,12 @@ const P = u.selectors, S = /* @__PURE__ */ c({
     }), v(() => {
       var e;
       (e = o.value) == null || e.destroy();
-    }), _(t, (e, a) => {
+    }), b(t, (e, a) => {
       var r;
       k(e, a) || (r = o.value) == null || r.update(t.value);
-    }), i({
+    }), s({
       component: o
-    }), (e, a) => (x(), b("div", {
+    }), (e, a) => (g(), _("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
       ref: n
@@ -39,7 +40,7 @@ const P = u.selectors, S = /* @__PURE__ */ c({
   }
 });
 export {
-  P as VisBulletLegendSelectors,
-  S as default
+  y as VisBulletLegendSelectors,
+  P 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?.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;;;;;;;"}

package/html-components/rolling-pin-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"),i=require("../../utils/props.cjs"),p=c.RollingPinLegend.selectors,f=e.defineComponent({__name:"index",props:{rects:{},leftLabelText:{},rightLabelText:{},labelClassName:{},labelFontSize:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(u,{expose:d}){const r=u;e.computed(()=>r.data);const t=i.useForwardProps(r),o=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(o.value=new c.RollingPinLegend(l.value,t.value))})}),e.onUnmounted(()=>{var n;(n=o.value)==null||n.destroy()}),e.watch(t,(n,s)=>{var a;i.arePropsEqual(n,s)||(a=o.value)==null||a.setConfig(t.value)}),d({component:o}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-rolling-pin-legend":"",ref_key:"elRef",ref:l},null,512))}});exports.VisRollingPinLegendSelectors=p;exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/html-components/rolling-pin-legend/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/rolling-pin-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { RollingPinLegend, RollingPinLegendConfigInterface, RollingPinLegendItem } 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 = RollingPinLegendConfigInterface\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<RollingPinLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new RollingPinLegend(elRef.value, config.value)\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 VisRollingPinLegendSelectors = RollingPinLegend.selectors\n</script>\n\n<template>\n  <div data-vis-rolling-pin-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-rolling-pin-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisRollingPinLegendSelectors","RollingPinLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"8LA8CaA,EAA+BC,EAAAA,iBAAiB,0MArC7D,MAAMC,EAAQC,EAEDC,EAAA,SAAS,IAAMF,EAAM,IAAI,EAEhC,MAAAG,EAASC,kBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAsB,EAClCC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAA,iBAAiBQ,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAGjE,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,UAAUR,EAAO,MACpC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}

package/html-components/rolling-pin-legend/index.d.ts

@@ -0,0 +1,52 @@
+import { RollingPinLegend } from '@unovis/ts';
+export declare const VisRollingPinLegendSelectors: typeof import("@unovis/ts/dist/components/rolling-pin-legend/style");
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rects: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    leftLabelText: {
+        type: import("vue").PropType<string>;
+    };
+    rightLabelText: {
+        type: import("vue").PropType<string>;
+    };
+    labelClassName: {
+        type: import("vue").PropType<string>;
+    };
+    labelFontSize: {
+        type: import("vue").PropType<string>;
+    };
+    renderIntoProvidedDomNode: {
+        type: import("vue").PropType<boolean>;
+    };
+    data: {
+        type: import("vue").PropType<never>;
+    };
+}>, {
+    component: import("vue").Ref<RollingPinLegend, RollingPinLegend>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rects: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    leftLabelText: {
+        type: import("vue").PropType<string>;
+    };
+    rightLabelText: {
+        type: import("vue").PropType<string>;
+    };
+    labelClassName: {
+        type: import("vue").PropType<string>;
+    };
+    labelFontSize: {
+        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/rolling-pin-legend/index.js

@@ -0,0 +1,42 @@
+import { defineComponent as p, computed as u, ref as s, onMounted as f, nextTick as m, onUnmounted as v, watch as g, createElementBlock as x, openBlock as _ } from "vue";
+import { RollingPinLegend as i } from "@unovis/ts";
+import { useForwardProps as P, arePropsEqual as b } from "../../utils/props.js";
+const h = i.selectors, w = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    rects: {},
+    leftLabelText: {},
+    rightLabelText: {},
+    labelClassName: {},
+    labelFontSize: {},
+    renderIntoProvidedDomNode: { type: Boolean },
+    data: {}
+  },
+  setup(c, { expose: d }) {
+    const l = c;
+    u(() => l.data);
+    const n = P(l), o = s(), t = s();
+    return f(() => {
+      m(() => {
+        t.value && (o.value = new i(t.value, n.value));
+      });
+    }), v(() => {
+      var e;
+      (e = o.value) == null || e.destroy();
+    }), g(n, (e, r) => {
+      var a;
+      b(e, r) || (a = o.value) == null || a.setConfig(n.value);
+    }), d({
+      component: o
+    }), (e, r) => (_(), x("div", {
+      "data-vis-rolling-pin-legend": "",
+      ref_key: "elRef",
+      ref: t
+    }, null, 512));
+  }
+});
+export {
+  h as VisRollingPinLegendSelectors,
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/html-components/rolling-pin-legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/html-components/rolling-pin-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { RollingPinLegend, RollingPinLegendConfigInterface, RollingPinLegendItem } 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 = RollingPinLegendConfigInterface\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<RollingPinLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new RollingPinLegend(elRef.value, config.value)\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 VisRollingPinLegendSelectors = RollingPinLegend.selectors\n</script>\n\n<template>\n  <div data-vis-rolling-pin-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-rolling-pin-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisRollingPinLegendSelectors","RollingPinLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;AA8CO,MAAMA,IAA+BC,EAAiB;;;;;;;;;;;;AArC7D,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEhC,UAAAG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAsB,GAClCC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAiBQ,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAGjE;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,UAAUR,EAAO;AAAA,IACpC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}

package/html-components/rolling-pin-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.VisRollingPinLegendSelectors=e.VisRollingPinLegendSelectors;exports.default=e.default;
+//# sourceMappingURL=index3.cjs.map

package/html-components/rolling-pin-legend/index3.cjs.map

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

package/html-components/rolling-pin-legend/index3.js

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

package/html-components/rolling-pin-legend/index3.js.map

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