@wikicasa-dev/components 1.6.6 → 1.6.7

package/dist/DoughnutChart.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.COJ2g3Ru.js";
+import { _ as f } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
 export {
   f as default
 };

package/dist/LineChart.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Xxk1Ei4U.js";
+import { _ as f } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
 export {
   f as default
 };

package/dist/chart/composables/useChartjsModules.d.ts

@@ -1,7 +1,10 @@
 import type { ChartOptions } from "chart.js";
 export declare const useChartJsModules: <T extends keyof import("chart.js").ChartTypeRegistry = keyof import("chart.js").ChartTypeRegistry>(options: ChartOptions<T>) => {
+    registerTitle: () => Promise<void>;
+    registerLegend: () => Promise<void>;
     registerTooltip: () => Promise<void>;
     registerTimeCartesianAxis: () => Promise<void>;
-    registerModules: (...args: Promise<unknown>[]) => Promise<void>;
+    executeRegistration: (...args: (() => Promise<unknown>)[]) => Promise<void>;
+    registerPlugins: () => Promise<void>;
     resolved: import("vue").Ref<boolean>;
 };

package/dist/chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js

@@ -0,0 +1,27 @@
+import { defineComponent as i, onBeforeMount as p, unref as t, openBlock as u, createBlock as m, createCommentVNode as c } from "vue";
+import { Doughnut as l } from "vue-chartjs";
+import { Chart as d, DoughnutController as f, ArcElement as g } from "chart.js";
+import { useChartJsModules as h } from "../useChartjsModules.js";
+const y = /* @__PURE__ */ i({
+  __name: "DoughnutChart",
+  props: {
+    options: {},
+    data: {}
+  },
+  setup(e) {
+    d.register(f, g);
+    const r = e, { registerPlugins: n, resolved: s, executeRegistration: a } = h(
+      r.options
+    );
+    return p(async () => {
+      await a(n);
+    }), (o, C) => t(s) ? (u(), m(t(l), {
+      key: 0,
+      options: o.options,
+      data: o.data
+    }, null, 8, ["options", "data"])) : c("", !0);
+  }
+});
+export {
+  y as _
+};

package/dist/chunks/{LineChart.vue_vue_type_script_setup_true_lang.Xxk1Ei4U.js → LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js}

@@ -1,8 +1,8 @@
-import { defineComponent as p, onBeforeMount as m, unref as o, openBlock as l, createBlock as c, createCommentVNode as u } from "vue";
+import { defineComponent as p, onBeforeMount as m, unref as o, openBlock as c, createBlock as l, createCommentVNode as u } from "vue";
 import { Line as d } from "vue-chartjs";
 import { Chart as f, LineController as C, LineElement as g, PointElement as L, CategoryScale as _, LinearScale as h } from "chart.js";
 import { useChartJsModules as k } from "../useChartjsModules.js";
-const T = /* @__PURE__ */ p({
+const P = /* @__PURE__ */ p({
   __name: "LineChart",
   props: {
     options: {},
@@ -17,14 +17,14 @@ const T = /* @__PURE__ */ p({
       h
     );
     const r = t, {
-      registerTooltip: n,
-      registerTimeCartesianAxis: i,
-      registerModules: s,
-      resolved: a
+      registerPlugins: n,
+      registerTimeCartesianAxis: a,
+      executeRegistration: i,
+      resolved: s
     } = k(r.options);
     return m(async () => {
-      s(n(), i());
-    }), (e, y) => o(a) ? (l(), c(o(d), {
+      await i(n, a);
+    }), (e, y) => o(s) ? (c(), l(o(d), {
       key: 0,
       options: e.options,
       data: e.data
@@ -32,5 +32,5 @@ const T = /* @__PURE__ */ p({
   }
 });
 export {
-  T as _
+  P as _
 };

package/dist/index.js

@@ -30,8 +30,8 @@ import { default as ae } from "./BaseTooltip.js";
 import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.1Uo4HnFM.js";
 import { default as fe } from "./BaseModal.js";
 import { default as me } from "./BaseSnackbar.js";
-import { _ as le } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.COJ2g3Ru.js";
-import { _ as de } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Xxk1Ei4U.js";
+import { _ as le } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
+import { _ as de } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
 import { _ as ne } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
 import { _ as ie } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
 import { _ as be } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CBBHq8Cf.js";

package/dist/useChartjsModules.js

@@ -1,36 +1,53 @@
-import { computed as i, ref as c } from "vue";
-import { Chart as s } from "chart.js";
-const f = (t) => {
+import { computed as i, ref as w } from "vue";
+import { Chart as r } from "chart.js";
+const y = (t) => {
   if (!t)
     throw Error("Options must be defined");
-  const o = i(
+  const c = i(
     () => !!t.plugins?.tooltip
-  ), a = i(
+  ), u = i(
     () => t.scales?.x?.type === "time"
-  ), l = async () => {
-    if (!o.value)
+  ), g = i(() => !!t.plugins?.title), m = i(
+    () => !!t.plugins?.legend
+  ), a = async () => {
+    if (!c.value)
       return;
     const { Tooltip: e } = await import("chart.js");
-    s.register(e);
-  }, n = async () => {
-    if (!a.value)
+    r.register(e);
+  }, p = async () => {
+    if (!u.value)
       return;
-    const [e, m] = await Promise.all([
+    const [e, s] = await Promise.all([
       //@ts-ignore
       import("chartjs-adapter-date-fns"),
       import("chart.js")
     ]);
-    s.register(m.TimeScale);
-  }, r = c(!1);
+    r.register(s.TimeScale);
+  }, n = async () => {
+    if (!g.value)
+      return;
+    const { Title: e } = await import("chart.js");
+    r.register(e);
+  }, o = async () => {
+    if (!m.value)
+      return;
+    const { Legend: e } = await import("chart.js");
+    r.register(e);
+  }, l = w(!1);
   return {
-    registerTooltip: l,
-    registerTimeCartesianAxis: n,
-    registerModules: async (...e) => {
-      await Promise.all(e), r.value = !0;
+    registerTitle: n,
+    registerLegend: o,
+    registerTooltip: a,
+    registerTimeCartesianAxis: p,
+    executeRegistration: async (...e) => {
+      await Promise.all(e.map((s) => s())), l.value = !0;
+    },
+    registerPlugins: async () => {
+      await Promise.all([a(), n(), o()]);
     },
-    resolved: r
+    resolved: l
   };
 };
 export {
-  f as useChartJsModules
+  y as useChartJsModules
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.COJ2g3Ru.js

@@ -1,27 +0,0 @@
-import { defineComponent as p, onBeforeMount as i, unref as t, openBlock as u, createBlock as m, createCommentVNode as c } from "vue";
-import { Doughnut as l } from "vue-chartjs";
-import { Chart as d, DoughnutController as f, ArcElement as h } from "chart.js";
-import { useChartJsModules as g } from "../useChartjsModules.js";
-const M = /* @__PURE__ */ p({
-  __name: "DoughnutChart",
-  props: {
-    options: {},
-    data: {}
-  },
-  setup(e) {
-    d.register(f, h);
-    const r = e, { registerTooltip: n, registerModules: s, resolved: a } = g(
-      r.options
-    );
-    return i(async () => {
-      await s(n());
-    }), (o, C) => t(a) ? (u(), m(t(l), {
-      key: 0,
-      options: o.options,
-      data: o.data
-    }, null, 8, ["options", "data"])) : c("", !0);
-  }
-});
-export {
-  M as _
-};