vlite3 1.0.10 → 1.1.2

package/components/Calendar/CalendarEventItem.vue.js

@@ -0,0 +1,111 @@
+import { defineComponent as S, ref as A, computed as c, openBlock as g, createElementBlock as y, withModifiers as x, normalizeClass as j, createElementVNode as u, toDisplayString as h, createCommentVNode as P, createVNode as z, withCtx as I } from "vue";
+import U from "../Dropdown/Dropdown.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+import { formatTime as T, formatDisplayTime as b } from "v-event-calendar";
+const q = { class: "font-medium truncate leading-tight drop-shadow-sm pr-4" }, F = {
+  key: 0,
+  class: "opacity-90 font-medium text-[9px] truncate mt-0.5 tracking-tight drop-shadow-sm flex items-center gap-1"
+}, G = { class: "truncate" }, Q = /* @__PURE__ */ S({
+  __name: "CalendarEventItem",
+  props: {
+    event: {},
+    view: {},
+    displayTime: {},
+    canEdit: { type: Boolean },
+    canDelete: { type: Boolean }
+  },
+  emits: ["view", "edit", "delete"],
+  setup(v, { emit: C }) {
+    const t = v, d = C, s = A(!1), E = () => {
+      s.value = !0;
+    }, $ = (e) => {
+      e.target.closest(".event-actions") || d("view", t.event);
+    }, m = (e, n, i) => {
+      const a = i ? D(e, i) : D(e);
+      return a !== e ? a : n;
+    }, M = c(() => m("vlite.calendar.viewDetails", "View Details")), N = c(() => m("vlite.calendar.edit", "Edit")), k = c(() => m("vlite.calendar.delete", "Delete")), V = c(() => {
+      const e = [
+        {
+          label: M.value,
+          value: "view",
+          icon: "lucide:eye",
+          class: "gap-1"
+        }
+      ];
+      return t.canEdit && e.push({
+        label: N.value,
+        value: "edit",
+        icon: "lucide:edit-2",
+        class: "gap-1"
+      }), t.canDelete && e.push({
+        label: k.value,
+        value: "delete",
+        icon: "lucide:trash-2",
+        class: "gap-1"
+      }), e;
+    }), _ = (e) => {
+      const n = e.value;
+      n === "view" && d("view", t.event), n === "edit" && d("edit", t.event), n === "delete" && d("delete", t.event);
+    }, f = c(() => {
+      if (!t.event?.start) return t.displayTime || "";
+      try {
+        const e = new Date(t.event.start);
+        if (isNaN(e.getTime())) return t.displayTime || "";
+        const n = T(e), i = b(n, !1), a = (p) => {
+          let l = p.replace(/^0/, "");
+          return l = l.replace(":00 ", " "), l;
+        }, o = a(i);
+        if (t.event.end && t.event.end !== t.event.start) {
+          const p = new Date(t.event.end);
+          if (!isNaN(p.getTime())) {
+            const l = T(p), B = b(l, !1), r = a(B), w = o.slice(-2), O = r.slice(-2);
+            if (w === O && o !== r)
+              return `${o.replace(` ${w}`, "")} – ${r.replace(" ", "")}`;
+            if (o !== r)
+              return `${o.replace(" ", "")} – ${r.replace(" ", "")}`;
+          }
+        }
+        return o.replace(" ", "");
+      } catch {
+        return t.displayTime || "";
+      }
+    });
+    return (e, n) => (g(), y("div", {
+      class: j([
+        v.view == "month" ? "flex-row! justify-between p-0.5 px-0!  -text-fs-3! items-center" : " -text-fs-3",
+        "h-full w-full flex flex-col overflow-hidden relative group cursor-pointer"
+      ]),
+      onClick: $,
+      onContextmenu: x(E, ["prevent"])
+    }, [
+      u("div", q, h(v.event.title), 1),
+      f.value ? (g(), y("div", F, [
+        u("span", G, h(f.value), 1)
+      ])) : P("", !0),
+      z(U, {
+        options: V.value,
+        "is-open": s.value,
+        "onUpdate:isOpen": n[1] || (n[1] = (i) => s.value = i),
+        onOnSelect: _,
+        class: "absolute top-1 right-1",
+        position: "bottom-end"
+      }, {
+        trigger: I(() => [
+          u("button", {
+            class: "event-actions lg:opacity-0 lg:group-hover:opacity-100 opacity-100 transition-opacity p-0.5 rounded hover:bg-black/20 text-current flex items-center justify-center",
+            onClick: n[0] || (n[0] = x((i) => s.value = !s.value, ["stop", "prevent"]))
+          }, [...n[2] || (n[2] = [
+            u("span", {
+              class: "iconify w-3 h-3",
+              "data-icon": "lucide:more-vertical"
+            }, null, -1)
+          ])])
+        ]),
+        _: 1
+      }, 8, ["options", "is-open"])
+    ], 34));
+  }
+});
+export {
+  Q as default
+};

