@wikicasa-dev/components 2.4.1-alpha.13 → 2.4.1-alpha.15

package/dist/ChartJs/Chart.js

@@ -0,0 +1,4 @@
+import { Chart as t } from "chart.js";
+export {
+  t as Chart
+};

package/dist/ChartJs/DoughnutChart/index.js

@@ -0,0 +1,5 @@
+import { ArcElement as e, DoughnutController as t } from "chart.js";
+export {
+  e as ArcElement,
+  t as DoughnutController
+};

package/dist/ChartJs/LineChart/index.js

@@ -0,0 +1,9 @@
+import { CategoryScale as n, Filler as r, LineController as o, LineElement as t, LinearScale as i, PointElement as a } from "chart.js";
+export {
+  n as CategoryScale,
+  r as Filler,
+  o as LineController,
+  t as LineElement,
+  i as LinearScale,
+  a as PointElement
+};

package/dist/ChartJs/Plugins/Legend.js

@@ -0,0 +1,4 @@
+import { Legend as r } from "chart.js";
+export {
+  r as Legend
+};

package/dist/ChartJs/Plugins/TimeScale.js

@@ -0,0 +1,5 @@
+import "chartjs-adapter-date-fns";
+import { TimeScale as r } from "chart.js";
+export {
+  r as TimeScale
+};

package/dist/ChartJs/Plugins/Title.js

@@ -0,0 +1,4 @@
+import { Title as r } from "chart.js";
+export {
+  r as Title
+};

package/dist/ChartJs/Plugins/Tooltip.js

@@ -0,0 +1,4 @@
+import { Tooltip as r } from "chart.js";
+export {
+  r as Tooltip
+};

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                             */
+import '../assets/swiper-controller.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                         */
+import '../assets/swiper-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/VueChartJs/Doughnut.js

@@ -0,0 +1,4 @@
+import { Doughnut as u } from "vue-chartjs";
+export {
+  u as default
+};

package/dist/VueChartJs/Line.js

@@ -0,0 +1,4 @@
+import { Line as f } from "vue-chartjs";
+export {
+  f as default
+};

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

@@ -1,10 +1,14 @@
-import { ChartOptions, ChartType } from 'chart.js';
+import { ChartOptions, ChartType, Chart as _Chart } from 'chart.js';
+type Chart = typeof _Chart;
 export declare const useChartJsModules: <T extends ChartType = ChartType>(options: ChartOptions<T>) => {
-    registerTitle: () => Promise<void>;
-    registerLegend: () => Promise<void>;
-    registerTooltip: () => Promise<void>;
-    registerTimeCartesianAxis: () => Promise<void>;
-    executeRegistration: (...args: (() => Promise<unknown>)[]) => Promise<void>;
-    registerPlugins: () => Promise<void>;
-    resolved: import('vue').Ref<boolean, boolean>;
+    registerTitle: (ChartJs: Chart) => Promise<void>;
+    registerLegend: (ChartJs: Chart) => Promise<void>;
+    registerTooltip: (ChartJs: Chart) => Promise<void>;
+    registerTimeCartesianAxis: (ChartJs: Chart) => Promise<void>;
+    executeRegistration: (...args: ((c: Chart) => Promise<unknown>)[]) => void;
+    registerPlugins: (ChartJs: Chart) => Promise<void>;
+    registerLineChart: (ChartJs: Chart) => Promise<void>;
+    registerDoughnutChart: (ChartJs: Chart) => Promise<void>;
+    resolved: import('vue').ShallowRef<boolean, boolean>;
 };
+export {};

package/dist/chart/composables/useChartjsModules.js

