vue-data-ui 3.17.13 → 3.18.0

package/dist/BaseLegendToggle-cMP8M2u0.js

@@ -1,47 +0,0 @@
-import { openBlock as i, createElementBlock as l, normalizeClass as a, createElementVNode as s, normalizeStyle as d, withKeys as g, createVNode as c } from "vue";
-import m from "./BaseIcon-DX0hTWa-.js";
-import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const f = {
-  __name: "BaseLegendToggle",
-  props: {
-    backgroundColor: { type: String, default: "#CCCCCC" },
-    color: { type: String, default: "#2D353C" },
-    fontSize: { type: Number, default: 14 },
-    checked: { type: Boolean },
-    isCursorPointer: { type: Boolean }
-  },
-  emits: ["toggle"],
-  setup(e, { emit: n }) {
-    const o = n;
-    return (C, t) => (i(), l("div", {
-      class: a({ "vue-ui-legend-toggle-wrapper": e.isCursorPointer }),
-      "data-dom-to-png-ignore": ""
-    }, [
-      s("div", {
-        class: "vue-ui-legend-toggle",
-        role: "button",
-        tabindex: "0",
-        onClick: t[0] || (t[0] = (r) => o("toggle")),
-        onKeydown: t[1] || (t[1] = g((r) => o("toggle"), ["enter"])),
-        style: d({
-          position: "relative",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          backgroundColor: e.backgroundColor,
-          padding: e.fontSize / 4 + "px"
-        })
-      }, [
-        c(m, {
-          name: e.checked ? "minus" : "check",
-          stroke: e.color,
-          size: e.fontSize * 0.6,
-          "stroke-width": e.fontSize / 4
-        }, null, 8, ["name", "stroke", "size", "stroke-width"])
-      ], 36)
-    ], 2));
-  }
-}, v = /* @__PURE__ */ u(f, [["__scopeId", "data-v-f05513e8"]]);
-export {
-  v as B
-};

package/dist/BaseScanner-C2j3TsSY.js

@@ -1,36 +0,0 @@
-import { ref as f, computed as g, unref as c, watchEffect as h, openBlock as A, createElementBlock as y } from "vue";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function T({
-  config: s,
-  dataset: n,
-  skeletonDataset: o,
-  skeletonConfig: r,
-  FINAL_CONFIG: d,
-  prepareConfig: i,
-  callback: t = null,
-  dsIsNumber: _ = !1,
-  allowEmptyDataset: m = !1
-}) {
-  const l = f(!1), a = g(() => {
-    const p = c(s)?.loading ?? !1, e = c(n), v = m ? !1 : _ ? [null, void 0].includes(e) : e == null || Array.isArray(e) && e.length === 0 || Object.keys(e).length === 0;
-    return l.value || p || v;
-  }), u = f(c(n));
-  return h(() => {
-    u.value = a.value ? o : c(n), d.value = a.value ? r : i(), t && t();
-  }), {
-    loading: a,
-    FINAL_DATASET: u,
-    manualLoading: l,
-    skeletonDataset: o,
-    skeletonConfig: r
-  };
-}
-const E = {}, L = { class: "vue-data-ui-scanner" };
-function x(s, n) {
-  return A(), y("div", L);
-}
-const b = /* @__PURE__ */ B(E, [["render", x], ["__scopeId", "data-v-8c8b2e12"]]);
-export {
-  b as B,
-  T as u
-};

package/dist/BaseZoomControls-CVSC1-SU.js