package/components/Calendar/CalendarEventItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CalendarEventItem.vue.js";
+export {
+  f as default
+};

package/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './Calendar.vue';
+export { default as CalendarEventItem } from './CalendarEventItem.vue';

package/components/Carousel/Carousel.vue.d.ts

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/CategoryManager/CategoryManager.vue.d.ts

@@ -1,4 +1,4 @@
-import { CategoryItem, CategoryManagerProps } from './types';
+import { CategoryItem, RawCategoryItem, CategoryManagerProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProp
     size: "sm" | "md" | "lg";
     readonly: boolean;
     modelValue: CategoryItem[];
+    rawData: RawCategoryItem[];
     emptyTitle: string;
     emptyDescription: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/CategoryManager/CategoryManager.vue.js

@@ -0,0 +1,322 @@
+import { defineComponent as te, ref as p, watch as R, computed as D, provide as oe, openBlock as x, createElementBlock as V, createElementVNode as m, renderSlot as ne, createBlock as $, withCtx as _, createTextVNode as F, createCommentVNode as A, createVNode as g, toDisplayString as J, withDirectives as re, withKeys as B, vModelText as le, unref as ie } from "vue";
+import de from "./CategoryNode.vue.js";
+import ae from "../Modal.vue.js";
+import se from "../Form/Form.vue.js";
+import ue from "../Icon.vue.js";
+/* empty css                  */
+import E from "../Button.vue.js";
+import "../../core/config.js";
+/* empty css            */
+import "vue-draggable-plus";
+/* empty css                                          */
+import "v-tooltip-lite";
+import "v-tooltip-lite/style.css";
+/* empty css                            */
+import "v-datepicker-lite";
+import "v-datepicker-lite/style.css";
+import "@jaames/iro";
+import "@vueuse/core";
+/* empty css                          */
+import ce from "../IconPicker.vue.js";
+/* empty css                        */
+/* empty css                      */
+import { getUniqueId as N } from "../../utils/functions.js";
+const me = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, fe = { class: "flex items-center justify-between mb-6" }, pe = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-10 px-4 text-center border border-dashed border-border rounded-xl bg-background"
+}, ve = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, he = { class: "text-base font-medium text-foreground" }, ge = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, ye = {
+  key: 1,
+  class: "w-full tree-wrapper scrollable-container",
+  style: { "will-change": "transform", contain: "layout style" }
+}, xe = {
+  key: 0,
+  class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mt-2"
+}, be = {
+  class: "modal-body",
+  style: { "will-change": "transform", contain: "layout style" }
+}, Ke = /* @__PURE__ */ te({
+  __name: "CategoryManager",
+  props: {
+    modelValue: { default: () => [] },
+    rawData: { default: void 0 },
+    formSchema: {},
+    readonly: { type: Boolean, default: !1 },
+    emptyTitle: { default: "No Categories Found" },
+    emptyDescription: { default: "Get started by creating your first category." },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
+  setup(b, { emit: j }) {
+    const w = b, f = j, d = p([]), S = p(/* @__PURE__ */ new Set()), u = (t) => JSON.parse(JSON.stringify(t)), v = (t, e = null) => {
+      t.forEach((o, l) => {
+        o.parentId = e, o.position = l, o.children || (o.children = []), v(o.children, o.id);
+      });
+    }, q = (t) => {
+      const e = /* @__PURE__ */ new Map(), o = [];
+      t.forEach((n) => {
+        e.set(n.id, {
+          ...n,
+          id: n.id,
+          title: n.name || n.title || "Untitled",
+          icon: n.icon,
+          parentId: n.parentId || null,
+          position: n.position ?? 0,
+          children: []
+        });
+      }), t.forEach((n) => {
+        const r = e.get(n.id);
+        r && (n.parentId && e.has(n.parentId) ? e.get(n.parentId).children.push(r) : o.push(r));
+      });
+      const l = (n) => {
+        n.sort((r, a) => (r.position ?? 0) - (a.position ?? 0)), n.forEach((r) => {
+          r.children && l(r.children);
+        });
+      };
+      return l(o), o;
+    };
+    R(
+      () => w.rawData,
+      (t) => {
+        if (t && t.length > 0) {
+          const e = q(t);
+          v(e);
+          const o = JSON.stringify(e), l = JSON.stringify(d.value);
+          if (o !== l) {
+            const n = u(e);
+            d.value = n, f("update:modelValue", n);
+          }
+        }
+      },
+      { immediate: !0, deep: !0 }
+    ), R(
+      () => w.modelValue,
+      (t) => {
+        const e = JSON.stringify(t), o = JSON.stringify(d.value);
+        if (e !== o && t.length > 0) {
+          const l = u(t);
+          v(l), d.value = l;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const y = (t = !1) => {
+      v(d.value);
+      const e = u(d.value);
+      f("update:modelValue", e), t && f("onReorder", e);
+    }, K = (t) => {
+      const e = new Set(S.value);
+      e.has(t) ? e.delete(t) : e.add(t), S.value = e;
+    }, s = p({
+      mode: null,
+      targetId: null,
+      title: "",
+      icon: "lucide:folder"
+    }), M = (t, e) => {
+      s.value = {
+        mode: t,
+        targetId: t === "add-child" && e || null,
+        title: "",
+        icon: "lucide:folder"
+      }, t === "add-child" && e && S.value.add(e);
+    }, I = () => {
+      s.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
+    }, T = () => {
+      const { mode: t, targetId: e, title: o, icon: l } = s.value;
+      if (!o.trim()) return;
+      const n = [...d.value];
+      let r = null;
+      if (t === "add-root")
+        r = { id: N(), title: o, icon: l, children: [] }, n.push(r);
+      else if (t === "add-child") {
+        r = { id: N(), title: o, icon: l, children: [] };
+        const a = (c) => {
+          for (const i of c) {
+            if (i.id === e)
+              return i.children || (i.children = []), i.children.push(r), !0;
+            if (i.children && a(i.children)) return !0;
+          }
+          return !1;
+        };
+        a(n);
+      }
+      r && (v(n), f("onAdd", u(r))), d.value = n, y(), I();
+    }, k = p(!1), h = p("add"), U = p(null), z = p(null), O = p({}), P = [
+      { name: "icon", label: "Category Icon", type: "iconPicker" },
+      { name: "title", label: "Title", type: "text", required: !0 },
+      { name: "description", label: "Description", type: "textarea", props: { rows: 3 } }
+    ], G = D(() => w.formSchema || P), H = D(() => h.value === "add" ? "Add Category" : h.value === "add-child" ? "Add Sub-category" : "Edit Category"), L = (t, e, o) => {
+      h.value = t, U.value = e || null, z.value = o || null, O.value = e ? u(e) : {}, k.value = !0;
+    }, Q = async (t) => {
+      const e = t?.values || t, o = [...d.value];
+      let l = null, n = null;
+      if (h.value === "add") {
+        const r = { id: N(), children: [], ...e };
+        o.push(r), l = r, n = "onAdd";
+      } else if (h.value === "add-child") {
+        const r = { id: N(), children: [], ...e }, a = (c) => {
+          for (const i of c) {
+            if (i.id === z.value)
+              return i.children || (i.children = []), i.children.push(r), S.value.add(i.id), !0;
+            if (i.children && a(i.children)) return !0;
+          }
+          return !1;
+        };
+        a(o), l = r, n = "onAdd";
+      } else if (h.value === "edit" && U.value) {
+        const r = U.value.id, a = (c) => {
+          const i = c.findIndex((C) => C.id === r);
+          if (i > -1)
+            return c[i] = { ...c[i], ...e }, l = c[i], !0;
+          for (const C of c)
+            if (C.children && a(C.children)) return !0;
+          return !1;
+        };
+        a(o), n = "onEdit";
+      }
+      v(o), l && (n === "onAdd" ? f("onAdd", u(l)) : n === "onEdit" && f("onEdit", u(l))), d.value = o, y(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), k.value = !1;
+    }, W = (t) => {
+      const e = t.id, o = (n) => {
+        const r = n.findIndex((a) => a.id === e);
+        if (r > -1)
+          return n.splice(r, 1), !0;
+        for (const a of n)
+          if (a.children && o(a.children)) return !0;
+        return !1;
+      }, l = [...d.value];
+      o(l), v(l), d.value = l, f("onDelete", u(t)), y();
+    }, X = (t) => {
+      f("onEdit", u(t)), y();
+    }, Y = (t) => {
+      d.value = [...t], y(!0);
+    }, Z = () => {
+      y(!0);
+    };
+    oe("categoryManager", {
+      expandedIds: S,
+      inlineState: s,
+      toggleExpand: K,
+      startInline: M,
+      saveInline: T,
+      cancelInline: I,
+      saveItem: X,
+      openModalForm: L,
+      deleteItem: W,
+      readonly: D(() => w.readonly),
+      size: D(() => w.size)
+    });
+    const ee = {
+      mounted: (t) => {
+        setTimeout(() => t.focus(), 10);
+      }
+    };
+    return (t, e) => (x(), V("div", me, [
+      m("div", fe, [
+        ne(t.$slots, "header", {}, () => [
+          e[6] || (e[6] = m("div", null, [
+            m("h3", { class: "text-lg font-bold text-foreground" }, "Categories"),
+            m("p", { class: "text-sm text-muted-foreground mt-0.5" }, "Manage your hierarchical structure.")
+          ], -1)),
+          b.readonly ? A("", !0) : (x(), $(E, {
+            key: 0,
+            variant: "primary",
+            icon: "lucide:plus",
+            size: "sm",
+            onClick: e[0] || (e[0] = (o) => M("add-root"))
+          }, {
+            default: _(() => [...e[5] || (e[5] = [
+              F(" Add Category ", -1)
+            ])]),
+            _: 1
+          }))
+        ])
+      ]),
+      d.value.length === 0 && s.value.mode !== "add-root" ? (x(), V("div", pe, [
+        m("div", ve, [
+          g(ue, {
+            icon: "lucide:folder-tree",
+            class: "w-6 h-6 text-muted-foreground"
+          })
+        ]),
+        m("h4", he, J(b.emptyTitle), 1),
+        m("p", ge, J(b.emptyDescription), 1),
+        b.readonly ? A("", !0) : (x(), $(E, {
+          key: 0,
+          variant: "outline",
+          size: "sm",
+          class: "mt-5",
+          icon: "lucide:plus",
+          onClick: e[1] || (e[1] = (o) => M("add-root"))
+        }, {
+          default: _(() => [...e[7] || (e[7] = [
+            F(" Create Category ", -1)
+          ])]),
+          _: 1
+        }))
+      ])) : (x(), V("div", ye, [
+        g(de, {
+          modelValue: d.value,
+          "onUpdate:modelValue": Y,
+          onChange: Z
+        }, null, 8, ["modelValue"]),
+        s.value.mode === "add-root" ? (x(), V("div", xe, [
+          g(ce, {
+            modelValue: s.value.icon,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => s.value.icon = o),
+            "btn-props": { variant: "ghost", size: "xs", class: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md" },
+            position: "bottom-start"
+          }, null, 8, ["modelValue"]),
+          re(m("input", {
+            "onUpdate:modelValue": e[3] || (e[3] = (o) => s.value.title = o),
+            class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-1 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
+            placeholder: "New root category...",
+            onKeyup: [
+              B(T, ["enter"]),
+              B(I, ["esc"])
+            ]
+          }, null, 544), [
+            [ee],
+            [le, s.value.title]
+          ]),
+          g(E, {
+            variant: "primary",
+            size: "xs",
+            icon: "lucide:check",
+            class: "shrink-0 h-7 w-7 px-0",
+            title: "Save",
+            onClick: T
+          }),
+          g(E, {
+            variant: "ghost",
+            size: "xs",
+            icon: "lucide:x",
+            class: "shrink-0 h-7 w-7 px-0",
+            title: "Cancel",
+            onClick: I
+          })
+        ])) : A("", !0)
+      ])),
+      g(ae, {
+        show: k.value,
+        "onUpdate:show": e[4] || (e[4] = (o) => k.value = o),
+        title: H.value,
+        "max-width": "max-w-md"
+      }, {
+        default: _(() => [
+          m("div", be, [
+            g(ie(se), {
+              schema: G.value,
+              values: O.value,
+              isUpdate: h.value === "edit",
+              submitText: "Save Details",
+              onOnSubmit: Q
+            }, null, 8, ["schema", "values", "isUpdate"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show", "title"])
+    ]));
+  }
+});
+export {
+  Ke as default
+};

package/components/CategoryManager/CategoryManager.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryManager.vue.js";
+export {
+  f as default
+};