@wikicasa-dev/components 2.4.1-alpha.16 → 2.4.1-alpha.17

package/dist/ChartJs/DoughnutChart/core.js

@@ -0,0 +1,6 @@
+import { Chart as r, DoughnutController as t, ArcElement as o } from "chart.js";
+import { Chart as m } from "chart.js";
+r.register(t, o);
+export {
+  m as ChartJS
+};

package/dist/ChartJs/LineChart/cartesian.js

@@ -0,0 +1,6 @@
+import { Chart as r, CategoryScale as a, LinearScale as e, Filler as t } from "chart.js";
+import { Chart as C } from "chart.js";
+r.register(a, e, t);
+export {
+  C as ChartJS
+};

package/dist/ChartJs/LineChart/core.js

@@ -0,0 +1,6 @@
+import { Chart as r, LineController as e, LineElement as t, PointElement as o } from "chart.js";
+import { Chart as a } from "chart.js";
+r.register(e, t, o);
+export {
+  a as ChartJS
+};

package/dist/ChartJs/Plugins/Legend.js

@@ -1,4 +1,2 @@
-import { Legend as r } from "chart.js";
-export {
-  r as Legend
-};
+import { Chart as r, Legend as e } from "chart.js";
+r.register(e);

package/dist/ChartJs/Plugins/TimeScale.js

@@ -1,5 +1,3 @@
 import "chartjs-adapter-date-fns";
-import { TimeScale as r } from "chart.js";
-export {
-  r as TimeScale
-};
+import { Chart as r, TimeScale as e } from "chart.js";
+r.register(e);

package/dist/ChartJs/Plugins/Title.js

@@ -1,4 +1,2 @@
-import { Title as r } from "chart.js";
-export {
-  r as Title
-};
+import { Chart as r, Title as t } from "chart.js";
+r.register(t);

package/dist/ChartJs/Plugins/Tooltip.js

@@ -1,4 +1,2 @@
-import { Tooltip as r } from "chart.js";
-export {
-  r as Tooltip
-};
+import { Chart as r, Tooltip as o } from "chart.js";
+r.register(o);

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.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-controller.css';/* empty css                                                                             */
+import '../assets/swiper-thumbs.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-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.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-controller.css';/* empty css                                                                         */
+import '../assets/swiper-thumbs.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/VueChartJs/Doughnut/factory.js

@@ -0,0 +1,12 @@
+const e = async (i) => {
+  const t = [
+    import("../../ChartJs/DoughnutChart/core.js")
+    // always needed
+  ];
+  i.timeAxis && t.push(import("../../ChartJs/Plugins/TimeScale.js")), i.tooltip && t.push(import("../../ChartJs/Plugins/Tooltip.js")), i.legend && t.push(import("../../ChartJs/Plugins/Legend.js")), i.title && t.push(import("../../ChartJs/Plugins/Title.js")), await Promise.all(t);
+  const { Doughnut: r } = await import("./index.js");
+  return r;
+};
+export {
+  e as createDoughnutChart
+};

package/dist/VueChartJs/Doughnut/index.js

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

package/dist/VueChartJs/Line/factory.js

@@ -0,0 +1,14 @@
+const e = async (i) => {
+  const t = [
+    import("../../ChartJs/LineChart/core.js"),
+    // always needed
+    import("../../ChartJs/LineChart/cartesian.js")
+    // always needed
+  ];
+  i.timeAxis && t.push(import("../../ChartJs/Plugins/TimeScale.js")), i.tooltip && t.push(import("../../ChartJs/Plugins/Tooltip.js")), i.legend && t.push(import("../../ChartJs/Plugins/Legend.js")), i.title && t.push(import("../../ChartJs/Plugins/Title.js")), await Promise.all(t);
+  const { Line: r } = await import("./index.js");
+  return r;
+};
+export {
+  e as createLineChart
+};

package/dist/VueChartJs/Line/index.js

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

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

@@ -1,14 +0,0 @@
-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: (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,72 +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: 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
-      );
-    },
-    registerDoughnutChart: async (e) => {
-      const { DoughnutController: t, ArcElement: i } = await import("../../ChartJs/DoughnutChart/index.js");
-      e.register(t, i);
-    },
-    resolved: n
-  };
-};
-export {
-  P as useChartJsModules
-};
+

package/dist/components/IntersectionObserver/IntersectionObserver.d.ts

