vue-data-ui 3.0.22 → 3.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.0.22",
+  "version": "3.1.0",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/DataTable-Y5T9UxMO.js

@@ -1,133 +0,0 @@
-import { useCssVars as A, unref as e, computed as D, ref as w, onMounted as E, createElementBlock as n, openBlock as a, normalizeClass as k, createElementVNode as t, withKeys as R, normalizeStyle as i, createVNode as C, toDisplayString as I, Fragment as f, renderList as m, renderSlot as N, createCommentVNode as $ } from "vue";
-import { _ as K } from "./Shape-C3J8aKNH.js";
-import O from "./BaseIcon-B717hnWR.js";
-import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
-  key: 0,
-  height: "12",
-  width: "12",
-  viewBox: "0 0 20 20",
-  style: { background: "none" }
-}, q = ["fill"], G = ["data-cell"], H = {
-  dir: "auto",
-  style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" }
-}, J = {
-  key: 0,
-  height: "12",
-  width: "12",
-  viewBox: "0 0 20 20",
-  style: { background: "none", overflow: "visible" }
-}, P = {
-  __name: "DataTable",
-  props: {
-    colNames: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    head: Array,
-    body: Array,
-    title: String,
-    config: Object
-  },
-  emits: ["close"],
-  setup(o, { emit: B }) {
-    A((s) => ({
-      "2908e47d": e(v)
-    }));
-    const b = o, { backgroundColor: h, color: p, outline: g } = b.config.th, { backgroundColor: z, color: S, outline: v } = b.config.td, V = D(() => b.config.breakpoint), y = w(null), _ = w(!1);
-    E(() => {
-      const s = new ResizeObserver((r) => {
-        r.forEach((l) => {
-          _.value = l.contentRect.width < V.value;
-        });
-      });
-      y.value && s.observe(y.value);
-    });
-    const x = B;
-    return (s, r) => (a(), n("div", {
-      ref_key: "tableContainer",
-      ref: y,
-      style: { width: "100%", "container-type": "inline-size", position: "relative", "padding-top": "36px", overflow: "auto" },
-      class: k({ "atom-data-table": !0, "vue-ui-responsive": _.value })
-    }, [
-      t("div", {
-        "data-dom-to-png-ignore": "",
-        role: "button",
-        tabindex: "0",
-        style: i(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e(h)};`),
-        onClick: r[0] || (r[0] = (l) => x("close")),
-        onKeypress: r[1] || (r[1] = R((l) => x("close"), ["enter"]))
-      }, [
-        C(O, {
-          name: "close",
-          stroke: e(p),
-          "stroke-width": 2
-        }, null, 8, ["stroke"])
-      ], 36),
-      t("table", j, [
-        t("caption", {
-          style: i({ backgroundColor: e(h), color: e(p), outline: e(g) }),
-          class: "vue-ui-data-table__caption"
-        }, I(o.title), 5),
-        t("thead", null, [
-          t("tr", {
-            role: "row",
-            style: i([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(h), color: e(p) }]),
-            class: "vue-ui-data-table__thead-row"
-          }, [
-            (a(!0), n(f, null, m(o.head, (l, c) => (a(), n("th", {
-              role: "cell",
-              style: i({ outline: e(g) }),
-              key: `th_${c}`
-            }, [
-              t("div", F, [
-                t("div", L, [
-                  l.color ? (a(), n("svg", M, [
-                    t("circle", {
-                      cx: "10",
-                      cy: "10",
-                      r: "10",
-                      fill: l.color
-                    }, null, 8, q)
-                  ])) : $("", !0)
-                ]),
-                N(s.$slots, "th", { th: l }, void 0, !0)
-              ])
-            ], 4))), 128))
-          ], 4)
-        ]),
-        t("tbody", null, [
-          (a(!0), n(f, null, m(o.body, (l, c) => (a(), n("tr", {
-            role: "row",
-            style: i([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(z), color: e(S) }]),
-            class: k({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": c % 2 === 0, "vue-ui-data-table__tbody__row-odd": c % 2 !== 0 })
-          }, [
-            (a(!0), n(f, null, m(l, (d, u) => (a(), n("td", {
-              role: "cell",
-              "data-cell": (o.colNames[u] && o.colNames[u].name ? o.colNames[u].name : "") || o.colNames[u] || "",
-              style: i({ outline: e(v) }),
-              class: "vue-ui-data-table__tbody__td"
-            }, [
-              t("div", H, [
-                d.color ? (a(), n("svg", J, [
-                  C(K, {
-                    plot: { x: 10, y: 10 },
-                    color: d.color,
-                    radius: 9,
-                    shape: o.config.shape || d.shape || "circle"
-                  }, null, 8, ["color", "shape"])
-                ])) : $("", !0),
-                N(s.$slots, "td", { td: d }, void 0, !0)
-              ])
-            ], 12, G))), 256))
-          ], 6))), 256))
-        ])
-      ])
-    ], 2));
-  }
-}, Y = /* @__PURE__ */ T(P, [["__scopeId", "data-v-4afbd65f"]]);
-export {
-  Y as default
-};

package/dist/Legend-DkU3at-b.js

@@ -1,72 +0,0 @@
-import { createElementBlock as o, openBlock as a, normalizeStyle as d, renderSlot as l, Fragment as u, renderList as g, normalizeClass as m, createCommentVNode as h, createVNode as k, mergeProps as y, unref as $ } from "vue";
-import { a2 as p } from "./index-BHb_mcWF.js";
-import { _ as v } from "./Shape-C3J8aKNH.js";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const S = ["id"], x = ["onClick", "height", "width"], z = {
-  __name: "Legend",
-  props: {
-    legendSet: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    id: {
-      type: String,
-      default: ""
-    },
-    clickable: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["clickMarker"],
-  setup(e, { emit: c }) {
-    const f = c;
-    function s(i, r) {
-      f("clickMarker", { legend: i, i: r });
-    }
-    return (i, r) => (a(), o("div", {
-      id: e.id,
-      class: "vue-data-ui-legend",
-      style: d(`background:${e.config.backgroundColor};font-size:${e.config.fontSize}px;color:${e.config.color};padding-bottom:${e.config.paddingBottom}px;padding-top:${e.config.paddingTop || 12}px;font-weight:${e.config.fontWeight}`)
-    }, [
-      l(i.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
-      (a(!0), o(u, null, g(e.legendSet, (t, n) => (a(), o("div", {
-        key: `legend_${n}`,
-        class: m({ "vue-data-ui-legend-item": !0, active: e.clickable })
-      }, [
-        t.shape ? (a(), o("svg", {
-          key: 0,
-          onClick: (C) => s(t, n),
-          height: e.config.fontSize,
-          width: e.config.fontSize,
-          viewBox: "-8 -8 76 76",
-          style: d(`overflow: visible;opacity:${t.opacity}`)
-        }, [
-          k(v, {
-            shape: t.shape,
-            radius: 30,
-            stroke: "none",
-            plot: { x: 30, y: 30 },
-            fill: t.color
-          }, null, 8, ["shape", "fill"]),
-          l(i.$slots, "legend-pattern", y({ ref_for: !0 }, { legend: t, index: $(p)(t.absoluteIndex) ? t.absoluteIndex : n }), void 0, !0)
-        ], 12, x)) : h("", !0),
-        l(i.$slots, "item", {
-          legend: t,
-          index: n
-        }, void 0, !0)
-      ], 2))), 128))
-    ], 12, S));
-  }
-}, L = /* @__PURE__ */ b(z, [["__scopeId", "data-v-13272b56"]]);
-export {
-  L as default
-};