@vc-shell/framework 2.1.0-pr256.34ebb1b → 2.1.0-pr257.a5b1627

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "2.1.0-pr256.34ebb1b",
+  "version": "2.1.0-pr257.a5b1627",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -30,14 +30,6 @@
       "types": "./dist/core/plugins/extension-points/public.d.ts",
       "import": "./dist/extensions/index.js"
     },
-    "./dashboard": {
-      "types": "./dist/dashboard/index.d.ts",
-      "import": "./dist/dashboard/index.js"
-    },
-    "./charts": {
-      "types": "./dist/charts/index.d.ts",
-      "import": "./dist/charts/index.js"
-    },
     "./globals": {
       "types": "./globals.d.ts"
     },
@@ -109,31 +101,27 @@
     "dompurify": "^3.0.11",
     "gridstack": "^12.4.2",
     "iso-639-1": "^3.1.0",
-    "js-beautify": "^1.15.4",
     "lodash-es": "^4.17.21",
     "lucide-vue-next": "^0.577.0",
     "normalize.css": "^8.0.1",
-    "rrule": "^2.8.1",
     "semver": "^7.7.4",
     "sortablejs": "^1.15.7",
     "swiper": "^11.2.10",
     "tiptap-markdown": "^0.9.0",
     "truncate-html": "^1.1.1",
+    "vee-validate": "^4.12.4",
     "vue-currency-input": "^3.0.5",
     "vue-i18n": "^11.1.11",
     "vue3-application-insights": "^1.1.0",
     "vue3-touch-events": "^4.1.8",
-    "web-vitals": "^5.1.0"
+    "web-vitals": "^5.1.0",
+    "whatwg-fetch": "^3.6.19"
   },
   "peerDependencies": {
-    "vee-validate": ">=4.12.0",
     "vue": ">=3.4.0",
     "vue-router": ">=4.2.0"
   },
   "peerDependenciesMeta": {
-    "vee-validate": {
-      "optional": false
-    },
     "vue": {
       "optional": false
     },
@@ -145,12 +133,11 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@types/js-beautify": "^1.14.3",
     "@types/semver": "^7.7.1",
     "@types/sortablejs": "^1.15.9",
-    "@vc-shell/api-client-generator": "2.1.0-pr256.34ebb1b",
-    "@vc-shell/config-generator": "2.1.0-pr256.34ebb1b",
-    "@vc-shell/ts-config": "2.1.0-pr256.34ebb1b",
+    "@vc-shell/api-client-generator": "2.1.0-pr257.a5b1627",
+    "@vc-shell/config-generator": "2.1.0-pr257.a5b1627",
+    "@vc-shell/ts-config": "2.1.0-pr257.a5b1627",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/tailwind.config.ts

@@ -33,6 +33,12 @@ export default {
           lineHeight: "1.125rem", //18px
         },
       ],