@@ -42,9 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<IntersectionObserve
 }, string, import('vue').PublicProps, Readonly<IntersectionObserverProps> & Readonly<{
     onIntersection?: (() => any) | undefined;
 }>, {
-    threshold: number;
     observeOnce: boolean;
     skip: boolean;
+    threshold: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
 }, any>;

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

@@ -1,30 +1,26 @@
-import { defineComponent as i, defineAsyncComponent as c, hydrateOnIdle as d, onMounted as p, createBlock as m, createCommentVNode as h, unref as e, openBlock as l } from "vue";
-import { useChartJsModules as f } from "../../../../chart/composables/useChartjsModules.js";
-const x = /* @__PURE__ */ i({
+import { defineComponent as o, defineAsyncComponent as e, hydrateOnIdle as a, createBlock as i, openBlock as l, unref as r } from "vue";
+import { createDoughnutChart as u } from "../../../../VueChartJs/Doughnut/factory.js";
+const h = /* @__PURE__ */ o({
   __name: "DoughnutChart",
   props: {
     options: {},
     data: {}
   },
   setup(t) {
-    const o = t, n = c({
-      loader: () => import("../../../../VueChartJs/Doughnut.js"),
-      hydrate: d()
-    }), {
-      registerDoughnutChart: r,
-      registerPlugins: a,
-      resolved: s,
-      executeRegistration: u
-    } = f(o.options);
-    return p(() => {
-      u(r, a);
-    }), (g, C) => e(s) ? (l(), m(e(n), {
-      key: 0,
+    const n = e({
+      loader: () => u({
+        tooltip: !!t.options.plugins?.tooltip,
+        legend: !!t.options.plugins?.legend,
+        title: !!t.options.plugins?.title
+      }),
+      hydrate: a()
+    });
+    return (s, d) => (l(), i(r(n), {
       options: t.options,
       data: t.data
-    }, null, 8, ["options", "data"])) : h("", !0);
+    }, null, 8, ["options", "data"]));
   }
 });
 export {
-  x as default
+  h as default
 };

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

@@ -1,40 +1,30 @@
-import { defineComponent as m, defineAsyncComponent as l, hydrateOnIdle as h, onMounted as f, useTemplateRef as C, computed as g, createBlock as x, createCommentVNode as y, unref as t, openBlock as k } from "vue";
-import { useChartJsModules as A } from "../../../../chart/composables/useChartjsModules.js";
-const M = /* @__PURE__ */ m({
+import { defineComponent as i, defineAsyncComponent as c, hydrateOnIdle as s, useTemplateRef as l, computed as r, createBlock as p, openBlock as d, unref as m } from "vue";
+import { createLineChart as u } from "../../../../VueChartJs/Line/factory.js";
+const y = /* @__PURE__ */ i({
   __name: "LineChart",
   props: {
     options: {},
     data: {}
   },
-  setup(e, { expose: o }) {
-    const n = e, r = l({
-      loader: () => import("../../../../VueChartJs/Line.js"),
-      hydrate: h()
-    }), {
-      registerLineChart: a,
-      registerPlugins: s,
-      registerTimeCartesianAxis: c,
-      executeRegistration: i,
-      resolved: d
-    } = A(n.options);
-    f(() => {
-      i(
-        a,
-        s,
-        c
-      );
-    });
-    const p = C("chart"), u = g(
-      () => p.value?.chart
+  setup(t, { expose: e }) {
+    const n = c({
+      loader: () => u({
+        timeAxis: t.options.scales?.x?.type === "time",
+        tooltip: !!t.options.plugins?.tooltip,
+        legend: !!t.options.plugins?.legend,
+        title: !!t.options.plugins?.title
+      }),
+      hydrate: s()
+    }), o = l("chart"), a = r(
+      () => o.value?.chart
     );
-    return o({ chartInstance: u }), (L, v) => t(d) ? (k(), x(t(r), {
-      key: 0,
+    return e({ chartInstance: a }), (h, f) => (d(), p(m(n), {
       ref: "chart",
-      options: e.options,
-      data: e.data
-    }, null, 8, ["options", "data"])) : y("", !0);
+      options: t.options,
+      data: t.data
+    }, null, 8, ["options", "data"]));
   }
 });
 export {
-  M as default
+  y as default
 };

package/package.json

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

package/dist/ChartJs/DoughnutChart/index.js

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

package/dist/ChartJs/LineChart/index.js

@@ -1,9 +0,0 @@
-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/VueChartJs/Doughnut.js

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

package/dist/VueChartJs/Line.js

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