@vc-shell/framework 1.2.4-beta.6 → 1.2.4-beta.8

package/dist/DashboardDonutChart-CWfe85Xq.js

@@ -1,89 +0,0 @@
-import { defineComponent as K, computed as f, openBlock as n, createBlock as i, withCtx as s, createVNode as g, unref as u, createCommentVNode as b } from "vue";
-import { D as L, c as w, E as k, z as C } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as S, c as T } from "./index-tgmgQAD9.js";
-import { r as B, b as p, a as x } from "./chart-utils-BTs6UFaZ.js";
-const A = /* @__PURE__ */ K({
-  __name: "DashboardDonutChart",
-  props: {
-    data: {},
-    config: {},
-    valueKey: {},
-    colorKey: { default: void 0 },
-    height: { default: void 0 },
-    arcWidth: { default: 60 },
-    cornerRadius: { default: 4 },
-    showTooltip: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    centralLabel: { default: void 0 },
-    centralSubLabel: { default: void 0 },
-    valueFormat: { type: Function, default: void 0 }
-  },
-  setup(a) {
-    const o = a, h = (e) => e[o.valueKey], c = f(() => Object.keys(o.config)), d = (e, t) => o.colorKey && e[o.colorKey] ? e[o.colorKey] : c.value[t] ? o.config[c.value[t]].color : void 0, v = (e, t) => {
-      const l = e.label;
-      if (typeof l == "string" && l.trim())
-        return l;
-      const r = c.value[t];
-      return r ? o.config[r]?.label ?? r : `Segment ${t + 1}`;
-    }, m = f(() => ({
-      [L.segment]: (e) => {
-        if (!e?.data)
-          return;
-        const t = e.index ?? 0, l = v(e.data, t), r = c.value[t], { color: y } = B({
-          config: o.config,
-          key: r,
-          index: t,
-          fallbackLabel: l
-        });
-        return p({
-          items: [
-            {
-              label: l,
-              color: d(e.data, t) ?? y,
-              value: x(
-                e.value ?? e.data[o.valueKey],
-                o.valueFormat
-              )
-            }
-          ]
-        });
-      }
-    }));
-    return (e, t) => (n(), i(S, { config: a.config }, {
-      default: s(() => [
-        g(u(w), {
-          data: a.data,
-          height: a.height
-        }, {
-          default: s(() => [
-            g(u(k), {
-              value: h,
-              color: d,
-              "arc-width": a.arcWidth,
-              "corner-radius": a.cornerRadius,
-              "pad-angle": 0.02,
-              "central-label": a.centralLabel,
-              "central-sub-label": a.centralSubLabel
-            }, null, 8, ["arc-width", "corner-radius", "central-label", "central-sub-label"]),
-            a.showTooltip ? (n(), i(u(C), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: m.value
-            }, null, 8, ["triggers"])) : b("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        a.showLegend ? (n(), i(T, {
-          key: 0,
-          config: a.config
-        }, null, 8, ["config"])) : b("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  A as default
-};

package/dist/DashboardLineChart-kdA8VnrR.js

@@ -1,125 +0,0 @@
-import { defineComponent as b, computed as f, openBlock as i, createBlock as n, withCtx as g, createVNode as p, unref as r, createCommentVNode as u, createElementBlock as B, Fragment as F, renderList as A } from "vue";
-import { S as K, z as S, A as C, C as L, a as h } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as V, c as X } from "./index-tgmgQAD9.js";
-import { f as Y, r as k, b as D, a as E, c as $ } from "./chart-utils-BTs6UFaZ.js";
-const H = /* @__PURE__ */ b({
-  __name: "DashboardLineChart",
-  props: {
-    data: {},
-    config: {},
-    xKey: {},
-    yKeys: {},
-    height: { default: void 0 },
-    showTooltip: { type: Boolean, default: !0 },
-    showXAxis: { type: Boolean, default: !0 },
-    showYAxis: { type: Boolean, default: !0 },
-    showGrid: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    numXTicks: { default: void 0 },
-    numYTicks: { default: 5 },
-    rangeStart: { default: void 0 },
-    rangeEnd: { default: void 0 },
-    xTickFormat: { type: Function, default: void 0 },
-    yTickFormat: { type: Function, default: void 0 }
-  },
-  setup(e) {
-    const o = e, v = { top: 8, right: 8, bottom: 4, left: 4 }, m = (t) => t[o.xKey], x = f(
-      () => Y(
-        o.data,
-        (t) => t[o.xKey],
-        o.rangeStart,
-        o.rangeEnd
-      )
-    ), d = f(
-      () => o.yKeys.map((t) => (a) => a[t])
-    ), y = f(
-      () => o.yKeys.map(
-        (t, a) => k({
-          config: o.config,
-          key: String(t),
-          index: a,
-          fallbackLabel: String(t)
-        }).color
-      )
-    ), T = (t) => D({
-      title: $(t[o.xKey], o.xTickFormat),
-      items: o.yKeys.map((a, c) => {
-        const { label: l, color: s } = k({
-          config: o.config,
-          key: String(a),
-          index: c,
-          fallbackLabel: String(a)
-        });
-        return {
-          label: l,
-          color: s,
-          value: E(t[a], o.yTickFormat)
-        };
-      })
-    }), w = (t, a, c, l) => {
-      const s = t ?? (typeof l == "number" ? c[l] : void 0);
-      if (s)
-        return T(s);
-    };
-    return (t, a) => (i(), n(V, { config: e.config }, {
-      default: g(() => [
-        p(r(K), {
-          data: x.value,
-          height: e.height,
-          margin: v
-        }, {
-          default: g(() => [
-            e.showTooltip ? (i(), n(r(S), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8
-            })) : u("", !0),
-            e.showTooltip ? (i(), n(r(C), {
-              key: 1,
-              x: m,
-              y: d.value,
-              color: y.value,
-              template: w
-            }, null, 8, ["y", "color"])) : u("", !0),
-            (i(!0), B(F, null, A(d.value, (c, l) => (i(), n(r(L), {
-              key: l,
-              x: m,
-              y: c,
-              color: y.value[l],
-              "curve-type": "monotoneX",
-              "line-width": 2
-            }, null, 8, ["y", "color"]))), 128)),
-            e.showXAxis ? (i(), n(r(h), {
-              key: 2,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": e.numXTicks,
-              "tick-format": e.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : u("", !0),
-            e.showYAxis ? (i(), n(r(h), {
-              key: 3,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": e.showGrid,
-              "num-ticks": e.numYTicks,
-              "tick-format": e.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : u("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        e.showLegend ? (i(), n(X, {
-          key: 0,
-          config: e.config
-        }, null, 8, ["config"])) : u("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  H as default
-};

package/dist/GridstackDashboard-CGHYkReX.js

@@ -1,131 +0,0 @@
-import { defineComponent as B, ref as m, computed as L, onMounted as w, nextTick as z, openBlock as r, createBlock as v, withCtx as C, createElementVNode as a, createElementBlock as l, Fragment as W, renderList as P, createCommentVNode as I, resolveDynamicComponent as T, mergeProps as $, toDisplayString as G } from "vue";
-import { u as H, a as R, _ as S } from "./index-tgmgQAD9.js";
-const A = ["aria-label"], E = ["gs-id", "gs-x", "gs-y", "gs-w", "gs-h", "aria-label"], N = { class: "grid-stack-item-content" }, V = {
-  key: 0,
-  class: "vc-gridstack-dashboard__drag-handle",
-  "aria-hidden": "true"
-}, F = {
-  class: "vc-gridstack-dashboard__live-region",
-  role: "status",
-  "aria-live": "polite",
-  "aria-atomic": "true"
-}, K = /* @__PURE__ */ B({
-  __name: "GridstackDashboard",
-  props: {
-    showDragHandles: { type: Boolean, default: !1 },
-    resizable: { type: Boolean, default: !1 },
-    ariaLabel: { default: "Dashboard widgets. Drag widgets to rearrange." }
-  },
-  setup(i, { expose: _ }) {
-    const d = i, o = m(null), n = m(""), u = H(), c = L(() => u.getWidgets()), {
-      layout: f,
-      isInitialized: p,
-      initGrid: y,
-      saveLayout: b,
-      resetToDefaults: g
-    } = R(c, {
-      resizable: d.resizable,
-      autoSave: !0,
-      gridOptions: {
-        draggable: {
-          handle: d.showDragHandles ? ".vc-gridstack-dashboard__drag-handle" : ".grid-stack-item-content"
-        }
-      },
-      onLayoutChange: (t) => {
-        for (const [s, e] of t)
-          u.updateWidgetPosition(s, e);
-        x("Widget positions updated");
-      }
-    }), h = (t) => f.value.get(t), k = (t, s) => `${t.name || t.id}, widget ${s + 1} of ${c.value.length}. Drag to reorder.`, x = (t) => {
-      n.value = t, setTimeout(() => {
-        n.value = "";
-      }, 1e3);
-    };
-    return w(async () => {
-      await z(), o.value && !p.value && y(o.value);
-    }), _({
-      rearrangeWidgets: () => {
-        g();
-      },
-      recalculateLayout: () => {
-      },
-      saveLayout: b,
-      useBuiltInPositions: () => (g(), !0)
-    }), (t, s) => (r(), v(S, {
-      "no-padding": "",
-      class: "vc-gridstack-dashboard"
-    }, {
-      default: C(() => [
-        a("div", {
-          ref_key: "gridRef",
-          ref: o,
-          class: "grid-stack vc-gridstack-dashboard__grid",
-          role: "list",
-          "aria-label": i.ariaLabel
-        }, [
-          (r(!0), l(W, null, P(c.value, (e, D) => (r(), l("div", {
-            key: e.id,
-            class: "grid-stack-item",
-            "gs-id": e.id,
-            "gs-x": h(e.id)?.x ?? e.position?.x ?? 0,
-            "gs-y": h(e.id)?.y ?? e.position?.y ?? 0,
-            "gs-w": e.size.width,
-            "gs-h": e.size.height,
-            "gs-min-w": 2,
-            "gs-min-h": 2,
-            role: "listitem",
-            "aria-label": k(e, D)
-          }, [
-            a("div", N, [
-              i.showDragHandles ? (r(), l("div", V, [...s[0] || (s[0] = [
-                a("svg", {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "currentColor"
-                }, [
-                  a("circle", {
-                    cx: "5",
-                    cy: "3",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "3",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "5",
-                    cy: "8",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "8",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "5",
-                    cy: "13",
-                    r: "1.5"
-                  }),
-                  a("circle", {
-                    cx: "11",
-                    cy: "13",
-                    r: "1.5"
-                  })
-                ], -1)
-              ])])) : I("", !0),
-              (r(), v(T(e.component), $({ ref_for: !0 }, e.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
-            ])
-          ], 8, E))), 128))
-        ], 8, A),
-        a("div", F, G(n.value), 1)
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  K as default
-};

package/dist/GridstackDashboard.css

@@ -1 +0,0 @@
-.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}:root{--gridstack-dashboard-background: var(--additional-50);--gridstack-widget-background: var(--additional-50);--gridstack-widget-border-radius: 8px;--gridstack-widget-shadow: 0 2px 8px rgba(0, 0, 0, .08);--gridstack-widget-shadow-dragging: 0 8px 24px rgba(0, 0, 0, .15);--gridstack-placeholder-background: rgba(59, 130, 246, .1);--gridstack-placeholder-border: rgba(59, 130, 246, .5);--gridstack-drag-handle-color: var(--neutrals-400);--gridstack-drag-handle-color-hover: var(--neutrals-600)}.vc-gridstack-dashboard{background-color:var(--gridstack-dashboard-background);min-height:100%}.vc-gridstack-dashboard__grid{padding:24px 18px;min-height:688px}.vc-gridstack-dashboard .grid-stack-item-content{background:var(--gridstack-widget-background);border-radius:var(--gridstack-widget-border-radius);box-shadow:var(--gridstack-widget-shadow);overflow:hidden;transition:box-shadow .2s ease}.vc-gridstack-dashboard .grid-stack-item.ui-draggable-dragging .grid-stack-item-content,.vc-gridstack-dashboard .grid-stack-item.ui-resizable-resizing .grid-stack-item-content{box-shadow:var(--gridstack-widget-shadow-dragging)}.vc-gridstack-dashboard .grid-stack-placeholder>.placeholder-content{background:var(--gridstack-placeholder-background);border:2px dashed var(--gridstack-placeholder-border);border-radius:var(--gridstack-widget-border-radius)}.vc-gridstack-dashboard__drag-handle{position:absolute;top:8px;right:8px;z-index:10;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gridstack-drag-handle-color);cursor:grab;border-radius:4px;transition:color .15s ease,background-color .15s ease}.vc-gridstack-dashboard__drag-handle:hover{color:var(--gridstack-drag-handle-color-hover);background-color:#0000000d}.vc-gridstack-dashboard__drag-handle:active{cursor:grabbing}.vc-gridstack-dashboard__widget-content{width:100%;height:100%}.vc-gridstack-dashboard__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.vc-gridstack-dashboard .grid-stack-item,.vc-gridstack-dashboard .grid-stack-item-content,.grid-stack.grid-stack-animate .grid-stack-item{transition:none!important}}

package/dist/chart-utils-BTs6UFaZ.js

@@ -1,83 +0,0 @@
-const m = "var(--primary-500)";
-const p = {
-  "&": "&",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;"
-}, c = (t) => t == null ? "" : String(t).replace(/[&<>"']/g, (r) => p[r] ?? r), d = (t) => {
-  if (t instanceof Date) {
-    const r = t.getTime();
-    return Number.isFinite(r) ? r : void 0;
-  }
-  if (typeof t == "number")
-    return Number.isFinite(t) ? t : void 0;
-  if (typeof t == "string") {
-    const r = Number(t);
-    if (Number.isFinite(r))
-      return r;
-    const i = Date.parse(t);
-    if (Number.isFinite(i))
-      return i;
-  }
-}, b = (t, r, i, e) => {
-  const o = d(i), n = d(e);
-  if (o === void 0 && n === void 0)
-    return t;
-  const a = o !== void 0 && n !== void 0 ? Math.min(o, n) : o, s = o !== void 0 && n !== void 0 ? Math.max(o, n) : n;
-  return t.filter((u) => {
-    const l = d(r(u));
-    return l === void 0 ? !0 : !(a !== void 0 && l < a || s !== void 0 && l > s);
-  });
-}, f = (t, r) => {
-  if (r) {
-    if (typeof t == "number" || t instanceof Date)
-      return r(t);
-    const i = d(t);
-    if (i !== void 0)
-      return r(i);
-  }
-  return t == null ? "-" : String(t);
-}, h = (t, r) => {
-  const i = typeof t == "number" ? t : Number(t);
-  return Number.isFinite(i) ? r ? r(i) : i.toLocaleString() : "-";
-}, _ = ({
-  config: t,
-  key: r,
-  index: i,
-  fallbackLabel: e
-}) => {
-  const o = Object.keys(t), n = r ? t[r] : void 0, a = typeof i == "number" && Number.isFinite(i) && o[i] ? t[o[i]] : void 0, s = n ?? a;
-  return {
-    label: s?.label ?? e ?? r ?? "Series",
-    color: s?.color ?? m
-  };
-}, v = ({
-  title: t,
-  items: r
-}) => {
-  if (!r.length)
-    return;
-  const i = t ? `<div class="dashboard-chart-tooltip__title">${c(t)}</div>` : "", e = r.map(
-    (o) => `
-        <div class="dashboard-chart-tooltip__item">
-          <span class="dashboard-chart-tooltip__indicator" style="background: ${c(o.color)}"></span>
-          <span class="dashboard-chart-tooltip__label">${c(o.label)}</span>
-          <span class="dashboard-chart-tooltip__value">${c(o.value)}</span>
-        </div>
-      `
-  ).join("");
-  return `
-    <div class="dashboard-chart-tooltip">
-      ${i}
-      <div class="dashboard-chart-tooltip__items">${e}</div>
-    </div>
-  `;
-};
-export {
-  h as a,
-  v as b,
-  f as c,
-  b as f,
-  _ as r
-};