@stachelock/ui 0.5.5 → 0.6.2

package/dist/charts/BaseChart.js

@@ -1,28 +1,12 @@
-import { createElementBlock as d, openBlock as r, createElementVNode as s, defineComponent as b, ref as u, computed as l, onMounted as A, provide as D, normalizeStyle as S, normalizeClass as L, createBlock as f, unref as O, resolveDynamicComponent as T, toDisplayString as g } from "vue";
-import M from "vue-echarts";
-import { use as V } from "echarts/core";
-import { CanvasRenderer as Z } from "echarts/renderers";
-import { LineChart as I, BarChart as R, PieChart as j, FunnelChart as E, ScatterChart as N } from "echarts/charts";
-import { TitleComponent as $, TooltipComponent as F, LegendComponent as G, GridComponent as P, DataZoomComponent as q } from "echarts/components";
+import { defineComponent as b, ref as h, computed as r, onMounted as D, provide as S, createElementBlock as p, openBlock as l, normalizeStyle as A, normalizeClass as L, createBlock as u, unref as O, createElementVNode as c, resolveDynamicComponent as T, toDisplayString as f } from "vue";
+import I from "vue-echarts";
+import { use as R } from "echarts/core";
+import { CanvasRenderer as E } from "echarts/renderers";
+import { LineChart as N, BarChart as V, PieChart as $, FunnelChart as j, ScatterChart as F } from "echarts/charts";
+import { TitleComponent as G, TooltipComponent as M, LegendComponent as P, GridComponent as Z, DataZoomComponent as q } from "echarts/components";
 import { chartColors as H, baseTheme as i } from "./chartTheme.js";
