@wikicasa-dev/components 2.4.1-alpha.9 → 2.4.2-alpha.0

package/dist/components/carousel/SwiperCarousel.js

@@ -2,7 +2,7 @@ import o from "../../packages/components/lib/components/carousel/SwiperCarousel.
 import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css                                                                    */
 /* empty css                                                                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ea2f6ce"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-eb63ca0a"]]);
 export {
   m as default
 };

package/dist/packages/components/lib/UIKit/BaseModal.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as $, mergeModels as h, useModel as H, useTemplateRef as w, shallowRef as y, onUnmounted as O, createBlock as F, openBlock as k, Teleport as A, createVNode as C, Transition as K, withCtx as N, withDirectives as S, createElementVNode as l, normalizeClass as i, createElementBlock as p, createCommentVNode as x, renderSlot as d, withModifiers as U, unref as V, vShow as P } from "vue";
-import { CloseIcon as R } from "@wikicasa-dev/svg-icons";
-const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
+import { defineComponent as A, mergeModels as h, useModel as F, useTemplateRef as y, shallowRef as C, onUnmounted as K, createBlock as N, openBlock as k, Teleport as S, createVNode as w, Transition as V, unref as p, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as x, createCommentVNode as g, renderSlot as d, withModifiers as U, vShow as j } from "vue";
+import { CloseIcon as q } from "@wikicasa-dev/svg-icons";
+const G = ["id", "data-cy"], J = ["innerHTML"], X = /* @__PURE__ */ A({
   __name: "BaseModal",
   props: /* @__PURE__ */ h({
     id: { default: "base-bt-modal" },
@@ -19,76 +19,74 @@ const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
     centered: { type: Boolean, default: !1 },
     dataCy: {},
     closeIconBtnClasses: {},
-    titleClasses: {},
-    appear: { type: Boolean, default: !0 }
+    titleClasses: {}
   }, {
     showModal: { type: Boolean, default: !0 },
     showModalModifiers: {}
   }),
   emits: /* @__PURE__ */ h(["closed", "opened", "dialogClick"], ["update:showModal"]),
-  setup(e, { emit: g }) {
-    const r = g, o = H(e, "showModal"), m = w("backdrop"), s = w("modalDialog"), u = y(!1), c = y(!1), f = ({ key: t }) => {
-      t === "Escape" && a();
-    }, M = () => {
+  setup(e, { emit: M }) {
+    const r = M, o = F(e, "showModal"), B = o.value, m = y("backdrop"), a = y("modalDialog"), u = C(!1), c = C(!1), f = ({ key: t }) => {
+      t === "Escape" && s();
+    }, E = () => {
       document?.body.addEventListener("keydown", f);
     }, b = () => {
       document?.body.removeEventListener("keydown", f);
-    }, B = () => {
-      c.value || (console.log("DEBUG:onBeforeEnter called", {
-        timestamp: Date.now(),
-        showModal: o.value,
-        stack: new Error().stack
-      }), M(), document?.body.classList.add(
+    }, I = () => {
+      c.value || (E(), document?.body.classList.add(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
         "uikit-overflow-hidden"
       ), c.value = !0);
-    }, E = () => {
+    }, L = () => {
       r("opened"), e.autoClose !== void 0 && setTimeout(() => {
-        a();
+        s();
       }, e.autoClose);
-    }, I = () => {
-      b(), document?.body.classList.remove(
+    }, z = () => {
+      document?.body.classList.remove(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
         "uikit-overflow-hidden"
-      ), c.value = !1, r("closed");
-    }, a = () => {
+      );
+    }, T = () => {
+      b(), c.value = !1, r("closed");
+    }, s = () => {
       o.value = !1;
-    }, L = (t) => {
-      s.value && s.value.contains(t.target) && (u.value = !0);
-    }, z = (t) => {
-      s.value && s.value.contains(t.target) && (u.value = !1);
-    }, D = async (t) => {
+    }, $ = (t) => {
+      a.value && a.value.contains(t.target) && (u.value = !0);
+    }, D = (t) => {
+      a.value && a.value.contains(t.target) && (u.value = !1);
+    }, H = async (t) => {
       if (!(t.target !== m.value && m.value?.contains(t.target)) && e.closeOnClickOut) {
         if (u.value) {
           u.value = !1;
           return;
         }
-        a();
+        s();
       }
     };
-    O(() => {
+    K(() => {
       b(), document?.body.classList.remove(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
         "uikit-overflow-hidden"
       );
     });
-    const T = (t) => {
-      s.value === t.target && t.stopPropagation();
+    const O = (t) => {
+      a.value === t.target && t.stopPropagation();
     };
-    return (t, n) => (k(), F(A, { to: "body" }, [
-      C(K, {
-        appear: e.appear,
+    return (t, n) => (k(), N(S, { to: "body" }, [
+      w(V, {
+        appear: p(B),
         name: "modal-transition",
         duration: { enter: 500, leave: 250 },
-        onBeforeEnter: B,
-        onAfterEnter: E,
-        onAfterLeave: I
+        onBeforeEnter: I,
+        onAfterEnter: L,
+        onLeave: z,
+        onAfterLeave: T
       }, {
-        default: N(() => [
-          S(l("div", {
+        default: P(() => [
+          R(l("div", {
             ref: "backdrop",
             class: i(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-z-50 uikit-h-full uikit-w-full", [
               e.customBackdropClasses,
@@ -98,9 +96,9 @@ const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
               { "uikit-bg-transparent": !o.value },
               { "sm:uikit-pt-[30px]": !e.centered }
             ]]),
-            onClick: D,
-            onMousedown: L,
-            onMouseup: z
+            onClick: H,
+            onMousedown: $,
+            onMouseup: D
           }, [
             l("dialog", {
               id: e.id,
@@ -117,12 +115,12 @@ const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
               ]]),
               tabindex: "-1",
               onClick: n[1] || (n[1] = (v) => r("dialogClick", v)),
-              onFocusin: T
+              onFocusin: O
             }, [
               l("div", {
                 class: i(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
               }, [
-                e.withCloseIcon ? (k(), p("button", {
+                e.withCloseIcon ? (k(), x("button", {
                   key: 0,
                   id: "close-icon-btn",
                   "data-cy": "bbt-default-close-icon-btn",
@@ -131,34 +129,34 @@ const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
                   "aria-label": "Close",
                   onClick: n[0] || (n[0] = U((v) => o.value = !1, ["prevent", "stop"]))
                 }, [
-                  C(V(R), {
+                  w(p(q), {
                     class: i(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
                     width: e.closeIcon?.size || 20,
                     height: e.closeIcon?.size || 20
                   }, null, 8, ["class", "width", "height"])
-                ], 2)) : x("", !0),
-                d(t.$slots, "header", { closeModal: a }, () => [
+                ], 2)) : g("", !0),
+                d(t.$slots, "header", { closeModal: s }, () => [
                   l("span", {
                     class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                     innerHTML: e.headerTitle
-                  }, null, 10, j)
+                  }, null, 10, J)
                 ])
               ], 2),
               l("div", {
                 class: i(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
               }, [
-                d(t.$slots, "body", { closeModal: a })
+                d(t.$slots, "body", { closeModal: s })
               ], 2),
-              t.$slots.footer ? (k(), p("div", {
+              t.$slots.footer ? (k(), x("div", {
                 key: 0,
                 class: i(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
               }, [
-                d(t.$slots, "footer", { closeModal: a })
-              ], 2)) : x("", !0),
+                d(t.$slots, "footer", { closeModal: s })
+              ], 2)) : g("", !0),
               d(t.$slots, "fixed-bottom")
             ], 42, G)
           ], 34), [
-            [P, o.value]
+            [j, o.value]
           ])
         ]),
         _: 3
@@ -167,5 +165,5 @@ const G = ["id", "data-cy"], j = ["innerHTML"], Q = /* @__PURE__ */ $({
   }
 });
 export {
-  Q as default
+  X as default
 };

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

@@ -1,27 +1,26 @@
-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 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) {
-    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), {
-      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"])) : c("", !0);
+    }, null, 8, ["options", "data"]));
   }
 });
 export {
-  y as default
+  h as default
 };

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

@@ -1,42 +1,30 @@
-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 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 }) {
-    x.register(
-      L,
-      k,
-      B,
-      E,
-      v,
-      y
+  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
     );
-    const r = e, {
-      registerPlugins: n,
-      registerTimeCartesianAxis: a,
-      executeRegistration: i,
-      resolved: s
-    } = M(r.options);
-    p(() => {
-      i(n, a);
-    });
-    const c = u("chart"), l = f(
-      () => c.value?.chart
-    );
-    return o({ chartInstance: l }), (P, R) => t(s) ? (C(), d(t(g), {
-      key: 0,
+    return e({ chartInstance: a }), (h, f) => (d(), p(m(n), {
       ref: "chart",
-      options: e.options,
-      data: e.data
-    }, null, 8, ["options", "data"])) : h("", !0);
+      options: t.options,
+      data: t.data
+    }, null, 8, ["options", "data"]));
   }
 });
 export {
-  F as default
+  y as default
 };