+      s: [
+        "0.875rem", //14px
+        {
+          lineHeight: "1.125rem", //18px
+        },
+      ],
       base: [
         "1rem", //16px
         {

package/dist/charts/index.d.ts

@@ -1,2 +0,0 @@
-export * from "../shell/dashboard/dashboard-charts";
-//# sourceMappingURL=index.d.ts.map

package/dist/charts/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../charts/index.ts"],"names":[],"mappings":"AAMA,cAAc,mCAAmC,CAAC"}

package/dist/charts/index.js

@@ -1,9 +0,0 @@
-import { _ as t, a as h, b as o, c as s, d as C, e } from "../chunks/DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js";
-export {
-  t as ChartContainer,
-  h as ChartLegend,
-  o as ChartTooltip,
-  s as DashboardBarChart,
-  C as DashboardDonutChart,
-  e as DashboardLineChart
-};

package/dist/charts/index.js.map

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

package/dist/chunks/DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js

@@ -1,446 +0,0 @@
-import { defineComponent as x, ref as O, computed as y, openBlock as c, createElementBlock as v, normalizeStyle as B, renderSlot as j, toDisplayString as S, createCommentVNode as m, createElementVNode as p, Fragment as $, renderList as _, createBlock as d, withCtx as T, createVNode as w, unref as f } from "vue";
-import { S as D, z as C, A as z, C as G, a as A, w as H, b as W, D as q, c as I, E as U } from "./vendor-unovis-vue-CZWGT3-0.js";
-const N = /* @__PURE__ */ x({
-  __name: "ChartContainer",
-  props: {
-    config: {}
-  },
-  setup(t) {
-    const e = t, r = O(), l = y(() => {
-      const n = {};
-      return Object.keys(e.config).forEach((h, i) => {
-        const a = e.config[h];
-        a.color && (n[`--vis-color${i}`] = a.color);
-      }), n;
-    });
-    return (n, u) => (c(), v("div", {
-      ref_key: "containerRef",
-      ref: r,
-      class: "dashboard-chart-container",
-      style: B(l.value)
-    }, [
-      j(n.$slots, "default")
-    ], 4));
-  }
-}), J = { class: "dashboard-chart-tooltip" }, P = {
-  key: 0,
-  class: "dashboard-chart-tooltip__title"
-}, Q = { class: "dashboard-chart-tooltip__items" }, Z = { class: "dashboard-chart-tooltip__label" }, tt = { class: "dashboard-chart-tooltip__value" }, lt = /* @__PURE__ */ x({
-  __name: "ChartTooltip",
-  props: {
-    title: {},
-    items: {}
-  },
-  setup(t) {
-    return (e, r) => (c(), v("div", J, [
-      t.title ? (c(), v("div", P, S(t.title), 1)) : m("", !0),
-      p("div", Q, [
-        (c(!0), v($, null, _(t.items, (l, n) => (c(), v("div", {
-          key: n,
-          class: "dashboard-chart-tooltip__item"
-        }, [
-          p("span", {
-            class: "dashboard-chart-tooltip__indicator",
-            style: B({ background: l.color })
-          }, null, 4),
-          p("span", Z, S(l.label), 1),
-          p("span", tt, S(l.value), 1)
-        ]))), 128))
-      ])
-    ]));
-  }
-}), et = { class: "dashboard-chart-legend" }, ot = { class: "dashboard-chart-legend__label" }, E = /* @__PURE__ */ x({
-  __name: "ChartLegend",
-  props: {
-    config: {}
-  },
-  setup(t) {
-    return (e, r) => (c(), v("div", et, [
-      (c(!0), v($, null, _(t.config, (l, n) => (c(), v("div", {
-        key: n,
-        class: "dashboard-chart-legend__item"
-      }, [
-        p("span", {
-          class: "dashboard-chart-legend__indicator",
-          style: B({ background: l.color })
-        }, null, 4),
-        p("span", ot, S(l.label), 1)
-      ]))), 128))
-    ]));
-  }
-}), at = "var(--primary-500)", Y = "-", nt = {
-  "&": "&",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;"
-}, F = (t) => t == null ? "" : String(t).replace(/[&<>"']/g, (e) => nt[e] ?? e), L = (t) => {
-  if (t instanceof Date) {
-    const e = t.getTime();
-    return Number.isFinite(e) ? e : void 0;
-  }
-  if (typeof t == "number")
-    return Number.isFinite(t) ? t : void 0;
-  if (typeof t == "string") {
-    const e = Number(t);
-    if (Number.isFinite(e))
-      return e;
-    const r = Date.parse(t);
-    if (Number.isFinite(r))
-      return r;
-  }
-}, M = (t, e, r, l) => {
-  const n = L(r), u = L(l);
-  if (n === void 0 && u === void 0)
-    return t;
-  const h = n !== void 0 && u !== void 0 ? Math.min(n, u) : n, i = n !== void 0 && u !== void 0 ? Math.max(n, u) : u;
-  return t.filter((a) => {
-    const o = L(e(a));
-    return o === void 0 ? !0 : !(h !== void 0 && o < h || i !== void 0 && o > i);
-  });
-}, R = (t, e) => {
-  if (e) {
-    if (typeof t == "number" || t instanceof Date)
-      return e(t);
-    const r = L(t);
-    if (r !== void 0)
-      return e(r);
-  }
-  return t == null ? Y : String(t);
-}, V = (t, e) => {
-  const r = typeof t == "number" ? t : Number(t);
-  return Number.isFinite(r) ? e ? e(r) : r.toLocaleString() : Y;
-}, K = ({
-  config: t,
-  key: e,
-  index: r,
-  fallbackLabel: l
-}) => {
-  const n = Object.keys(t), u = e ? t[e] : void 0, h = typeof r == "number" && Number.isFinite(r) && n[r] ? t[n[r]] : void 0, i = u ?? h;
-  return {
-    label: i?.label ?? l ?? e ?? "Series",
-    color: i?.color ?? at
-  };
-}, X = ({ title: t, items: e }) => {
-  if (!e.length)
-    return;
-  const r = t ? `<div class="dashboard-chart-tooltip__title">${F(t)}</div>` : "", l = e.map(
-    (n) => `
-        <div class="dashboard-chart-tooltip__item">
-          <span class="dashboard-chart-tooltip__indicator" style="background: ${F(n.color)}"></span>
-          <span class="dashboard-chart-tooltip__label">${F(n.label)}</span>
-          <span class="dashboard-chart-tooltip__value">${F(n.value)}</span>
-        </div>
-      `
-  ).join("");
-  return `
-    <div class="dashboard-chart-tooltip">
-      ${r}
-      <div class="dashboard-chart-tooltip__items">${l}</div>
-    </div>
-  `;
-}, ct = /* @__PURE__ */ x({
-  __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(t) {
-    const e = t, r = { top: 8, right: 8, bottom: 4, left: 4 }, l = (o) => o[e.xKey], n = y(
-      () => M(e.data, (o) => o[e.xKey], e.rangeStart, e.rangeEnd)
-    ), u = y(() => e.yKeys.map((o) => (s) => s[o])), h = y(
-      () => e.yKeys.map(
-        (o, s) => K({
-          config: e.config,
-          key: String(o),
-          index: s,
-          fallbackLabel: String(o)
-        }).color
-      )
-    ), i = (o) => X({
-      title: R(o[e.xKey], e.xTickFormat),
-      items: e.yKeys.map((s, g) => {
-        const { label: b, color: k } = K({
-          config: e.config,
-          key: String(s),
-          index: g,
-          fallbackLabel: String(s)
-        });
-        return {
-          label: b,
-          color: k,
-          value: V(o[s], e.yTickFormat)
-        };
-      })
-    }), a = (o, s, g, b) => {
-      const k = o ?? (typeof b == "number" ? g[b] : void 0);
-      if (k)
-        return i(k);
-    };
-    return (o, s) => (c(), d(N, { config: t.config }, {
-      default: T(() => [
-        w(f(D), {
-          data: n.value,
-          height: t.height,
-          margin: r
-        }, {
-          default: T(() => [
-            t.showTooltip ? (c(), d(f(C), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8
-            })) : m("", !0),
-            t.showTooltip ? (c(), d(f(z), {
-              key: 1,
-              x: l,
-              y: u.value,
-              color: h.value,
-              template: a
-            }, null, 8, ["y", "color"])) : m("", !0),
-            (c(!0), v($, null, _(u.value, (g, b) => (c(), d(f(G), {
-              key: b,
-              x: l,
-              y: g,
-              color: h.value[b],
-              "curve-type": "monotoneX",
-              "line-width": 2
-            }, null, 8, ["y", "color"]))), 128)),
-            t.showXAxis ? (c(), d(f(A), {
-              key: 2,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": t.numXTicks,
-              "tick-format": t.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : m("", !0),
-            t.showYAxis ? (c(), d(f(A), {
-              key: 3,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": t.showGrid,
-              "num-ticks": t.numYTicks,
-              "tick-format": t.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : m("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        t.showLegend ? (c(), d(E, {
-          key: 0,
-          config: t.config
-        }, null, 8, ["config"])) : m("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-}), st = /* @__PURE__ */ x({
-  __name: "DashboardBarChart",
-  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(t) {
-    const e = t, r = { top: 8, right: 8, bottom: 4, left: 4 }, l = (a) => a[e.xKey], n = y(
-      () => M(e.data, (a) => a[e.xKey], e.rangeStart, e.rangeEnd)
-    ), u = y(() => e.yKeys.map((a) => (o) => o[a])), h = y(
-      () => e.yKeys.map(
-        (a, o) => K({
-          config: e.config,
-          key: String(a),
-          index: o,
-          fallbackLabel: String(a)
-        }).color
-      )
-    ), i = y(() => ({
-      [H.bar]: (a, o) => {
-        if (!e.yKeys.length || o < 0)
-          return null;
-        const s = o % e.yKeys.length, g = e.yKeys[s];
-        if (!g)
-          return null;
-        const { label: b, color: k } = K({
-          config: e.config,
-          key: String(g),
-          index: s,
-          fallbackLabel: String(g)
-        });
-        return X({
-          title: R(a[e.xKey], e.xTickFormat),
-          items: [
-            {
-              label: b,
-              color: k,
-              value: V(a[g], e.yTickFormat)
-            }
-          ]
-        });
-      }
-    }));
-    return (a, o) => (c(), d(N, { config: t.config }, {
-      default: T(() => [
-        w(f(D), {
-          data: n.value,
-          height: t.height,
-          margin: r
-        }, {
-          default: T(() => [
-            t.showTooltip ? (c(), d(f(C), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: i.value
-            }, null, 8, ["triggers"])) : m("", !0),
-            w(f(W), {
-              x: l,
-              y: u.value,
-              color: h.value,
-              "rounded-corners": 4,
-              "bar-padding": 0.2
-            }, null, 8, ["y", "color"]),
-            t.showXAxis ? (c(), d(f(A), {
-              key: 1,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": t.numXTicks,
-              "tick-format": t.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : m("", !0),
-            t.showYAxis ? (c(), d(f(A), {
-              key: 2,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": t.showGrid,
-              "num-ticks": t.numYTicks,
-              "tick-format": t.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : m("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        t.showLegend ? (c(), d(E, {
-          key: 0,
-          config: t.config
-        }, null, 8, ["config"])) : m("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-}), ut = /* @__PURE__ */ x({
-  __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(t) {
-    const e = t, r = (i) => i[e.valueKey], l = y(() => Object.keys(e.config)), n = (i, a) => e.colorKey && i[e.colorKey] ? i[e.colorKey] : l.value[a] ? e.config[l.value[a]].color : void 0, u = (i, a) => {
-      const o = i.label;
-      if (typeof o == "string" && o.trim())
-        return o;
-      const s = l.value[a];
-      return s ? e.config[s]?.label ?? s : `Segment ${a + 1}`;
-    }, h = y(() => ({
-      [q.segment]: (i) => {
-        if (!i?.data)
-          return;
-        const a = i.index ?? 0, o = u(i.data, a), s = l.value[a], { color: g } = K({
-          config: e.config,
-          key: s,
-          index: a,
-          fallbackLabel: o
-        });
-        return X({
-          items: [
-            {
-              label: o,
-              color: n(i.data, a) ?? g,
-              value: V(i.value ?? i.data[e.valueKey], e.valueFormat)
-            }
-          ]
-        });
-      }
-    }));
-    return (i, a) => (c(), d(N, { config: t.config }, {
-      default: T(() => [
-        w(f(I), {
-          data: t.data,
-          height: t.height
-        }, {
-          default: T(() => [
-            w(f(U), {
-              value: r,
-              color: n,
-              "arc-width": t.arcWidth,
-              "corner-radius": t.cornerRadius,
-              "pad-angle": 0.02,
-              "central-label": t.centralLabel,
-              "central-sub-label": t.centralSubLabel
-            }, null, 8, ["arc-width", "corner-radius", "central-label", "central-sub-label"]),
-            t.showTooltip ? (c(), d(f(C), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: h.value
-            }, null, 8, ["triggers"])) : m("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        t.showLegend ? (c(), d(E, {
-          key: 0,
-          config: t.config
-        }, null, 8, ["config"])) : m("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  N as _,
-  E as a,
-  lt as b,
-  st as c,
-  ut as d,
-  ct as e
-};

package/dist/chunks/DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js","sources":["../../shell/dashboard/dashboard-charts/ChartContainer.vue","../../shell/dashboard/dashboard-charts/ChartTooltip.vue","../../shell/dashboard/dashboard-charts/ChartLegend.vue","../../shell/dashboard/dashboard-charts/chart-utils.ts","../../shell/dashboard/dashboard-charts/DashboardLineChart.vue","../../shell/dashboard/dashboard-charts/DashboardBarChart.vue","../../shell/dashboard/dashboard-charts/DashboardDonutChart.vue"],"sourcesContent":["<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"dashboard-chart-container\"\n    :style=\"cssVars\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport type { ChartConfig } from \"./types\";\n\nexport interface Props {\n  config: ChartConfig;\n}\n\nconst props = defineProps<Props>();\n\nconst containerRef = ref<HTMLElement>();\n\nconst cssVars = computed(() => {\n  const vars: Record<string, string> = {};\n  const keys = Object.keys(props.config);\n  keys.forEach((key, index) => {\n    const item = props.config[key];\n    if (item.color) {\n      vars[`--vis-color${index}`] = item.color;\n    }\n  });\n  return vars;\n});\n\ndefineSlots<{\n  default: (props: any) => any;\n}>();\n</script>\n\n<style lang=\"scss\">\n@use \"./chart-theme\";\n\n.dashboard-chart-container {\n  @apply tw-w-full tw-h-full tw-min-h-0;\n\n  // Force Unovis host tooltip container to stay transparent.\n  --vis-tooltip-padding: 0;\n  --vis-tooltip-border-color: transparent;\n  --vis-tooltip-background-color: transparent;\n  --vis-tooltip-box-shadow: none;\n  --vis-tooltip-backdrop-filter: none;\n}\n</style>\n","<template>\n  <div class=\"dashboard-chart-tooltip\">\n    <div\n      v-if=\"title\"\n      class=\"dashboard-chart-tooltip__title\"\n    >\n      {{ title }}\n    </div>\n    <div class=\"dashboard-chart-tooltip__items\">\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"dashboard-chart-tooltip__item\"\n      >\n        <span\n          class=\"dashboard-chart-tooltip__indicator\"\n          :style=\"{ background: item.color }\"\n        />\n        <span class=\"dashboard-chart-tooltip__label\">{{ item.label }}</span>\n        <span class=\"dashboard-chart-tooltip__value\">{{ item.value }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nexport interface TooltipItem {\n  label: string;\n  value: string | number;\n  color: string;\n}\n\nexport interface Props {\n  title?: string;\n  items: TooltipItem[];\n}\n\ndefineProps<Props>();\n</script>\n\n<style lang=\"scss\">\n@use \"./chart-tooltip\";\n</style>\n","<template>\n  <div class=\"dashboard-chart-legend\">\n    <div\n      v-for=\"(item, key) in config\"\n      :key=\"key\"\n      class=\"dashboard-chart-legend__item\"\n    >\n      <span\n        class=\"dashboard-chart-legend__indicator\"\n        :style=\"{ background: item.color }\"\n      />\n      <span class=\"dashboard-chart-legend__label\">{{ item.label }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { ChartConfig } from \"./types\";\n\nexport interface Props {\n  config: ChartConfig;\n}\n\ndefineProps<Props>();\n</script>\n\n<style lang=\"scss\">\n.dashboard-chart-legend {\n  @apply tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-4 tw-gap-y-1 tw-px-3 tw-py-2;\n\n  &__item {\n    @apply tw-flex tw-items-center tw-gap-1.5 tw-text-xs;\n    color: var(--neutrals-600);\n  }\n\n  &__indicator {\n    @apply tw-w-2 tw-h-2 tw-rounded-full tw-flex-shrink-0;\n  }\n}\n</style>\n","import type { ChartConfig } from \"./types\";\n\nexport type ChartRangeValue = number | string | Date;\n\nexport interface ChartTooltipItem {\n  label: string;\n  value: string | number;\n  color: string;\n}\n\ninterface BuildChartTooltipOptions {\n  title?: string;\n  items: ChartTooltipItem[];\n}\n\ninterface ResolveSeriesMetaOptions {\n  config: ChartConfig;\n  key?: string;\n  index?: number;\n  fallbackLabel?: string;\n}\n\nconst DEFAULT_COLOR = \"var(--primary-500)\";\nconst FALLBACK_TEXT = \"-\";\n\nconst escapeMap: Record<string, string> = {\n  \"&\": \"&amp;\",\n  \"<\": \"&lt;\",\n  \">\": \"&gt;\",\n  '\"': \"&quot;\",\n  \"'\": \"&#39;\",\n};\n\nexport const escapeHtml = (value: string | number | null | undefined): string => {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n  return String(value).replace(/[&<>\"']/g, (char) => escapeMap[char] ?? char);\n};\n\nexport const normalizeRangeValue = (value: unknown): number | undefined => {\n  if (value instanceof Date) {\n    const timestamp = value.getTime();\n    return Number.isFinite(timestamp) ? timestamp : undefined;\n  }\n\n  if (typeof value === \"number\") {\n    return Number.isFinite(value) ? value : undefined;\n  }\n\n  if (typeof value === \"string\") {\n    const numericValue = Number(value);\n    if (Number.isFinite(numericValue)) {\n      return numericValue;\n    }\n\n    const timestamp = Date.parse(value);\n    if (Number.isFinite(timestamp)) {\n      return timestamp;\n    }\n  }\n\n  return undefined;\n};\n\nexport const filterDataByRange = <T>(\n  data: T[],\n  accessor: (datum: T) => unknown,\n  rangeStart?: ChartRangeValue,\n  rangeEnd?: ChartRangeValue,\n): T[] => {\n  const start = normalizeRangeValue(rangeStart);\n  const end = normalizeRangeValue(rangeEnd);\n\n  if (start === undefined && end === undefined) {\n    return data;\n  }\n\n  const min = start !== undefined && end !== undefined ? Math.min(start, end) : start;\n  const max = start !== undefined && end !== undefined ? Math.max(start, end) : end;\n\n  return data.filter((datum) => {\n    const comparable = normalizeRangeValue(accessor(datum));\n    if (comparable === undefined) {\n      return true;\n    }\n\n    if (min !== undefined && comparable < min) {\n      return false;\n    }\n\n    if (max !== undefined && comparable > max) {\n      return false;\n    }\n\n    return true;\n  });\n};\n\nexport const formatAxisValue = (value: unknown, formatter?: (value: number | Date) => string): string => {\n  if (formatter) {\n    if (typeof value === \"number\" || value instanceof Date) {\n      return formatter(value);\n    }\n\n    const comparable = normalizeRangeValue(value);\n    if (comparable !== undefined) {\n      return formatter(comparable);\n    }\n  }\n\n  if (value === null || value === undefined) {\n    return FALLBACK_TEXT;\n  }\n\n  return String(value);\n};\n\nexport const formatNumericValue = (value: unknown, formatter?: (value: number) => string): string => {\n  const numericValue = typeof value === \"number\" ? value : Number(value);\n\n  if (!Number.isFinite(numericValue)) {\n    return FALLBACK_TEXT;\n  }\n\n  if (formatter) {\n    return formatter(numericValue);\n  }\n\n  return numericValue.toLocaleString();\n};\n\nexport const resolveSeriesMeta = ({\n  config,\n  key,\n  index,\n  fallbackLabel,\n}: ResolveSeriesMetaOptions): { label: string; color: string } => {\n  const configKeys = Object.keys(config);\n  const keyItem = key ? config[key] : undefined;\n  const indexItem =\n    typeof index === \"number\" && Number.isFinite(index) && configKeys[index] ? config[configKeys[index]] : undefined;\n  const item = keyItem ?? indexItem;\n\n  return {\n    label: item?.label ?? fallbackLabel ?? key ?? \"Series\",\n    color: item?.color ?? DEFAULT_COLOR,\n  };\n};\n\nexport const buildChartTooltipHtml = ({ title, items }: BuildChartTooltipOptions): string | undefined => {\n  if (!items.length) {\n    return undefined;\n  }\n\n  const titleMarkup = title ? `<div class=\"dashboard-chart-tooltip__title\">${escapeHtml(title)}</div>` : \"\";\n\n  const itemsMarkup = items\n    .map(\n      (item) => `\n        <div class=\"dashboard-chart-tooltip__item\">\n          <span class=\"dashboard-chart-tooltip__indicator\" style=\"background: ${escapeHtml(item.color)}\"></span>\n          <span class=\"dashboard-chart-tooltip__label\">${escapeHtml(item.label)}</span>\n          <span class=\"dashboard-chart-tooltip__value\">${escapeHtml(item.value)}</span>\n        </div>\n      `,\n    )\n    .join(\"\");\n\n  return `\n    <div class=\"dashboard-chart-tooltip\">\n      ${titleMarkup}\n      <div class=\"dashboard-chart-tooltip__items\">${itemsMarkup}</div>\n    </div>\n  `;\n};\n","<template>\n  <ChartContainer :config=\"config\">\n    <VisXYContainer\n      :data=\"filteredData\"\n      :height=\"height\"\n      :margin=\"margin\"\n    >\n      <VisTooltip\n        v-if=\"showTooltip\"\n        :allow-hover=\"true\"\n        class-name=\"dashboard-chart-tooltip-host\"\n        :vertical-shift=\"8\"\n      />\n      <VisCrosshair\n        v-if=\"showTooltip\"\n        :x=\"xAccessor\"\n        :y=\"yAccessors\"\n        :color=\"colors\"\n        :template=\"crosshairTooltipTemplate\"\n      />\n      <VisLine\n        v-for=\"(accessor, index) in yAccessors\"\n        :key=\"index\"\n        :x=\"xAccessor\"\n        :y=\"accessor\"\n        :color=\"colors[index]\"\n        curve-type=\"monotoneX\"\n        :line-width=\"2\"\n      />\n      <VisAxis\n        v-if=\"showXAxis\"\n        type=\"x\"\n        :tick-line=\"false\"\n        :domain-line=\"false\"\n        :grid-line=\"false\"\n        :num-ticks=\"numXTicks\"\n        :tick-format=\"xTickFormat\"\n      />\n      <VisAxis\n        v-if=\"showYAxis\"\n        type=\"y\"\n        :tick-line=\"false\"\n        :domain-line=\"false\"\n        :grid-line=\"showGrid\"\n        :num-ticks=\"numYTicks\"\n        :tick-format=\"yTickFormat\"\n      />\n    </VisXYContainer>\n    <ChartLegend\n      v-if=\"showLegend\"\n      :config=\"config\"\n    />\n  </ChartContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed } from \"vue\";\nimport { VisXYContainer, VisLine, VisAxis, VisTooltip, VisCrosshair } from \"@unovis/vue\";\nimport ChartContainer from \"./ChartContainer.vue\";\nimport ChartLegend from \"./ChartLegend.vue\";\nimport type { ChartConfig } from \"./types\";\nimport type { ChartRangeValue } from \"./chart-utils\";\nimport {\n  buildChartTooltipHtml,\n  filterDataByRange,\n  formatAxisValue,\n  formatNumericValue,\n  resolveSeriesMeta,\n} from \"./chart-utils\";\n\nexport interface Props<T> {\n  data: T[];\n  config: ChartConfig;\n  xKey: keyof T;\n  yKeys: (keyof T)[];\n  height?: number;\n  showTooltip?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  showGrid?: boolean;\n  showLegend?: boolean;\n  numXTicks?: number;\n  numYTicks?: number;\n  rangeStart?: ChartRangeValue;\n  rangeEnd?: ChartRangeValue;\n  xTickFormat?: (value: number | Date) => string;\n  yTickFormat?: (value: number) => string;\n}\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n  height: undefined,\n  showTooltip: true,\n  showXAxis: true,\n  showYAxis: true,\n  showGrid: true,\n  showLegend: true,\n  numXTicks: undefined,\n  numYTicks: 5,\n  rangeStart: undefined,\n  rangeEnd: undefined,\n  xTickFormat: undefined,\n  yTickFormat: undefined,\n});\n\nconst margin = { top: 8, right: 8, bottom: 4, left: 4 };\n\nconst xAccessor = (d: T) => d[props.xKey] as number;\n\nconst filteredData = computed(() =>\n  filterDataByRange(props.data, (datum) => datum[props.xKey], props.rangeStart, props.rangeEnd),\n);\n\nconst yAccessors = computed(() => props.yKeys.map((key) => (d: T) => d[key] as number));\n\nconst colors = computed(() =>\n  props.yKeys.map(\n    (key, index) =>\n      resolveSeriesMeta({\n        config: props.config,\n        key: String(key),\n        index,\n        fallbackLabel: String(key),\n      }).color,\n  ),\n);\n\nconst buildTooltipMarkup = (datum: T): string | undefined =>\n  buildChartTooltipHtml({\n    title: formatAxisValue(datum[props.xKey], props.xTickFormat),\n    items: props.yKeys.map((key, index) => {\n      const { label, color } = resolveSeriesMeta({\n        config: props.config,\n        key: String(key),\n        index,\n        fallbackLabel: String(key),\n      });\n\n      return {\n        label,\n        color,\n        value: formatNumericValue(datum[key], props.yTickFormat),\n      };\n    }),\n  });\n\nconst crosshairTooltipTemplate = (\n  datum: T | undefined,\n  _xValue: number | Date,\n  allData: T[],\n  leftNearestDatumIndex?: number,\n): string | undefined => {\n  const activeDatum = datum ?? (typeof leftNearestDatumIndex === \"number\" ? allData[leftNearestDatumIndex] : undefined);\n\n  if (!activeDatum) {\n    return undefined;\n  }\n\n  return buildTooltipMarkup(activeDatum);\n};\n</script>\n","<template>\n  <ChartContainer :config=\"config\">\n    <VisXYContainer\n      :data=\"filteredData\"\n      :height=\"height\"\n      :margin=\"margin\"\n    >\n      <VisTooltip\n        v-if=\"showTooltip\"\n        :allow-hover=\"true\"\n        class-name=\"dashboard-chart-tooltip-host\"\n        :vertical-shift=\"8\"\n        :triggers=\"barTooltipTriggers\"\n      />\n      <VisGroupedBar\n        :x=\"xAccessor\"\n        :y=\"yAccessors\"\n        :color=\"colors\"\n        :rounded-corners=\"4\"\n        :bar-padding=\"0.2\"\n      />\n      <VisAxis\n        v-if=\"showXAxis\"\n        type=\"x\"\n        :tick-line=\"false\"\n        :domain-line=\"false\"\n        :grid-line=\"false\"\n        :num-ticks=\"numXTicks\"\n        :tick-format=\"xTickFormat\"\n      />\n      <VisAxis\n        v-if=\"showYAxis\"\n        type=\"y\"\n        :tick-line=\"false\"\n        :domain-line=\"false\"\n        :grid-line=\"showGrid\"\n        :num-ticks=\"numYTicks\"\n        :tick-format=\"yTickFormat\"\n      />\n    </VisXYContainer>\n    <ChartLegend\n      v-if=\"showLegend\"\n      :config=\"config\"\n    />\n  </ChartContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed } from \"vue\";\nimport { VisXYContainer, VisGroupedBar, VisAxis, VisTooltip, VisGroupedBarSelectors } from \"@unovis/vue\";\nimport ChartContainer from \"./ChartContainer.vue\";\nimport ChartLegend from \"./ChartLegend.vue\";\nimport type { ChartConfig } from \"./types\";\nimport type { ChartRangeValue } from \"./chart-utils\";\nimport {\n  buildChartTooltipHtml,\n  filterDataByRange,\n  formatAxisValue,\n  formatNumericValue,\n  resolveSeriesMeta,\n} from \"./chart-utils\";\n\nexport interface Props<T> {\n  data: T[];\n  config: ChartConfig;\n  xKey: keyof T;\n  yKeys: (keyof T)[];\n  height?: number;\n  showTooltip?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  showGrid?: boolean;\n  showLegend?: boolean;\n  numXTicks?: number;\n  numYTicks?: number;\n  rangeStart?: ChartRangeValue;\n  rangeEnd?: ChartRangeValue;\n  xTickFormat?: (value: number | Date) => string;\n  yTickFormat?: (value: number) => string;\n}\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n  height: undefined,\n  showTooltip: true,\n  showXAxis: true,\n  showYAxis: true,\n  showGrid: true,\n  showLegend: true,\n  numXTicks: undefined,\n  numYTicks: 5,\n  rangeStart: undefined,\n  rangeEnd: undefined,\n  xTickFormat: undefined,\n  yTickFormat: undefined,\n});\n\nconst margin = { top: 8, right: 8, bottom: 4, left: 4 };\n\nconst xAccessor = (d: T) => d[props.xKey] as number;\n\nconst filteredData = computed(() =>\n  filterDataByRange(props.data, (datum) => datum[props.xKey], props.rangeStart, props.rangeEnd),\n);\n\nconst yAccessors = computed(() => props.yKeys.map((key) => (d: T) => d[key] as number));\n\nconst colors = computed(() =>\n  props.yKeys.map(\n    (key, index) =>\n      resolveSeriesMeta({\n        config: props.config,\n        key: String(key),\n        index,\n        fallbackLabel: String(key),\n      }).color,\n  ),\n);\n\nconst barTooltipTriggers = computed(() => ({\n  [VisGroupedBarSelectors.bar]: (datum: T, seriesIndex: number): string | null | undefined => {\n    if (!props.yKeys.length || seriesIndex < 0) {\n      return null;\n    }\n\n    const normalizedSeriesIndex = seriesIndex % props.yKeys.length;\n    const seriesKey = props.yKeys[normalizedSeriesIndex];\n    if (!seriesKey) {\n      return null;\n    }\n\n    const { label, color } = resolveSeriesMeta({\n      config: props.config,\n      key: String(seriesKey),\n      index: normalizedSeriesIndex,\n      fallbackLabel: String(seriesKey),\n    });\n\n    return buildChartTooltipHtml({\n      title: formatAxisValue(datum[props.xKey], props.xTickFormat),\n      items: [\n        {\n          label,\n          color,\n          value: formatNumericValue(datum[seriesKey], props.yTickFormat),\n        },\n      ],\n    });\n  },\n}));\n</script>\n","<template>\n  <ChartContainer :config=\"config\">\n    <VisSingleContainer\n      :data=\"data\"\n      :height=\"height\"\n    >\n      <VisDonut\n        :value=\"valueAccessor\"\n        :color=\"colorAccessor\"\n        :arc-width=\"arcWidth\"\n        :corner-radius=\"cornerRadius\"\n        :pad-angle=\"0.02\"\n        :central-label=\"centralLabel\"\n        :central-sub-label=\"centralSubLabel\"\n      />\n      <VisTooltip\n        v-if=\"showTooltip\"\n        :allow-hover=\"true\"\n        class-name=\"dashboard-chart-tooltip-host\"\n        :vertical-shift=\"8\"\n        :triggers=\"donutTooltipTriggers\"\n      />\n    </VisSingleContainer>\n    <ChartLegend\n      v-if=\"showLegend\"\n      :config=\"config\"\n    />\n  </ChartContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed } from \"vue\";\nimport { VisSingleContainer, VisDonut, VisTooltip, VisDonutSelectors } from \"@unovis/vue\";\nimport ChartContainer from \"./ChartContainer.vue\";\nimport ChartLegend from \"./ChartLegend.vue\";\nimport type { ChartConfig } from \"./types\";\nimport { buildChartTooltipHtml, formatNumericValue, resolveSeriesMeta } from \"./chart-utils\";\n\ninterface DonutSegmentDatum {\n  data: T;\n  index: number;\n  value: number;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    data: T[];\n    config: ChartConfig;\n    valueKey: keyof T;\n    colorKey?: keyof T;\n    height?: number;\n    arcWidth?: number;\n    cornerRadius?: number;\n    showTooltip?: boolean;\n    showLegend?: boolean;\n    centralLabel?: string;\n    centralSubLabel?: string;\n    valueFormat?: (value: number) => string;\n  }>(),\n  {\n    colorKey: undefined,\n    height: undefined,\n    arcWidth: 60,\n    cornerRadius: 4,\n    showTooltip: true,\n    showLegend: true,\n    centralLabel: undefined,\n    centralSubLabel: undefined,\n    valueFormat: undefined,\n  },\n);\n\nconst valueAccessor = (d: T) => d[props.valueKey] as number;\nconst configKeys = computed(() => Object.keys(props.config));\n\nconst colorAccessor = (d: T, index: number) => {\n  if (props.colorKey && d[props.colorKey]) {\n    return d[props.colorKey] as string;\n  }\n  return configKeys.value[index] ? props.config[configKeys.value[index]].color : undefined;\n};\n\nconst getSegmentLabel = (datum: T, index: number): string => {\n  const datumLabel = (datum as Record<string, unknown>).label;\n  if (typeof datumLabel === \"string\" && datumLabel.trim()) {\n    return datumLabel;\n  }\n\n  const configKey = configKeys.value[index];\n  if (configKey) {\n    return props.config[configKey]?.label ?? configKey;\n  }\n\n  return `Segment ${index + 1}`;\n};\n\nconst donutTooltipTriggers = computed(() => ({\n  [VisDonutSelectors.segment]: (segmentDatum: DonutSegmentDatum): string | undefined => {\n    if (!segmentDatum?.data) {\n      return undefined;\n    }\n\n    const index = segmentDatum.index ?? 0;\n    const label = getSegmentLabel(segmentDatum.data, index);\n    const configKey = configKeys.value[index];\n    const { color } = resolveSeriesMeta({\n      config: props.config,\n      key: configKey,\n      index,\n      fallbackLabel: label,\n    });\n\n    return buildChartTooltipHtml({\n      items: [\n        {\n          label,\n          color: colorAccessor(segmentDatum.data, index) ?? color,\n          value: formatNumericValue(segmentDatum.value ?? segmentDatum.data[props.valueKey], props.valueFormat),\n        },\n      ],\n    });\n  },\n}));\n</script>\n"],"names":["props","__props","containerRef","ref","cssVars","computed","vars","key","index","item","_createElementBlock","_renderSlot","_ctx","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_createElementVNode","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_hoisted_4","_hoisted_5","DEFAULT_COLOR","FALLBACK_TEXT","escapeMap","escapeHtml","value","char","normalizeRangeValue","timestamp","numericValue","filterDataByRange","data","accessor","rangeStart","rangeEnd","start","end","min","max","datum","comparable","formatAxisValue","formatter","formatNumericValue","resolveSeriesMeta","config","fallbackLabel","configKeys","keyItem","indexItem","buildChartTooltipHtml","title","items","titleMarkup","itemsMarkup","margin","xAccessor","d","filteredData","yAccessors","colors","buildTooltipMarkup","label","color","crosshairTooltipTemplate","_xValue","allData","leftNearestDatumIndex","activeDatum","_createBlock","ChartContainer","_createVNode","_unref","VisXYContainer","VisTooltip","VisCrosshair","VisLine","VisAxis","ChartLegend","barTooltipTriggers","VisGroupedBarSelectors","seriesIndex","normalizedSeriesIndex","seriesKey","VisGroupedBar","valueAccessor","colorAccessor","getSegmentLabel","datumLabel","configKey","donutTooltipTriggers","VisDonutSelectors","segmentDatum","VisSingleContainer","VisDonut"],"mappings":"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"}