-import { _ as J } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-function K(o, h) {
-  return r(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    s("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"
-    })
-  ]);
-}
+import { ChartBarIcon as J } from "@heroicons/vue/24/outline";
+import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const Q = {
   key: 1,
   class: "sl-flex sl-items-center sl-justify-center sl-h-full"
@@ -39,45 +23,45 @@ const Q = {
     theme: { default: "light" },
     emptyTitle: { default: "No data available" },
     emptyDescription: { default: "Data will appear here once available." },
-    emptyIcon: { default: () => K }
+    emptyIcon: { default: () => J }
   },
   emits: ["click", "legendselectchanged", "ready"],
-  setup(o, { expose: h, emit: y }) {
-    V([
-      Z,
-      I,
-      R,
-      j,
+  setup(o, { expose: g, emit: y }) {
+    R([
       E,
       N,
+      V,
       $,
+      j,
       F,
       G,
+      M,
       P,
+      Z,
       q
     ]);
-    const e = o, c = y, C = u(null), a = u(null), v = l(() => ({
+    const e = o, s = y, C = h(null), a = h(null), x = r(() => ({
       height: typeof e.height == "number" ? `${e.height}px` : e.height,
       width: typeof e.width == "number" ? `${e.width}px` : e.width
-    })), x = l(() => ({
+    })), v = r(() => ({
       text: "Loading...",
       color: H.primary[0],
       textColor: "#6b7280",
       maskColor: "rgba(255, 255, 255, 0.8)",
       ...e.loadingOptions
-    })), k = l(() => {
+    })), k = r(() => {
       const t = e.option;
       if (!t) return !1;
       const n = t.series;
       if (!n) return !1;
       if (Array.isArray(n))
         return n.some((z) => {
-          const p = z.data;
-          return Array.isArray(p) && p.length > 0;
+          const m = z.data;
+          return Array.isArray(m) && m.length > 0;
         });
-      const m = n.data;
-      return Array.isArray(m) && m.length > 0;
-    }), w = l(() => ({
+      const d = n.data;
+      return Array.isArray(d) && d.length > 0;
+    }), B = r(() => ({
       ...i,
       ...e.option,
       textStyle: {
@@ -93,43 +77,42 @@ const Q = {
         ...e.option?.grid || {}
       }
     })), _ = (t) => {
-      c("click", t);
-    }, B = (t) => {
-      c("legendselectchanged", t);
+      s("click", t);
+    }, w = (t) => {
+      s("legendselectchanged", t);
     };
-    return h({
+    return g({
       getChart: () => a.value?.chart,
       resize: () => a.value?.resize(),
       setOption: (t) => a.value?.setOption(t)
-    }), A(() => {
-      a.value?.chart && c("ready", a.value.chart);
-    }), D("chartTheme", e.theme), (t, n) => (r(), d("div", {
+    }), D(() => {
+      a.value?.chart && s("ready", a.value.chart);
+    }), S("chartTheme", e.theme), (t, n) => (l(), p("div", {
       ref_key: "chartContainer",
       ref: C,
       class: L(o.containerClass),
-      style: S(v.value)
+      style: A(x.value)
     }, [
-      k.value ? (r(), f(O(M), {
+      k.value ? (l(), u(O(I), {
         key: 0,
         ref_key: "chartRef",
         ref: a,
-        option: w.value,
+        option: B.value,
         autoresize: o.autoresize,
         loading: o.loading,
-        "loading-options": x.value,
+        "loading-options": v.value,
         onClick: _,
-        onLegendselectchanged: B
-      }, null, 8, ["option", "autoresize", "loading", "loading-options"])) : (r(), d("div", Q, [
-        s("div", U, [
-          (r(), f(T(o.emptyIcon), { class: "sl-mx-auto sl-h-12 sl-w-12 sl-text-gray-300 dark:sl-text-slate-600" })),
-          s("h3", W, g(o.emptyTitle), 1),
-          s("p", X, g(o.emptyDescription), 1)
+        onLegendselectchanged: w
+      }, null, 8, ["option", "autoresize", "loading", "loading-options"])) : (l(), p("div", Q, [
+        c("div", U, [
+          (l(), u(T(o.emptyIcon), { class: "sl-mx-auto sl-h-12 sl-w-12 sl-text-gray-300 dark:sl-text-slate-600" })),
+          c("h3", W, f(o.emptyTitle), 1),
+          c("p", X, f(o.emptyDescription), 1)
         ])
       ]))
     ], 6));
   }
-}), se = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-7a9624c5"]]);
+}), ce = /* @__PURE__ */ K(Y, [["__scopeId", "data-v-7a9624c5"]]);
 export {
-  se as default
+  ce as default
 };
-//# sourceMappingURL=BaseChart.js.map

package/dist/charts/FunnelChart.js

@@ -2,4 +2,3 @@ import { _ as f } from "../FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6
 export {
   f as default
 };
-//# sourceMappingURL=FunnelChart.js.map

package/dist/charts/LineChart.js

@@ -2,4 +2,3 @@ import { _ as f } from "../LineChart.vue_vue_type_script_setup_true_lang-DJo0edL
 export {
   f as default
 };
-//# sourceMappingURL=LineChart.js.map

package/dist/charts/PieChart.js

@@ -2,4 +2,3 @@ import { _ as f } from "../PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4
 export {
   f as default
 };
-//# sourceMappingURL=PieChart.js.map

package/dist/charts/SparklineChart.js

@@ -2,4 +2,3 @@ import { _ as f } from "../SparklineChart.vue_vue_type_script_setup_true_lang-Bl
 export {
   f as default
 };
-//# sourceMappingURL=SparklineChart.js.map

package/dist/charts/StatCard.js

@@ -1,5 +1,4 @@
-import { _ as f } from "../StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js";
+import { _ as f } from "../StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
 export {
   f as default
 };
-//# sourceMappingURL=StatCard.js.map

package/dist/charts/chartTheme.js

@@ -251,4 +251,3 @@ export {
   c as stachelockColors,
   f as toRgba
 };
-//# sourceMappingURL=chartTheme.js.map

package/dist/charts/index.js

@@ -4,7 +4,7 @@ import { _ as f } from "../FunnelChart.vue_vue_type_script_setup_true_lang-B4pH6
 import { _ as n } from "../LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js";
 import { _ as i } from "../PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js";
 import { _ as s } from "../SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
-import { _ as x } from "../StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js";
+import { _ as x } from "../StatCard.vue_vue_type_script_setup_true_lang-B5SuaSXL.js";
 import { areaChartConfig as _, barChartConfig as b, baseTheme as c, chartColors as u, chartTypography as d, formatDuration as T, formatNumber as k, formatPercentage as y, funnelChartConfig as B, getAreaGradient as P, hexToRgb as R, lineChartConfig as S, pieChartConfig as A, stachelockColors as D, toRgba as F } from "./chartTheme.js";
 export {
   o as BarChart,
@@ -30,4 +30,3 @@ export {
   D as stachelockColors,
   F as toRgba
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Avatar.js

@@ -2,4 +2,3 @@ import { _ as f } from "../UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL
 export {
   f as default
 };
-//# sourceMappingURL=Avatar.js.map

package/dist/components/Badge.js

@@ -2,4 +2,3 @@ import { _ as f } from "../UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.
 export {
   f as default
 };
-//# sourceMappingURL=Badge.js.map