@@ -1,123 +0,0 @@
-import { openBlock as c, createElementBlock as a, normalizeStyle as e, unref as d, normalizeClass as m, createElementVNode as l, createVNode as s, toDisplayString as f, createCommentVNode as z } from "vue";
-import { l as y } from "./exposedLib-sJvY1pST.js";
-import i from "./BaseIcon-DX0hTWa-.js";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const g = ["disabled"], C = {
-  __name: "BaseZoomControls",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    scale: {
-      type: Number,
-      default: 0
-    },
-    withDirection: {
-      type: Boolean,
-      default: !1
-    },
-    isFullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    isCursorPointer: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["zoomIn", "zoomOut", "resetZoom", "switchDirection"],
-  setup(o, { emit: u }) {
-    const n = u;
-    return (h, t) => (c(), a("div", {
-      class: m({
-        "vue-data-ui-zoom-controls": !0,
-        "vue-data-ui-zoom-controls-fullscreen": o.isFullscreen
-      }),
-      "data-dom-to-png-ignore": "",
-      style: e({
-        border: o.config.style.chart.controls.border,
-        backgroundColor: o.config.style.chart.controls.backgroundColor,
-        padding: o.config.style.chart.controls.padding,
-        borderRadius: o.config.style.chart.controls.borderRadius,
-        "--vue-data-ui-zoom-control-button-color": o.config.style.chart.controls.buttonColor,
-        "--vue-data-ui-zoom-control-button-color-hover": d(y)(
-          o.config.style.chart.controls.buttonColor,
-          0.2
-        )
-      })
-    }, [
-      l("button", {
-        onClick: t[0] || (t[0] = (r) => n("zoomOut")),
-        class: "vue-data-ui-zoom-controls-button",
-        "data-cy-zoom-out": "",
-        style: e({ cursor: o.isCursorPointer ? "pointer" : "default" })
-      }, [
-        s(i, {
-          name: "zoomMinus",
-          stroke: o.config.style.chart.controls.color,
-          size: o.config.style.chart.controls.fontSize * 1.2
-        }, null, 8, ["stroke", "size"])
-      ], 4),
-      l("button", {
-        class: "vue-data-ui-zoom-controls-button-zoom",
-        onClick: t[1] || (t[1] = (r) => n("resetZoom")),
-        "data-cy-zoom-reset": "",
-        style: e({
-          color: o.config.style.chart.controls.color,
-          width: o.config.style.chart.controls.fontSize * 4 + "px",
-          borderRadius: o.config.style.chart.controls.borderRadius,
-          fontSize: o.config.style.chart.controls.fontSize + "px",
-          cursor: o.isCursorPointer ? "pointer" : "default"
-        })
-      }, f(Math.round(o.scale * 100)) + "% ", 5),
-      l("button", {
-        onClick: t[2] || (t[2] = (r) => n("zoomIn")),
-        class: "vue-data-ui-zoom-controls-button",
-        "data-cy-zoom-in": "",
-        style: e({
-          cursor: o.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        s(i, {
-          name: "zoomPlus",
-          stroke: o.config.style.chart.controls.color,
-          size: o.config.style.chart.controls.fontSize * 1.2
-        }, null, 8, ["stroke", "size"])
-      ], 4),
-      l("button", {
-        disabled: o.scale === 1,
-        onClick: t[3] || (t[3] = (r) => n("resetZoom")),
-        class: "vue-data-ui-zoom-controls-button",
-        style: e({
-          cursor: o.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        s(i, {
-          name: "revert",
-          stroke: o.config.style.chart.controls.color,
-          size: o.config.style.chart.controls.fontSize * 1.2
-        }, null, 8, ["stroke", "size"])
-      ], 12, g),
-      o.withDirection ? (c(), a("button", {
-        key: 0,
-        onClick: t[4] || (t[4] = (r) => n("switchDirection")),
-        class: "vue-data-ui-zoom-controls-button",
-        style: e({
-          cursor: o.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        s(i, {
-          name: "direction",
-          stroke: o.config.style.chart.controls.color,
-          size: o.config.style.chart.controls.fontSize * 1.2
-        }, null, 8, ["stroke", "size"])
-      ], 4)) : z("", !0)
-    ], 6));
-  }
-}, P = /* @__PURE__ */ b(C, [["__scopeId", "data-v-b5d92405"]]);
-export {
-  P as B
-};

package/dist/ColorPicker-bAxGcXK0.js

@@ -1,271 +0,0 @@
-import { useCssVars as W, ref as u, computed as T, watchEffect as Y, onMounted as j, onBeforeUnmount as q, watch as A, withDirectives as G, openBlock as s, createElementBlock as v, withKeys as R, createElementVNode as i, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as g, withModifiers as r, Fragment as $, renderList as M, createCommentVNode as N, createBlock as X, Teleport as Z, unref as _, nextTick as ee } from "vue";
-import F from "./BaseIcon-DX0hTWa-.js";
-import { W as oe } from "./lib-DMzrGQHK.js";
-import { v as te } from "./vClickOutside-C6WiFswA.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed", "onClick"], ie = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, ue = ["value"], se = ["onClick"], ae = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, ce = ["value"], de = {
-  __name: "ColorPicker",
-  props: {
-    value: {
-      type: String,
-      default: "#ffffff"
-    },
-    size: {
-      type: String,
-      default: "50px"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    buttonBorderColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    teleported: {
-      type: Boolean,
-      default: !1
-    },
-    isCursorPointer: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:value"],
-  setup(o, { emit: O }) {
-    W((t) => ({
-      v6ca7d17c: o.buttonBorderColor
-    }));
-    const c = o, w = O, V = u(null), C = u(null), d = u(null), l = u(!1), b = u(!1), y = u({ top: 0, left: 0 }), K = T(() => ({
-      backgroundColor: c.value,
-      width: "100%",
-      height: "100%",
-      cursor: c.isCursorPointer ? "pointer" : "default"
-    })), p = T(() => oe(c.value));
-    function E(t) {
-      w("update:value", t), l.value = !1;
-    }
-    function x(t) {
-      w("update:value", t.target.value);
-    }
-    function P(t) {
-      t?.stopPropagation?.(), b.value = !0, d.value?.click();
-    }
-    function D() {
-      l.value = !1;
-    }
-    function m() {
-      !b.value && l.value && D();
-    }
-    async function U() {
-      l.value = !l.value, l.value && c.teleported && (await ee(), B());
-    }
-    function B() {
-      if (!C.value) return;
-      const t = C.value.getBoundingClientRect();
-      y.value = { top: t.top + 36, left: t.right - 48 };
-    }
-    function f() {
-      l.value && c.teleported && B();
-    }
-    function k() {
-      setTimeout(() => b.value = !1, 0);
-    }
-    Y((t) => {
-      const e = d.value;
-      if (!e) return;
-      const n = () => k(), I = () => k(), S = () => {
-      };
-      e.addEventListener("blur", n), e.addEventListener("change", I), e.addEventListener("input", S), t(() => {
-        e.removeEventListener("blur", n), e.removeEventListener("change", I), e.removeEventListener("input", S);
-      });
-    });
-    function L() {
-      k();
-    }
-    function h() {
-      document.visibilityState === "visible" && k();
-    }
-    j(() => {
-      window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f, { passive: !0 }), window.addEventListener("focus", L), document.addEventListener("visibilitychange", h);
-    }), q(() => {
-      window.removeEventListener("scroll", f), window.removeEventListener("resize", f), window.removeEventListener("focus", L), document.removeEventListener("visibilitychange", h);
-    }), A(
-      () => c.value,
-      (t) => {
-        d.value && (d.value.value = t);
-      }
-    );
-    const z = u([
-      "#000000",
-      "#FFFFFF",
-      "#FF5733",
-      "#33FF57",
-      "#3357FF",
-      "#FFC300",
-      "#800080",
-      "#FF1493",
-      "#00CED1"
-    ]);
-    return (t, e) => G((s(), v("div", {
-      ref_key: "wrapperRef",
-      ref: V,
-      onKeydown: R(m, ["esc"]),
-      style: { height: "100%", width: "100%", position: "relative" },
-      "aria-expanded": l.value ? "true" : "false",
-      "aria-haspopup": "dialog",
-      "aria-label": `Choose color. Current color ${o.value}`
-    }, [
-      i("button", {
-        ref_key: "buttonRef",
-        ref: C,
-        class: "icon",
-        onClick: U,
-        style: a(K.value),
-        type: "button"
-      }, [
-        H(t.$slots, "annotator-action-color", J(Q({ color: p.value })), () => [
-          g(F, {
-            name: "palette",
-            stroke: p.value,
-            size: 22
-          }, null, 8, ["stroke"])
-        ], !0)
-      ], 4),
-      l.value && !o.teleported ? (s(), v("div", {
-        key: 0,
-        class: "vue-ui-color-picker",
-        role: "dialog",
-        "aria-label": "Color picker",
-        style: a({
-          backgroundColor: o.backgroundColor,
-          position: "absolute",
-          left: "calc(100% + 30px)",
-          top: "50%",
-          transform: "translateY(-18%)"
-        }),
-        onMousedown: e[2] || (e[2] = r(() => {
-        }, ["stop"])),
-        onClick: e[3] || (e[3] = r(() => {
-        }, ["stop"])),
-        onTouchstart: e[4] || (e[4] = r(() => {
-        }, ["stop"])),
-        onKeydown: R(m, ["esc"])
-      }, [
-        (s(!0), v($, null, M(z.value, (n) => (s(), v("button", {
-          key: n,
-          "aria-label": `Select color ${n}`,
-          "aria-pressed": o.value === n ? "true" : "false",
-          class: "vue-ui-color-picker-option",
-          type: "button",
-          style: a({
-            backgroundColor: n,
-            outline: `1px solid ${o.buttonBorderColor}`,
-            cursor: o.isCursorPointer ? "pointer" : "default"
-          }),
-          onClick: () => E(n)
-        }, null, 12, le))), 128)),
-        i("button", {
-          class: "vue-ui-color-picker-option",
-          type: "button",
-          style: a({
-            backgroundColor: o.value,
-            outline: `1px solid ${o.buttonBorderColor}`,
-            cursor: o.isCursorPointer ? "pointer" : "default"
-          }),
-          "aria-label": "Open native color picker",
-          onClick: r(P, ["stop"]),
-          onMousedown: e[0] || (e[0] = r(() => {
-          }, ["stop"])),
-          onTouchstart: e[1] || (e[1] = r(() => {
-          }, ["stop"]))
-        }, [
-          i("div", ie, [
-            g(F, {
-              name: "colorPicker",
-              stroke: p.value,
-              size: 22
-            }, null, 8, ["stroke"])
-          ]),
-          i("input", {
-            ref_key: "colorInput",
-            ref: d,
-            type: "color",
-            value: o.value,
-            class: "hidden-input",
-            onInput: x
-          }, null, 40, ue)
-        ], 36)
-      ], 36)) : N("", !0),
-      l.value && o.teleported ? (s(), X(Z, {
-        key: 1,
-        to: "body"
-      }, [
-        i("div", {
-          tabindex: "0",
-          class: "vue-ui-color-picker",
-          style: a({
-            backgroundColor: o.backgroundColor,
-            position: "fixed",
-            top: y.value.top + "px",
-            left: y.value.left + "px",
-            zIndex: 2147483647
-          }),
-          onMousedown: e[7] || (e[7] = r(() => {
-          }, ["stop"])),
-          onClick: e[8] || (e[8] = r(() => {
-          }, ["stop"])),
-          onTouchstart: e[9] || (e[9] = r(() => {
-          }, ["stop"]))
-        }, [
-          (s(!0), v($, null, M(z.value, (n) => (s(), v("button", {
-            key: n,
-            class: "vue-ui-color-picker-option",
-            type: "button",
-            style: a({
-              backgroundColor: n,
-              outline: `1px solid ${o.buttonBorderColor}`,
-              cursor: o.isCursorPointer ? "pointer" : "default"
-            }),
-            onClick: () => E(n)
-          }, null, 12, se))), 128)),
-          i("button", {
-            class: "vue-ui-color-picker-option",
-            type: "button",
-            style: a({
-              backgroundColor: o.value,
-              outline: `1px solid ${o.buttonBorderColor}`,
-              cursor: o.isCursorPointer ? "cursor" : "default"
-            }),
-            onClick: r(P, ["stop"]),
-            onMousedown: e[5] || (e[5] = r(() => {
-            }, ["stop"])),
-            onTouchstart: e[6] || (e[6] = r(() => {
-            }, ["stop"]))
-          }, [
-            i("div", ae, [
-              g(F, {
-                name: "colorPicker",
-                stroke: p.value,
-                size: 22
-              }, null, 8, ["stroke"])
-            ]),
-            i("input", {
-              ref_key: "colorInput",
-              ref: d,
-              type: "color",
-              value: o.value,
-              class: "hidden-input",
-              onInput: x
-            }, null, 40, ce)
-          ], 36)
-        ], 36)
-      ])) : N("", !0)
-    ], 40, re)), [
-      [_(te), m]
-    ]);
-  }
-}, be = /* @__PURE__ */ ne(de, [["__scopeId", "data-v-2965a72c"]]);
-export {
-  be as C
-};

package/dist/DataTable-cMnb68Ik.js

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