@wikicasa-dev/components 2.0.32 → 2.0.34

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CmOknk6T.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DTPN9Rg-.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.CNkvmtfq.js";
+import { _ as f } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Cdyh3UKT.js";
 export {
   f as default
 };

package/dist/chart/LineChart.vue.d.ts

@@ -1,9 +1,21 @@
-import { ChartOptions, ChartData } from 'chart.js';
+import { ChartOptions, ChartData, Chart } from 'chart.js';
+import { Optional } from '@wikicasa-dev/types';
 declare const _default: import('vue').DefineComponent<{
     options: ChartOptions<"line">;
     data: ChartData<"line">;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+}, {
+    charInstance: import('vue').ComputedRef<Optional<Chart<"line", (number | import('chart.js').Point | null)[], unknown>>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     options: ChartOptions<"line">;
     data: ChartData<"line">;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Omit<import('vue-chartjs').ChartProps<"line", (number | import('chart.js').Point | null)[], unknown>, "type">>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<Omit<import('vue-chartjs').ChartProps<"line", (number | import('chart.js').Point | null)[], unknown>, "type">>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
 export default _default;

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.CmOknk6T.js → BaseTabView.vue_vue_type_script_setup_true_lang.DTPN9Rg-.js}

@@ -15,32 +15,32 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
   setup(P, { emit: x }) {
-    const B = x, l = z(P, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, t) => ({
+    const B = x, l = z(P, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
       renderFn: e,
-      tabId: T(t),
-      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? t,
+      tabId: T(a),
+      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
       "header-title": c(e)?.["header-title"] || "",
       class: c(e)?.class || "",
       "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
       "data-cy": c(e)?.["data-cy"] || ""
-    }), n = G(() => m.default ? m.default().reduce((e, t) => (t.children && Array.isArray(t.children) ? t.children.forEach((a) => {
-      h(a) && e.push(y(a, e.length));
-    }) : h(t) && e.push(y(t, e.length)), e), []) : []);
+    }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+      h(t) && e.push(y(t, e.length));
+    }) : h(a) && e.push(y(a, e.length)), e), []) : []);
     v("tabs", n), v("isTabActive", (e) => l.value === e);
-    const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
-      const t = n.value.reduce(
-        (a, s, N) => (s["active-tab-panel-idx"] !== e || a.push({ tab: s, idx: N }), a),
+    const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e = -1) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
+      const a = n.value.reduce(
+        (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
         []
       );
-      return t && t.length === 1 ? t[0].tab.tabId : t.find((a) => a.idx === l.value)?.tab.tabId;
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
     }, D = (e) => {
       $.value = T(e);
     }, L = (e) => {
-      const t = n.value.at(e ?? -1);
-      u.value = t?.["active-tab-panel-idx"] ?? null;
+      const a = n.value.at(e ?? -1);
+      u.value = a?.["active-tab-panel-idx"] ?? null;
     };
-    v("handleClick", (e, t) => {
-      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: t });
+    v("handleClick", (e, a) => {
+      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
     }), k(
       l,
       (e) => {
@@ -50,20 +50,20 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         immediate: !0
       }
     );
-    const E = (e, t) => {
-      for (let a = 0; a < e.length; a++)
-        if (e[a] !== t[a]) return a;
+    const E = (e, a) => {
+      for (let t = 0; t < e.length; t++)
+        if (e[t] !== a[t]) return t;
       return null;
-    }, M = (e) => n.value.find((t) => t["active-tab-panel-idx"] === e);
+    }, M = (e = -1) => n.value.find((a) => a["active-tab-panel-idx"] === e);
     return k(
       () => n.value.map((e) => e["active-tab-panel-idx"]),
-      (e, t) => {
-        const a = E(e, t);
-        if (a === null) return;
-        const s = n.value[a]["active-tab-panel-idx"];
-        l.value !== a || s === void 0 || (u.value = s);
+      (e, a) => {
+        const t = E(e, a);
+        if (t === null) return;
+        const s = n.value[t]["active-tab-panel-idx"];
+        l.value !== t || s === void 0 || (u.value = s);
       }
-    ), (e, t) => (i(), p("div", {
+    ), (e, a) => (i(), p("div", {
       ref_key: "root",
       ref: A,
       class: I(e.$attrs.class),
@@ -78,16 +78,16 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         uid: f(r),
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
-      (i(!0), p(_, null, K(n.value, (a, s) => (i(), p(_, { key: s }, [
+      (i(!0), p(_, null, K(n.value, (t, s) => (i(), p(_, { key: s }, [
         M(s) ? (i(), d(R, {
           key: 0,
-          id: V(s),
-          "labelled-by": w(a["active-tab-panel-idx"]) || "",
-          active: F(a["active-tab-panel-idx"]),
-          class: I(a["tab-panel-classes"])
+          id: V(t["active-tab-panel-idx"]),
+          "labelled-by": w(s) ?? "",
+          active: F(s),
+          class: I(t["tab-panel-classes"])
         }, {
           default: O(() => [
-            a.renderFn.children && a.renderFn.children.default ? (i(), d(Q(a.renderFn.children.default), { key: 0 })) : o("", !0)
+            t.renderFn.children && t.renderFn.children.default ? (i(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
           ]),
           _: 2
         }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)

package/dist/chunks/LineChart.vue_vue_type_script_setup_true_lang.Cdyh3UKT.js

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

package/dist/index.js

@@ -6,7 +6,7 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
 import { default as d } from "./CheckboxBtn.js";
 import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Cf8YnCGf.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CmOknk6T.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DTPN9Rg-.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.js";
@@ -33,7 +33,7 @@ import { default as le } from "./StaticSpinner.js";
 import { default as de } from "./BaseShimmerLoader.js";
 import { _ as ue } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js";
 import { _ as _e } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
-import { _ as Se } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js";
+import { _ as Se } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Cdyh3UKT.js";
 import { default as ge } from "./SimpleSlider.js";
 import { _ as he } 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";

package/package.json

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

package/dist/chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js

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