@unovis/vue 1.3.0-alpha.0

package/index.js

@@ -0,0 +1,1173 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as y, toRefs as L, getCurrentInstance as v, computed as s, ref as p, watch as d, onMounted as _, onUnmounted as F, provide as C, openBlock as m, createElementBlock as g, renderSlot as k, inject as f, nextTick as S } from "vue";
+import { isEqual as M, XYContainer as w, SingleContainer as T, Line as P, Area as O, Axis as $, Brush as R, FreeBrush as V, Crosshair as W, GroupedBar as j, Scatter as z, StackedBar as E, Timeline as I, XYLabels as G, Donut as H, TopoJSONMap as Z, Sankey as K, Graph as U, ChordDiagram as J, NestedDonut as X, Tooltip as Y, LeafletMap as q, LeafletFlowMap as Q, BulletLegend as tt } from "@unovis/ts";
+const x = Symbol("componentAccessorKey"), N = Symbol("tooltipAccessorKey"), A = Symbol("crosshairAccessorKey"), D = Symbol("axisAccessorKey");
+function h(r, u) {
+  return M(r, u);
+}
+function b(r, u) {
+  const n = {}, c = (u == null ? void 0 : u.vnode.props) ?? {};
+  return Object.keys(c).forEach((i) => {
+    n[i] = r[i];
+  }), n;
+}
+const ft = /* @__PURE__ */ y({
+  __name: "xy-container",
+  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 },
+    duration: {},
+    margin: {},
+    padding: {},
+    sizing: {},
+    width: {},
+    height: {},
+    svgDefs: {},
+    ariaLabel: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, { data: n } = L(u), c = v(), i = s(() => b(u, c)), o = p(), e = {
+      components: [],
+      crosshair: void 0,
+      tooltip: void 0,
+      xAxis: void 0,
+      yAxis: void 0
+    }, t = p(), l = () => {
+      var a;
+      (a = o.value) == null || a.updateContainer({ ...i.value, ...e });
+    };
+    return d(n, () => {
+      o.value && (o.value.setData(n.value, !0), l());
+    }), d(i, () => {
+      l();
+    }), _(() => {
+      t.value && (o.value = new w(t.value, e, n.value));
+    }), F(() => {
+      var a;
+      return (a = o.value) == null ? void 0 : a.destroy();
+    }), C(x, {
+      data: n,
+      update: (a) => {
+        e.components = [...e.components, a], l();
+      },
+      destroy: () => {
+        var a;
+        return e.components = (a = e.components) == null ? void 0 : a.filter((B) => !B.isDestroyed());
+      }
+    }), C(D, {
+      data: n,
+      update: (a) => {
+        e[`${a.config.type}Axis`] = a, l();
+      },
+      destroy: (a) => {
+        e[`${a}Axis`] = void 0;
+      }
+    }), C(A, {
+      data: n,
+      update: (a) => {
+        e.crosshair = a, l();
+      },
+      destroy: () => {
+        e.crosshair = void 0;
+      }
+    }), C(N, {
+      data: n,
+      update: (a) => {
+        e.tooltip = a, l();
+      },
+      destroy: () => {
+        e.tooltip = void 0;
+      }
+    }), (a, B) => (m(), g("div", {
+      "data-vis-xy-container": "",
+      ref_key: "elRef",
+      ref: t,
+      class: "unovis-xy-container"
+    }, [
+      k(a.$slots, "default")
+    ], 512));
+  }
+});
+const xt = /* @__PURE__ */ y({
+  __name: "single-container",
+  props: {
+    component: {},
+    tooltip: {},
+    duration: {},
+    margin: {},
+    padding: {},
+    sizing: {},
+    width: {},
+    height: {},
+    svgDefs: {},
+    ariaLabel: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, { data: n } = L(u), c = v(), i = s(() => b(u, c)), o = p(), e = {
+      component: void 0,
+      tooltip: void 0
+    }, t = p(), l = () => {
+      var B;
+      a(), (B = o.value) == null || B.updateContainer({ ...i.value, ...e });
+    }, a = () => {
+      o.value || t.value && e.component && n.value && (o.value = new T(t.value, e, n.value));
+    };
+    return d(n, () => {
+      o.value ? (o.value.setData(n.value, !0), l()) : a();
+    }), d(i, () => {
+      l();
+    }), F(() => {
+      var B;
+      return (B = o.value) == null ? void 0 : B.destroy();
+    }), C(x, {
+      data: n,
+      update: (B) => {
+        e.component = B, l();
+      },
+      destroy: () => e.component = void 0
+    }), C(N, {
+      data: n,
+      update: (B) => {
+        e.tooltip = B, l();
+      },
+      destroy: () => {
+        e.tooltip = void 0;
+      }
+    }), (B, _t) => (m(), g("div", {
+      "data-vis-single-container": "",
+      ref_key: "elRef",
+      ref: t,
+      class: "unovis-single-container"
+    }, [
+      k(B.$slots, "default")
+    ], 512));
+  }
+});
+const et = { "data-vis-component": "" }, Bt = /* @__PURE__ */ y({
+  __name: "line",
+  props: {
+    curveType: {},
+    lineWidth: {},
+    lineDashArray: { type: [Function, null] },
+    fallbackValue: {},
+    highlightOnHover: { type: Boolean },
+    cursor: { type: [Function, String, null] },
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new P(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", et));
+  }
+}), nt = { "data-vis-component": "" }, Ct = /* @__PURE__ */ y({
+  __name: "area",
+  props: {
+    curveType: {},
+    baseline: { type: [Function, Number, null] },
+    opacity: { type: [Function, Number, null] },
+    cursor: { type: [Function, String, null] },
+    minHeight1Px: { type: Boolean },
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new O(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", nt));
+  }
+}), ot = { "data-vis-axis": "" }, Nt = /* @__PURE__ */ y({
+  __name: "axis",
+  props: {
+    position: {},
+    type: {},
+    fullSize: { type: Boolean },
+    label: {},
+    labelFontSize: {},
+    labelMargin: {},
+    labelColor: {},
+    gridLine: { type: Boolean },
+    tickLine: { type: Boolean },
+    domainLine: { type: Boolean },
+    minMaxTicksOnly: { type: Boolean },
+    tickFormat: { type: Function },
+    tickValues: {},
+    numTicks: {},
+    tickTextFitMode: {},
+    tickTextWidth: {},
+    tickTextSeparator: {},
+    tickTextForceWordBreak: { type: Boolean },
+    tickTextTrimType: {},
+    tickTextFontSize: {},
+    tickTextAlign: {},
+    tickTextColor: {},
+    tickPadding: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(D), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new $(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy(u.type);
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", ot));
+  }
+}), at = { "data-vis-component": "" }, Lt = /* @__PURE__ */ y({
+  __name: "brush",
+  props: {
+    onBrush: { type: Function },
+    onBrushStart: { type: Function },
+    onBrushMove: { type: Function },
+    onBrushEnd: { type: Function },
+    handleWidth: {},
+    selection: {},
+    draggable: { type: Boolean },
+    handlePosition: {},
+    selectionMinLength: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new R(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", at));
+  }
+}), lt = { "data-vis-component": "" }, kt = /* @__PURE__ */ y({
+  __name: "free-brush",
+  props: {
+    mode: {},
+    onBrush: { type: Function },
+    onBrushStart: { type: Function },
+    onBrushMove: { type: Function },
+    onBrushEnd: { type: Function },
+    handleWidth: {},
+    selection: {},
+    selectionMinLength: {},
+    autoHide: { type: Boolean },
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new V(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", lt));
+  }
+}), it = { "data-vis-crosshair": "" }, At = /* @__PURE__ */ y({
+  __name: "crosshair",
+  props: {
+    yStacked: {},
+    baseline: { type: [Function, Number, null] },
+    tooltip: {},
+    template: { type: Function },
+    hideWhenFarFromPointer: { type: Boolean },
+    hideWhenFarFromPointerDistance: {},
+    snapToData: { type: Boolean },
+    getCircles: { type: Function },
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(A), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new W(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", it));
+  }
+}), ut = { "data-vis-component": "" }, Dt = /* @__PURE__ */ y({
+  __name: "grouped-bar",
+  props: {
+    groupWidth: {},
+    groupMaxWidth: {},
+    dataStep: {},
+    groupPadding: {},
+    barPadding: {},
+    roundedCorners: { type: [Number, Boolean] },
+    barMinHeight: {},
+    cursor: { type: [Function, String, null] },
+    orientation: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new j(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", ut));
+  }
+}), rt = { "data-vis-component": "" }, Mt = /* @__PURE__ */ y({
+  __name: "scatter",
+  props: {
+    size: { type: [Function, Number, null] },
+    sizeScale: { type: [Object, Function] },
+    sizeRange: {},
+    shape: { type: [Function, String] },
+    label: { type: [Function, String, null] },
+    labelColor: { type: [Function, String, Array, null] },
+    labelHideOverlapping: { type: Boolean },
+    cursor: { type: [Function, String, null] },
+    labelTextBrightnessRatio: {},
+    labelPosition: { type: [Function, null] },
+    strokeColor: { type: [Function, String, Array, null] },
+    strokeWidth: { type: [Function, Number, null] },
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new z(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", rt));
+  }
+}), ct = { "data-vis-component": "" }, wt = /* @__PURE__ */ y({
+  __name: "stacked-bar",
+  props: {
+    barWidth: {},
+    barMaxWidth: {},
+    dataStep: {},
+    barPadding: {},
+    roundedCorners: { type: [Number, Boolean] },
+    cursor: { type: [Function, String, null] },
+    barMinHeight1Px: { type: Boolean },
+    barMinHeightZeroValue: {},
+    orientation: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new E(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", ct));
+  }
+}), st = { "data-vis-component": "" }, Tt = /* @__PURE__ */ y({
+  __name: "timeline",
+  props: {
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    lineWidth: { type: [Function, Number, null] },
+    lineCap: { type: Boolean },
+    rowHeight: {},
+    length: { type: [Function, Number, null] },
+    type: { type: [Function, String, null] },
+    cursor: { type: [Function, String, null] },
+    showLabels: { type: Boolean },
+    labelWidth: {},
+    maxLabelWidth: {},
+    alternatingRowColors: { type: Boolean },
+    onScroll: { type: Function },
+    showEmptySegments: { type: Boolean },
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new I(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", st));
+  }
+}), pt = { "data-vis-component": "" }, Pt = /* @__PURE__ */ y({
+  __name: "xy-labels",
+  props: {
+    y: { type: [Function, Number, null] },
+    xPositioning: { type: [Function, null] },
+    yPositioning: { type: [Function, null] },
+    labelFontSize: { type: [Function, Number, null] },
+    label: { type: [Function, String, null] },
+    backgroundColor: { type: [Function, String, Array, null] },
+    cursor: { type: [Function, String, null] },
+    labelTextBrightnessRatio: {},
+    clustering: { type: Boolean },
+    clusterLabel: { type: [Function, String, null] },
+    clusterFontSize: { type: [Function, Number, null] },
+    clusterBackgroundColor: { type: [Function, String, Array, null] },
+    clusterCursor: { type: [Function, String, null] },
+    clusterLabelColor: { type: [Function, String, Array, null] },
+    x: { type: [Function, Number, null] },
+    id: { type: Function },
+    color: { type: [Function, String, Array, null] },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new G(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", pt));
+  }
+}), dt = { "data-vis-component": "" }, Ot = /* @__PURE__ */ y({
+  __name: "donut",
+  props: {
+    id: { type: Function },
+    value: { type: [Function, Number, null] },
+    angleRange: {},
+    padAngle: {},
+    sortFunction: { type: Function },
+    cornerRadius: {},
+    color: { type: [Function, String, Array, null] },
+    radius: {},
+    arcWidth: {},
+    centralLabel: {},
+    centralSubLabel: {},
+    centralSubLabelWrap: { type: Boolean },
+    showEmptySegments: { type: Boolean },
+    emptySegmentAngle: {},
+    showBackground: { type: Boolean },
+    backgroundAngleRange: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new H(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", dt));
+  }
+}), yt = { "data-vis-component": "" }, $t = /* @__PURE__ */ y({
+  __name: "topojson-map",
+  props: {
+    projection: { type: [Function, Object] },
+    topojson: {},
+    mapFeatureName: {},
+    mapFitToPoints: { type: Boolean },
+    zoomFactor: {},
+    disableZoom: { type: Boolean },
+    zoomExtent: {},
+    zoomDuration: {},
+    linkWidth: { type: [Function, Number, null] },
+    linkColor: { type: [Function, String, Array, null] },
+    linkCursor: { type: [Function, String, null] },
+    linkId: { type: [Function, String, null] },
+    linkSource: { type: Function },
+    linkTarget: { type: Function },
+    areaId: { type: [Function, String, null] },
+    areaColor: { type: [Function, String, Array, null] },
+    areaCursor: { type: [Function, String, null] },
+    pointColor: { type: [Function, String, Array, null] },
+    pointRadius: { type: [Function, Number, null] },
+    pointStrokeWidth: { type: [Function, Number, null] },
+    pointCursor: { type: [Function, String, null] },
+    longitude: { type: [Function, Number, null] },
+    latitude: { type: [Function, Number, null] },
+    pointLabel: { type: [Function, String, null] },
+    pointLabelPosition: {},
+    pointLabelTextBrightnessRatio: {},
+    pointId: { type: Function },
+    heatmapMode: { type: Boolean },
+    heatmapModeBlurStdDeviation: {},
+    heatmapModeZoomLevelThreshold: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new Z(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", yt));
+  }
+}), vt = { "data-vis-component": "" }, Rt = /* @__PURE__ */ y({
+  __name: "sankey",
+  props: {
+    id: { type: Function },
+    heightNormalizationCoeff: {},
+    exitTransitionType: {},
+    enterTransitionType: {},
+    highlightSubtreeOnHover: { type: Boolean },
+    highlightDuration: {},
+    highlightDelay: {},
+    iterations: {},
+    nodeSort: { type: [Function, null] },
+    linkSort: { type: [Function, null] },
+    nodeWidth: {},
+    nodeAlign: {},
+    nodeHorizontalSpacing: {},
+    nodeMinHeight: {},
+    nodeMaxHeight: {},
+    nodePadding: {},
+    showSingleNode: { type: Boolean },
+    nodeCursor: { type: [Function, String, null] },
+    nodeIcon: { type: [Function, String, null] },
+    nodeColor: { type: [Function, String, Array, null] },
+    nodeFixedValue: { type: [Function, Number, null] },
+    nodeIconColor: { type: [Function, String, Array, null] },
+    linkColor: { type: [Function, String, null] },
+    linkValue: { type: [Function, Number, null] },
+    linkCursor: { type: [Function, String, null] },
+    label: { type: [Function, String, null] },
+    subLabel: { type: [Function, String, null] },
+    labelPosition: { type: [Function, null] },
+    labelVerticalAlign: {},
+    labelBackground: { type: Boolean },
+    labelFit: {},
+    labelMaxWidth: {},
+    labelExpandTrimmedOnHover: { type: Boolean },
+    labelTrimMode: {},
+    labelFontSize: {},
+    labelTextSeparator: {},
+    labelForceWordBreak: { type: Boolean },
+    labelColor: { type: [Function, String, Array, null] },
+    labelCursor: { type: [Function, String, null] },
+    labelVisibility: { type: Function },
+    subLabelFontSize: {},
+    subLabelColor: { type: [Function, String, Array, null] },
+    subLabelPlacement: {},
+    subLabelToLabelInlineWidthRatio: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new K(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", vt));
+  }
+}), Ft = { "data-vis-component": "" }, Vt = /* @__PURE__ */ y({
+  __name: "graph",
+  props: {
+    zoomScaleExtent: {},
+    disableZoom: { type: Boolean },
+    disableDrag: { type: Boolean },
+    zoomThrottledUpdateNodeThreshold: {},
+    onZoom: { type: Function },
+    layoutType: {},
+    layoutAutofit: { type: Boolean },
+    layoutAutofitTolerance: {},
+    layoutNonConnectedAside: { type: Boolean },
+    layoutNodeGroup: { type: [Function, String, null] },
+    layoutGroupOrder: {},
+    layoutParallelNodesPerColumn: {},
+    layoutParallelNodeSubGroup: { type: [Function, String, null] },
+    layoutParallelSubGroupsPerRow: {},
+    layoutParallelGroupSpacing: {},
+    layoutParallelSortConnectionsByGroup: {},
+    forceLayoutSettings: {},
+    dagreLayoutSettings: {},
+    layoutElkSettings: { type: [Function, null] },
+    layoutElkNodeGroups: {},
+    linkWidth: { type: [Function, Number, null] },
+    linkStyle: { type: [Function, null] },
+    linkBandWidth: { type: [Function, Number, null] },
+    linkArrow: { type: [Function, null] },
+    linkStroke: { type: [Function, String, Array, null] },
+    linkDisabled: { type: [Function, Boolean, null] },
+    linkFlow: { type: [Function, Boolean, null] },
+    linkFlowAnimDuration: {},
+    linkFlowParticleSize: {},
+    linkLabel: { type: [Function, null] },
+    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },
+    linkNeighborSpacing: {},
+    selectedLinkId: {},
+    nodeSize: { type: [Function, Number, null] },
+    nodeStrokeWidth: { type: [Function, Number, null] },
+    nodeShape: { type: [Function, null] },
+    nodeGaugeValue: { type: [Function, Number, null] },
+    nodeGaugeFill: { type: [Function, String, Array, null] },
+    nodeGaugeAnimDuration: {},
+    nodeIcon: { type: [Function, String, null] },
+    nodeIconSize: { type: [Function, Number, null] },
+    nodeLabel: { type: [Function, String, null] },
+    nodeLabelTrim: { type: [Function, Boolean, null] },
+    nodeLabelTrimMode: { type: [Function, null] },
+    nodeLabelTrimLength: { type: [Function, Number, null] },
+    nodeSubLabel: { type: [Function, String, null] },
+    nodeSubLabelTrim: { type: [Function, Boolean, null] },
+    nodeSubLabelTrimMode: { type: [Function, null] },
+    nodeSubLabelTrimLength: { type: [Function, Number, null] },
+    nodeSideLabels: { type: [Function, null] },
+    nodeBottomIcon: { type: [Function, String, null] },
+    nodeDisabled: { type: [Function, Boolean, null] },
+    nodeFill: { type: [Function, String, Array, null] },
+    nodeStroke: { type: [Function, String, Array, null] },
+    nodeSort: { type: Function },
+    nodeEnterPosition: { type: [Function, null] },
+    nodeEnterScale: { type: [Function, Number, null] },
+    nodeExitPosition: { type: [Function, null] },
+    nodeExitScale: { type: [Function, Number, null] },
+    selectedNodeId: {},
+    panels: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new U(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", Ft));
+  }
+}), mt = { "data-vis-component": "" }, Wt = /* @__PURE__ */ y({
+  __name: "chord-diagram",
+  props: {
+    highlightedNodeId: {},
+    highlightedLinkIds: {},
+    linkColor: { type: [Function, String, Array, null] },
+    linkValue: { type: [Function, Number, null] },
+    nodeLevels: {},
+    nodeWidth: {},
+    nodeColor: { type: [Function, String, Array, null] },
+    nodeLabel: { type: [Function, String, null] },
+    nodeLabelColor: { type: [Function, String, null] },
+    nodeLabelAlignment: { type: [Function, null] },
+    padAngle: { type: [Function, Number, null] },
+    cornerRadius: { type: [Function, Number, null] },
+    angleRange: {},
+    radiusScaleExponent: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new J(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", mt));
+  }
+}), gt = { "data-vis-component": "" }, jt = /* @__PURE__ */ y({
+  __name: "nested-donut",
+  props: {
+    angleRange: {},
+    direction: {},
+    value: { type: [Function, Number, null] },
+    centralLabel: {},
+    centralSubLabel: {},
+    centralSubLabelWrap: { type: Boolean },
+    showBackground: { type: Boolean },
+    sort: { type: Function },
+    layers: {},
+    layerSettings: { type: [Function, null] },
+    layerPadding: {},
+    cornerRadius: {},
+    emptySegmentAngle: {},
+    hideOverflowingSegmentLabels: { type: Boolean },
+    segmentColor: { type: [Function, String, Array, null] },
+    segmentLabel: { type: [Function, String, null] },
+    segmentLabelColor: { type: [Function, String, Array, null] },
+    showEmptySegments: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
+    return _(() => {
+      S(() => {
+        var t;
+        e.value = new X(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
+      });
+    }), F(() => {
+      var t;
+      (t = e.value) == null || t.destroy(), n.destroy();
+    }), d(o, (t, l) => {
+      var a;
+      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
+    }), (t, l) => (m(), g("div", gt));
+  }
+}), bt = { "data-vis-tooltip": "" }, zt = /* @__PURE__ */ y({
+  __name: "tooltip",
+  props: {
+    components: {},
+    container: {},
+    horizontalPlacement: {},
+    horizontalShift: {},
+    verticalPlacement: {},
+    verticalShift: {},
+    triggers: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = f(N), c = v(), i = s(() => b(u, c)), o = p();
+    return _(() => {
+      S(() => {
+        o.value = new Y(i.value), n.update(o.value);
+      });
+    }), F(() => {
+      var e;
+      (e = o.value) == null || e.destroy(), n.destroy();
+    }), d(i, (e, t) => {
+      var l;
+      h(e, t) || ((l = o.value) == null || l.setConfig(i.value), n.update(o.value));
+    }), (e, t) => (m(), g("div", bt));
+  }
+}), Et = /* @__PURE__ */ y({
+  __name: "leaflet-map",
+  props: {
+    width: {},
+    height: {},
+    flyToDuration: {},
+    fitViewPadding: {},
+    zoomDuration: {},
+    initialBounds: {},
+    fitBoundsOnUpdate: {},
+    fitViewOnInit: { type: Boolean },
+    fitViewOnUpdate: { type: Boolean },
+    style: {},
+    styleDarkTheme: {},
+    accessToken: {},
+    attribution: {},
+    renderer: {},
+    onMapInitialized: { type: Function },
+    onMapMoveZoom: { type: Function },
+    onMapMoveStart: { type: Function },
+    onMapMoveEnd: { type: Function },
+    onMapZoomStart: { type: Function },
+    onMapZoomEnd: { type: Function },
+    onMapClick: { type: Function },
+    pointLongitude: { type: [Function, Number, null] },
+    pointLatitude: { type: [Function, Number, null] },
+    pointId: { type: [Function, String, null] },
+    pointShape: { type: [Function, null] },
+    pointColor: { type: [Function, String, Array, null] },
+    pointRadius: { type: [Function, Number, null] },
+    pointLabel: { type: [Function, String, null] },
+    pointLabelColor: { type: [Function, String, null] },
+    pointBottomLabel: { type: [Function, String, null] },
+    pointCursor: { type: [Function, String, null] },
+    pointRingWidth: {},
+    selectedPointId: {},
+    clusterColor: { type: [Function, String, Array, null] },
+    clusterRadius: { type: [Function, Number, null] },
+    clusterLabel: { type: [Function, String, null] },
+    clusterLabelColor: { type: [Function, String, null] },
+    clusterBottomLabel: { type: [Function, String, null] },
+    clusterRingWidth: {},
+    clusterBackground: { type: Boolean },
+    clusterExpandOnClick: { type: Boolean },
+    clusteringDistance: {},
+    colorMap: {},
+    topoJSONLayer: {},
+    tooltip: {},
+    ariaLabel: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = s(() => u.data), c = v(), i = s(() => b(u, c)), o = p(), e = p();
+    return _(() => {
+      S(() => {
+        e.value && (o.value = new q(e.value, i.value, n.value));
+      });
+    }), F(() => {
+      var t;
+      (t = o.value) == null || t.destroy();
+    }), d(i, (t, l) => {
+      var a;
+      h(t, l) || (a = o.value) == null || a.setConfig(i.value);
+    }), (t, l) => (m(), g("div", {
+      "data-vis-leaflet-map": "",
+      ref_key: "elRef",
+      ref: e
+    }, null, 512));
+  }
+});
+const It = /* @__PURE__ */ y({
+  __name: "leaflet-flow-map",
+  props: {
+    sourceLongitude: { type: [Function, Number, null] },
+    sourceLatitude: { type: [Function, Number, null] },
+    targetLongitude: { type: [Function, Number, null] },
+    targetLatitude: { type: [Function, Number, null] },
+    sourcePointRadius: { type: [Function, Number, null] },
+    sourcePointColor: { type: [Function, String, Array, null] },
+    flowParticleColor: { type: [Function, String, Array, null] },
+    flowParticleRadius: { type: [Function, Number, null] },
+    flowParticleSpeed: { type: [Function, Number, null] },
+    flowParticleDensity: { type: [Function, Number, null] },
+    onSourcePointClick: { type: Function },
+    onSourcePointMouseEnter: { type: Function },
+    onSourcePointMouseLeave: { type: Function },
+    width: {},
+    height: {},
+    flyToDuration: {},
+    fitViewPadding: {},
+    zoomDuration: {},
+    initialBounds: {},
+    fitBoundsOnUpdate: {},
+    fitViewOnInit: { type: Boolean },
+    fitViewOnUpdate: { type: Boolean },
+    style: {},
+    styleDarkTheme: {},
+    accessToken: {},
+    attribution: {},
+    renderer: {},
+    onMapInitialized: { type: Function },
+    onMapMoveZoom: { type: Function },
+    onMapMoveStart: { type: Function },
+    onMapMoveEnd: { type: Function },
+    onMapZoomStart: { type: Function },
+    onMapZoomEnd: { type: Function },
+    onMapClick: { type: Function },
+    pointLongitude: { type: [Function, Number, null] },
+    pointLatitude: { type: [Function, Number, null] },
+    pointId: { type: [Function, String, null] },
+    pointShape: { type: [Function, null] },
+    pointColor: { type: [Function, String, Array, null] },
+    pointRadius: { type: [Function, Number, null] },
+    pointLabel: { type: [Function, String, null] },
+    pointLabelColor: { type: [Function, String, null] },
+    pointBottomLabel: { type: [Function, String, null] },
+    pointCursor: { type: [Function, String, null] },
+    pointRingWidth: {},
+    selectedPointId: {},
+    clusterColor: { type: [Function, String, Array, null] },
+    clusterRadius: { type: [Function, Number, null] },
+    clusterLabel: { type: [Function, String, null] },
+    clusterLabelColor: { type: [Function, String, null] },
+    clusterBottomLabel: { type: [Function, String, null] },
+    clusterRingWidth: {},
+    clusterBackground: { type: Boolean },
+    clusterExpandOnClick: { type: Boolean },
+    clusteringDistance: {},
+    colorMap: {},
+    topoJSONLayer: {},
+    tooltip: {},
+    ariaLabel: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r, n = s(() => u.data), c = v(), i = s(() => b(u, c)), o = p(), e = p();
+    return _(() => {
+      S(() => {
+        e.value && (o.value = new Q(e.value, i.value, n.value));
+      });
+    }), F(() => {
+      var t;
+      (t = o.value) == null || t.destroy();
+    }), d(i, (t, l) => {
+      var a;
+      h(t, l) || (a = o.value) == null || a.setConfig(i.value);
+    }), (t, l) => (m(), g("div", {
+      "data-vis-leaflet-flow-map": "",
+      ref_key: "elRef",
+      ref: e
+    }, null, 512));
+  }
+});
+const Gt = /* @__PURE__ */ y({
+  __name: "bullet-legend",
+  props: {
+    items: {},
+    labelClassName: {},
+    onLegendItemClick: { type: Function },
+    labelFontSize: {},
+    labelMaxWidth: {},
+    bulletSize: {},
+    data: {}
+  },
+  setup(r) {
+    const u = r;
+    s(() => u.data);
+    const n = v(), c = s(() => b(u, n)), i = p(), o = p();
+    return _(() => {
+      S(() => {
+        o.value && (i.value = new tt(o.value, c.value));
+      });
+    }), F(() => {
+      var e;
+      (e = i.value) == null || e.destroy();
+    }), d(c, (e, t) => {
+      var l;
+      h(e, t) || (l = i.value) == null || l.update(c.value);
+    }), (e, t) => (m(), g("div", {
+      "data-vis-bullet-legend": "",
+      ref_key: "elRef",
+      ref: o
+    }, null, 512));
+  }
+});
+export {
+  Ct as VisArea,
+  Nt as VisAxis,
+  Lt as VisBrush,
+  Gt as VisBulletLegend,
+  Wt as VisChordDiagram,
+  At as VisCrosshair,
+  Ot as VisDonut,
+  kt as VisFreeBrush,
+  Vt as VisGraph,
+  Dt as VisGroupedBar,
+  It as VisLeafletFlowMap,
+  Et as VisLeafletMap,
+  Bt as VisLine,
+  jt as VisNestedDonut,
+  Rt as VisSankey,
+  Mt as VisScatter,
+  xt as VisSingleContainer,
+  wt as VisStackedBar,
+  Tt as VisTimeline,
+  zt as VisTooltip,
+  $t as VisTopoJSONMap,
+  ft as VisXYContainer,
+  Pt as VisXYLabels
+};