@@ -1,37 +1,72 @@
-import { computed as t, ref as f } from "vue";
-import { Chart as r, TimeScale as d, Tooltip as T, Legend as h, Title as w } from "chart.js";
-import "chartjs-adapter-date-fns";
-const L = (e) => {
-  if (!e) throw Error("Options must be defined");
-  const l = t(
-    () => !!e.plugins?.tooltip
-  ), o = t(
-    () => e.scales?.x?.type === "time"
-  ), c = t(() => !!e.plugins?.title), u = t(
-    () => !!e.plugins?.legend
-  ), i = async () => {
-    l.value && r.register(T);
-  }, g = async () => {
-    o.value && r.register(d);
-  }, s = async () => {
-    c.value && r.register(w);
-  }, n = async () => {
-    u.value && r.register(h);
-  }, a = f(!1);
+import { shallowRef as d, computed as s } from "vue";
+const P = (r) => {
+  if (!r) throw Error("Options must be defined");
+  const n = d(!1), c = s(
+    () => !!r.plugins?.tooltip
+  ), g = s(
+    () => r.scales?.x?.type === "time"
+  ), u = s(() => !!r.plugins?.title), m = s(
+    () => !!r.plugins?.legend
+  ), a = async (e) => {
+    if (!c.value) return;
+    const { Tooltip: t } = await import("../../ChartJs/Plugins/Tooltip.js");
+    e.register(t);
+  }, p = async (e) => {
+    if (!g.value) return;
+    const { TimeScale: t } = await import("../../ChartJs/Plugins/TimeScale.js");
+    e.register(t);
+  }, o = async (e) => {
+    if (!u.value) return;
+    const { Title: t } = await import("../../ChartJs/Plugins/Title.js");
+    e.register(t);
+  }, l = async (e) => {
+    if (!m.value) return;
+    const { Legend: t } = await import("../../ChartJs/Plugins/Legend.js");
+    e.register(t);
+  };
   return {
-    registerTitle: s,
-    registerLegend: n,
-    registerTooltip: i,
-    registerTimeCartesianAxis: g,
-    executeRegistration: async (...m) => {
-      await Promise.all(m.map((p) => p())), a.value = !0;
+    registerTitle: o,
+    registerLegend: l,
+    registerTooltip: a,
+    registerTimeCartesianAxis: p,
+    executeRegistration: (...e) => {
+      setTimeout(async () => {
+        const { Chart: t } = await import("../../ChartJs/Chart.js");
+        await Promise.all(e.map((i) => i(t))), n.value = !0;
+      });
+    },
+    registerPlugins: async (e) => {
+      await Promise.all([
+        a(e),
+        o(e),
+        l(e)
+      ]);
+    },
+    registerLineChart: async (e) => {
+      const {
+        LineController: t,
+        LineElement: i,
+        PointElement: w,
+        CategoryScale: h,
+        LinearScale: y,
+        Filler: T
+      } = await import("../../ChartJs/LineChart/index.js");
+      e.register(
+        t,
+        i,
+        w,
+        h,
+        y,
+        T
+      );
     },
-    registerPlugins: async () => {
-      await Promise.all([i(), s(), n()]);
+    registerDoughnutChart: async (e) => {
+      const { DoughnutController: t, ArcElement: i } = await import("../../ChartJs/DoughnutChart/index.js");
+      e.register(t, i);
     },
-    resolved: a
+    resolved: n
   };
 };
 export {
-  L as useChartJsModules
+  P as useChartJsModules
 };

package/dist/packages/components/lib/chart/DoughnutChart.vue.js

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

package/dist/packages/components/lib/chart/LineChart.vue.js

@@ -1,42 +1,39 @@
-import { defineComponent as m, onBeforeMount as p, useTemplateRef as u, computed as f, createBlock as d, createCommentVNode as h, unref as t, openBlock as C } from "vue";
-import { Line as g } from "vue-chartjs";
-import { Chart as x, LineController as L, LineElement as k, Filler as B, PointElement as E, CategoryScale as v, LinearScale as y } from "chart.js";
-import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
-const F = /* @__PURE__ */ m({
+import { defineComponent as d, defineAsyncComponent as l, onMounted as h, useTemplateRef as f, computed as C, createBlock as g, createCommentVNode as x, unref as t, openBlock as k } from "vue";
+import { useChartJsModules as y } from "../../../../chart/composables/useChartjsModules.js";
+const M = /* @__PURE__ */ d({
   __name: "LineChart",
   props: {
     options: {},
     data: {}
   },
   setup(e, { expose: o }) {
-    x.register(
-      L,
-      k,
-      B,
-      E,
-      v,
-      y
-    );
-    const r = e, {
-      registerPlugins: n,
-      registerTimeCartesianAxis: a,
+    const n = e, r = l(
+      () => import("../../../../VueChartJs/Line.js")
+    ), {
+      registerLineChart: a,
+      registerPlugins: s,
+      registerTimeCartesianAxis: c,
       executeRegistration: i,
-      resolved: s
-    } = M(r.options);
-    p(() => {
-      i(n, a);
+      resolved: p
+    } = y(n.options);
+    h(() => {
+      i(
+        a,
+        s,
+        c
+      );
     });
-    const c = u("chart"), l = f(
-      () => c.value?.chart
+    const u = f("chart"), m = C(
+      () => u.value?.chart
     );
-    return o({ chartInstance: l }), (P, R) => t(s) ? (C(), d(t(g), {
+    return o({ chartInstance: m }), (A, L) => t(p) ? (k(), g(t(r), {
       key: 0,
       ref: "chart",
       options: e.options,
       data: e.data
-    }, null, 8, ["options", "data"])) : h("", !0);
+    }, null, 8, ["options", "data"])) : x("", !0);
   }
 });
 export {
-  F as default
+  M as default
 };

package/package.json

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