vlite3 1.3.8 → 1.3.10

package/components/CategoryManager/CategoryManager.vue2.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/ImportData/ImportData.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as ne, computed as h, ref as b, shallowRef as $, openBlock as n, createBlock as d, withCtx as w, createElementVNode as B, createTextVNode as U, toDisplayString as _, createElementBlock as N, createCommentVNode as T, createVNode as ue, unref as pe, Fragment as ce, renderList as de, renderSlot as ve } from "vue";
+import { defineComponent as ne, computed as h, ref as y, shallowRef as $, openBlock as n, createBlock as d, withCtx as b, createElementVNode as B, createTextVNode as U, toDisplayString as _, createElementBlock as N, createCommentVNode as T, createVNode as ue, unref as pe, Fragment as ce, renderList as de, renderSlot as ve } from "vue";
 import me from "../Modal.vue.js";
 import I from "../Button.vue.js";
 import fe from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { $t as j } from "../../utils/i18n.js";
+import { $t as E } from "../../utils/i18n.js";
 import "../../core/config.js";
 import he from "./ImportStep1.vue.js";
 import ge from "./ImportStep2.vue.js";
-import be from "./ImportStep3.vue.js";
-import we from "./ImportStep4.vue.js";
-import { showToast as E } from "../../composables/useNotifications.js";
-const xe = { class: "px-2" }, ye = { class: "min-h-[300px]" }, De = {
+import ye from "./ImportStep3.vue.js";
+import be from "./ImportStep4.vue.js";
+import { showToast as j } from "../../composables/useNotifications.js";
+const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
   key: 0,
   class: "mt-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg text-sm text-destructive"
 }, ke = { class: "list-disc pl-5 space-y-1" }, _e = { class: "flex items-center justify-between w-full" }, Ie = { key: 1 }, ze = /* @__PURE__ */ ne({
@@ -27,23 +27,23 @@ const xe = { class: "px-2" }, ye = { class: "min-h-[300px]" }, De = {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(x, { emit: L }) {
-    const s = x, R = L, P = h({
-      get: () => s.show,
-      set: (e) => R("update:show", e)
-    }), c = (e, o, u) => {
-      const i = u ? j(e, u) : j(e);
-      return i !== e ? i : o;
-    }, A = h(() => {
-      if (s.titleI18n) {
-        const e = j(s.titleI18n);
-        if (e !== s.titleI18n) return e;
+  setup(w, { emit: K }) {
+    const i = w, L = K, A = h({
+      get: () => i.show,
+      set: (e) => L("update:show", e)
+    }), c = (e, r, u) => {
+      const a = u ? E(e, u) : E(e);
+      return a !== e ? a : r;
+    }, R = h(() => {
+      if (i.titleI18n) {
+        const e = E(i.titleI18n);
+        if (e !== i.titleI18n) return e;
       }
-      return s.title;
-    }), a = b(1), v = b(!1), M = $([]), m = b({}), q = b({
+      return i.title;
+    }), l = y(1), m = y(!1), C = $([]), v = y({}), q = y({
       existing: "replace",
       new: "create"
-    }), C = b(""), O = $(null), S = $([]), F = $([]), y = b([]), V = {
+    }), M = y(""), O = $(null), S = $([]), F = $([]), x = y([]), V = {
       total: 0,
       processed: 0,
       created: 0,
@@ -52,197 +52,200 @@ const xe = { class: "px-2" }, ye = { class: "min-h-[300px]" }, De = {
       failed: 0,
       percentage: 0,
       errors: []
-    }, l = b({ ...V }), H = () => {
-      a.value = 1, v.value = !1, M.value = [], m.value = {}, q.value = { existing: "replace", new: "create" }, C.value = "", O.value = null, S.value = [], F.value = [], y.value = [], l.value = { ...V };
+    }, o = y({ ...V }), H = () => {
+      l.value = 1, m.value = !1, C.value = [], v.value = {}, q.value = { existing: "replace", new: "create" }, M.value = "", O.value = null, S.value = [], F.value = [], x.value = [], o.value = { ...V };
     }, G = () => {
-      const e = [], o = {};
-      for (const t in m.value) {
-        const p = m.value[t];
-        p && (o[p] || (o[p] = []), o[p].push(t));
+      const e = [], r = {};
+      for (const t in v.value) {
+        const p = v.value[t];
+        p && (r[p] || (r[p] = []), r[p].push(t));
       }
-      for (const t in o)
-        o[t].length > 1 && e.push(
-          `Field "${t}" is mapped to multiple headers: ${o[t].join(", ")}`
+      for (const t in r)
+        r[t].length > 1 && e.push(
+          `Field "${t}" is mapped to multiple headers: ${r[t].join(", ")}`
         );
-      const u = s.fields.filter((t) => t.required).map((t) => t.field), i = Object.values(m.value);
+      const u = i.fields.filter((t) => t.required).map((t) => t.field), a = Object.values(v.value);
       for (const t of u)
-        if (!i.includes(t)) {
-          const p = s.fields.find((r) => r.field === t)?.title || t;
+        if (!a.includes(t)) {
+          const p = i.fields.find((s) => s.field === t)?.title || t;
           e.push(`Required field "${p}" is not mapped.`);
         }
       return e;
     }, z = () => {
-      a.value === 2 && (y.value = G(), y.value.length > 0) || a.value < 4 && a.value++;
+      l.value === 2 && (x.value = G(), x.value.length > 0) || l.value < 4 && l.value++;
     }, J = () => {
-      a.value > 1 && !v.value && a.value--;
-    }, Q = (e, o) => e.map((u) => {
-      const i = {};
-      for (const t in o) {
-        const p = o[t];
+      l.value > 1 && !m.value && l.value--;
+    }, Q = (e, r) => e.map((u) => {
+      const a = {};
+      for (const t in r) {
+        const p = r[t];
         if (!p) continue;
-        let r = u[t];
-        const g = s.fields.find((f) => f.field === p);
-        if ((r == null || r === "") && g?.defaultValue !== void 0 && (r = g.defaultValue), g?.expectedType && (g.expectedType === "number" && (r = Number(r) || 0), g.expectedType === "boolean" && (r = !!(r && r.toString().toLowerCase() !== "false" && r !== "0"))), g?.onMatch && (r = g.onMatch(r)), p.includes(".")) {
+        let s = u[t];
+        const g = i.fields.find((f) => f.field === p);
+        if ((s == null || s === "") && g?.defaultValue !== void 0 && (s = g.defaultValue), g?.expectedType && (g.expectedType === "number" && (s = Number(s) || 0), g.expectedType === "boolean" && (s = !!(s && s.toString().toLowerCase() !== "false" && s !== "0"))), g?.onMatch && (s = g.onMatch(s)), p.includes(".")) {
           const f = p.split(".");
-          let D = i;
+          let D = a;
           for (let k = 0; k < f.length - 1; k++)
             D[f[k]] || (D[f[k]] = {}), D = D[f[k]];
-          D[f[f.length - 1]] = r;
+          D[f[f.length - 1]] = s;
         } else
-          i[p] = r;
+          a[p] = s;
       }
-      return i;
+      return a;
     }), W = async () => {
-      v.value = !0, z();
+      m.value = !0, z();
       try {
-        const e = Q(M.value, m.value);
-        l.value = { ...V, total: e.length };
-        const o = [];
-        for (let i = 0; i < e.length; i += s.batchSize)
-          o.push(e.slice(i, i + s.batchSize));
+        const e = Q(C.value, v.value);
+        o.value = { ...V, total: e.length };
+        const r = [];
+        for (let a = 0; a < e.length; a += i.batchSize)
+          r.push(e.slice(a, a + i.batchSize));
         const u = setInterval(() => {
-          l.value.percentage < 90 && (l.value.percentage += Math.floor(Math.random() * 5) + 1);
+          o.value.percentage < 90 && (o.value.percentage += Math.floor(Math.random() * 5) + 1);
         }, 1e3);
-        for (const i of o) {
-          const t = await s.processBatch({
-            data: i,
-            options: q.value
+        for (const a of r) {
+          const t = await i.processBatch({
+            data: a,
+            options: q.value,
+            mappings: v.value
           });
-          l.value.processed += t.processed, l.value.created += t.created, l.value.updated += t.updated, l.value.skipped += t.skipped, l.value.failed += t.failed, l.value.errors = [...l.value.errors, ...t.errors || []], l.value.percentage = Math.min(
+          o.value.processed += t.processed, o.value.created += t.created, o.value.updated += t.updated, o.value.skipped += t.skipped, o.value.failed += t.failed, o.value.errors = [...o.value.errors, ...t.errors || []], o.value.percentage = Math.min(
             99,
-            Math.floor(l.value.processed / l.value.total * 100)
+            Math.floor(o.value.processed / o.value.total * 100)
           );
         }
-        clearInterval(u), l.value.percentage = 100, l.value.failed === 0 ? E(c("vlite.importData.success", "Data imported successfully."), "success") : E(c("vlite.importData.partial", "Import completed with some errors."), "warning"), s.onComplete && s.onComplete();
+        clearInterval(u), o.value.percentage = 100, o.value.failed === 0 ? j(c("vlite.importData.success", "Data imported successfully."), "success") : j(c("vlite.importData.partial", "Import completed with some errors."), "warning"), i?.onComplete && (typeof i.onComplete == "function" ? i.onComplete() : Array.isArray(i.onComplete) && i.onComplete.forEach((a) => {
+          typeof a == "function" && a();
+        }));
       } catch (e) {
-        console.error(e), E(c("vlite.importData.error", "A critical error occurred during import."), "error");
+        console.error(e), j(c("vlite.importData.error", "A critical error occurred during import."), "error");
       } finally {
-        v.value = !1;
+        m.value = !1;
       }
-    }, X = h(() => s.fields.map((e) => ({ value: e.field, label: e.title, required: e.required }))), Y = h(() => [
+    }, X = h(() => i.fields.map((e) => ({ value: e.field, label: e.title, required: e.required }))), Y = h(() => [
       { id: 1, title: c("vlite.importData.stepUpload", "Upload"), icon: "lucide:upload" },
       { id: 2, title: c("vlite.importData.stepMapping", "Mapping"), icon: "lucide:git-pull-request" },
       { id: 3, title: c("vlite.importData.stepOptions", "Options"), icon: "lucide:settings-2" },
       { id: 4, title: c("vlite.importData.stepImport", "Import"), icon: "lucide:loader" }
     ]), Z = h(() => c("vlite.importData.btnBack", "Back")), ee = h(() => c("vlite.importData.btnNext", "Next")), te = h(() => c("vlite.importData.btnStart", "Start Import")), ae = h(() => c("vlite.importData.btnDone", "Done")), le = (e) => {
-      C.value = e;
-    }, ie = (e) => {
-      O.value = e;
-    }, K = (e) => {
-      m.value = e;
+      M.value = e;
     }, oe = (e) => {
+      O.value = e;
+    }, P = (e) => {
+      v.value = e;
+    }, ie = (e) => {
       S.value = e;
     }, re = (e) => {
       F.value = e;
     }, se = (e) => {
-      M.value = e;
+      C.value = e;
     };
-    return (e, o) => (n(), d(me, {
-      show: P.value,
-      "onUpdate:show": o[0] || (o[0] = (u) => P.value = u),
-      title: A.value,
+    return (e, r) => (n(), d(me, {
+      show: A.value,
+      "onUpdate:show": r[0] || (r[0] = (u) => A.value = u),
+      title: R.value,
       "max-width": "sm:max-w-4xl",
       onClose: H,
-      "close-outside": !v.value
+      "close-outside": !m.value
     }, {
-      trigger: w(() => [
+      trigger: b(() => [
         ve(e.$slots, "trigger", {}, () => [
-          x.show ? T("", !0) : (n(), d(I, {
+          w.show ? T("", !0) : (n(), d(I, {
             key: 0,
-            text: x.buttonText,
-            icon: x.buttonIcon,
+            text: w.buttonText,
+            icon: w.buttonIcon,
             variant: "outline"
           }, null, 8, ["text", "icon"]))
         ])
       ]),
-      default: w(({ close: u }) => [
-        B("div", xe, [
+      default: b(({ close: u }) => [
+        B("div", we, [
           ue(pe(fe), {
             steps: Y.value,
-            "active-step": a.value - 1,
+            "active-step": l.value - 1,
             class: "mb-8"
           }, null, 8, ["steps", "active-step"]),
-          B("div", ye, [
-            a.value === 1 ? (n(), d(he, {
+          B("div", xe, [
+            l.value === 1 ? (n(), d(he, {
               key: 0,
-              importMethod: C.value,
+              importMethod: M.value,
               csvFile: O.value,
-              mappings: m.value,
-              fields: x.fields,
+              mappings: v.value,
+              fields: w.fields,
               headers: S.value,
               preview: F.value,
-              importData: M.value,
+              importData: C.value,
               "onUpdate:importMethod": le,
-              "onUpdate:csvFile": ie,
-              "onUpdate:mappings": K,
-              "onUpdate:headers": oe,
+              "onUpdate:csvFile": oe,
+              "onUpdate:mappings": P,
+              "onUpdate:headers": ie,
               "onUpdate:preview": re,
               "onUpdate:importData": se,
               onNext: z
-            }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : a.value === 2 ? (n(), d(ge, {
+            }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : l.value === 2 ? (n(), d(ge, {
               key: 1,
-              mappings: m.value,
+              mappings: v.value,
               headers: S.value,
               preview: F.value,
               availableFields: X.value,
-              "onUpdate:mappings": K
-            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : a.value === 3 ? (n(), d(be, {
+              "onUpdate:mappings": P
+            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : l.value === 3 ? (n(), d(ye, {
               key: 2,
               importOptions: q.value
-            }, null, 8, ["importOptions"])) : a.value === 4 ? (n(), d(we, {
+            }, null, 8, ["importOptions"])) : l.value === 4 ? (n(), d(be, {
               key: 3,
-              progress: l.value
+              progress: o.value
             }, null, 8, ["progress"])) : T("", !0)
           ]),
-          y.value.length > 0 && a.value === 2 ? (n(), N("div", De, [
+          x.value.length > 0 && l.value === 2 ? (n(), N("div", De, [
             B("ul", ke, [
-              (n(!0), N(ce, null, de(y.value, (i) => (n(), N("li", { key: i }, _(i), 1))), 128))
+              (n(!0), N(ce, null, de(x.value, (a) => (n(), N("li", { key: a }, _(a), 1))), 128))
             ])
           ])) : T("", !0)
         ])
       ]),
-      footer: w(({ close: u }) => [
+      footer: b(({ close: u }) => [
         B("div", _e, [
-          a.value > 1 && a.value < 4 ? (n(), d(I, {
+          l.value > 1 && l.value < 4 ? (n(), d(I, {
             key: 0,
             variant: "outline",
             onClick: J,
-            disabled: v.value,
+            disabled: m.value,
             icon: "lucide:arrow-left"
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(Z.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : (n(), N("div", Ie)),
-          a.value < 3 ? (n(), d(I, {
+          l.value < 3 ? (n(), d(I, {
             key: 2,
             variant: "primary",
             onClick: z,
-            disabled: a.value === 1 && !C.value || v.value,
+            disabled: l.value === 1 && !M.value || m.value,
             "icon-right": "lucide:arrow-right"
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(ee.value), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : a.value === 3 ? (n(), d(I, {
+          }, 8, ["disabled"])) : l.value === 3 ? (n(), d(I, {
             key: 3,
             variant: "primary",
             icon: "lucide:play",
             onClick: W,
-            loading: v.value
+            loading: m.value
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(te.value), 1)
             ]),
             _: 1
-          }, 8, ["loading"])) : a.value === 4 && l.value.percentage >= 100 ? (n(), d(I, {
+          }, 8, ["loading"])) : l.value === 4 && o.value.percentage >= 100 ? (n(), d(I, {
             key: 4,
             variant: "primary",
             onClick: u
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(ae.value), 1)
             ]),
             _: 1

package/components/ImportData/ImportStep1.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as A, ref as x, computed as d, openBlock as w, createElementBlock as V, createElementVNode as r, toDisplayString as l, withModifiers as F, normalizeClass as E, createVNode as v, createCommentVNode as J, withCtx as K, createTextVNode as L } from "vue";
+import { defineComponent as A, ref as b, computed as d, openBlock as w, createElementBlock as V, createElementVNode as r, toDisplayString as n, withModifiers as F, normalizeClass as E, createVNode as v, createCommentVNode as J, withCtx as K, createTextVNode as L } from "vue";
 import R from "papaparse";
 import M from "../Icon.vue.js";
 import W from "../Button.vue.js";
 import q from "../Textarea.vue.js";
 import { showToast as h } from "../../composables/useNotifications.js";
 import { $t as k } from "../../utils/i18n.js";
-import { camelCase as b } from "../../utils/functions.js";
+import { camelCase as g } from "../../utils/functions.js";
 const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { class: "space-y-6" }, Y = { class: "flex flex-col items-center justify-center pointer-events-none" }, Z = { class: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4 text-primary" }, ee = { class: "font-medium text-foreground mb-1" }, te = { class: "text-sm text-muted-foreground" }, ae = {
   key: 0,
   class: "mt-4 text-sm font-semibold text-primary bg-background px-3 py-1 rounded-md border border-border shadow-sm inline-block"
@@ -28,14 +28,14 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
     "update:importData",
     "next"
   ],
-  setup(n, { emit: P }) {
-    const y = n, i = P, o = (t, e, a) => {
-      const s = a ? k(t, a) : k(t);
-      return s !== t ? s : e;
-    }, D = x(null), m = x(!1), c = x(""), S = (t) => {
+  setup(l, { emit: P }) {
+    const y = l, i = P, s = (t, e, a) => {
+      const o = a ? k(t, a) : k(t);
+      return o !== t ? o : e;
+    }, D = b(null), m = b(!1), c = b(""), S = (t) => {
       if (t.preventDefault(), m.value = !1, t.dataTransfer?.files && t.dataTransfer.files.length > 0) {
         const e = t.dataTransfer.files[0];
-        e.type === "text/csv" || e.name.endsWith(".csv") ? _(e) : h(o("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
+        e.type === "text/csv" || e.name.endsWith(".csv") ? _(e) : h(s("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
       }
     }, _ = (t) => {
       i("update:csvFile", t), i("update:importMethod", "file");
@@ -46,10 +46,10 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
     }, T = () => {
       i("update:importMethod", "paste"), c.value && C(c.value);
     }, j = (t) => {
-      const e = b(t).replace(/\s+/g, ""), a = {};
-      return y.fields.forEach((s) => {
-        a[b(s.field)] = s.field, s.matchings?.forEach((u) => {
-          a[b(u)] = s.field;
+      const e = g(t), a = {};
+      return y.fields.forEach((o) => {
+        a[g(o.field)] = o.field, a[g(o.title)] = o.field, o.matchings?.forEach((u) => {
+          a[g(u)] = o.field;
         });
       }), a[e] || "";
     }, C = (t) => {
@@ -59,18 +59,18 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
           skipEmptyLines: !0,
           complete: (e) => {
             if (!e.data || e.data.length === 0) {
-              h(o("vlite.importData.emptyCsv", "The CSV file is empty."), "warning");
+              h(s("vlite.importData.emptyCsv", "The CSV file is empty."), "warning");
               return;
             }
             const a = Object.keys(e.data[0]);
             i("update:headers", a);
-            const s = e.data.map((p) => {
+            const o = e.data.map((p) => {
               const f = {};
-              return Object.keys(p).forEach((g) => {
-                f[g] = p[g] || y.fields.find((B) => B.field === g)?.defaultValue;
+              return Object.keys(p).forEach((x) => {
+                f[x] = p[x] || y.fields.find((B) => B.field === x)?.defaultValue;
               }), f;
             });
-            i("update:importData", s), i("update:preview", e.data.slice(0, 3));
+            i("update:importData", o), i("update:preview", e.data.slice(0, 3));
             const u = {};
             a.forEach((p) => {
               const f = j(p);
@@ -78,25 +78,25 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
             }), i("update:mappings", u), i("next");
           },
           error: (e) => h(
-            o("vlite.importData.parseError", "Failed to parse CSV: ") + e.message,
+            s("vlite.importData.parseError", "Failed to parse CSV: ") + e.message,
             "error"
           )
         });
       } catch (e) {
-        h(o("vlite.importData.processError", "Error processing CSV data"), "error"), console.error(e);
+        h(s("vlite.importData.processError", "Error processing CSV data"), "error"), console.error(e);
       }
     }, O = (t) => {
       const e = t.target;
       e.files && e.files.length > 0 && _(e.files[0]);
-    }, $ = d(() => o("vlite.importData.uploadData", "Upload Data")), I = d(() => o("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), z = d(() => o("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => o("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => o("vlite.importData.process", "Process Data")), U = d(() => o("vlite.importData.pastePlaceholder", `id, name, email
+    }, $ = d(() => s("vlite.importData.uploadData", "Upload Data")), I = d(() => s("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), z = d(() => s("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => s("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => s("vlite.importData.process", "Process Data")), U = d(() => s("vlite.importData.pastePlaceholder", `id, name, email
 1, John Doe, john@example.com`));
     return (t, e) => (w(), V("div", G, [
-      r("h5", Q, l($.value), 1),
+      r("h5", Q, n($.value), 1),
       r("div", X, [
         r("div", {
           class: E([
             "relative border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-colors",
-            n.importMethod === "file" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+            l.importMethod === "file" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
             m.value ? "border-primary bg-primary/10 scale-[1.01]" : ""
           ]),
           onClick: e[0] || (e[0] = (a) => D.value?.click()),
@@ -119,15 +119,15 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
                 class: "w-6 h-6"
               })
             ]),
-            r("p", ee, l(I.value), 1),
-            r("p", te, l(z.value), 1),
-            n.csvFile ? (w(), V("p", ae, l(n.csvFile.name) + " (" + l((n.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : J("", !0)
+            r("p", ee, n(I.value), 1),
+            r("p", te, n(z.value), 1),
+            l.csvFile ? (w(), V("p", ae, n(l.csvFile.name) + " (" + n((l.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : J("", !0)
           ])
         ], 34),
         r("div", {
           class: E([
             "border rounded-xl p-6 transition-colors",
-            n.importMethod === "paste" ? "border-primary shadow-sm ring-1 ring-primary/20" : "border-border"
+            l.importMethod === "paste" ? "border-primary shadow-sm ring-1 ring-primary/20" : "border-border"
           ])
         }, [
           r("div", re, [
@@ -138,7 +138,7 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
               })
             ]),
             r("div", null, [
-              r("p", se, l(H.value), 1)
+              r("p", se, n(H.value), 1)
             ])
           ]),
           v(q, {
@@ -155,7 +155,7 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
               disabled: !c.value
             }, {
               default: K(() => [
-                L(l(N.value), 1)
+                L(n(N.value), 1)
               ]),
               _: 1
             }, 8, ["disabled"])

package/components/ImportData/ImportStep3.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as _, computed as o, openBlock as g, createElementBlock
 import c from "../Icon.vue.js";
 import p from "../ChoiceBox/ChoiceBox.vue.js";
 import { $t as b } from "../../utils/i18n.js";
-const k = { class: "space-y-8" }, y = { class: "font-medium text-md mb-2" }, O = { class: "bg-card rounded-xl p-5 border border-border shadow-sm" }, N = { class: "flex items-center mb-6" }, S = { class: "bg-primary/10 p-2.5 rounded-lg mr-4 text-primary shrink-0" }, V = { class: "font-semibold text-foreground text-base" }, C = { class: "text-sm text-muted-foreground" }, M = { class: "bg-card rounded-xl p-5 border border-border shadow-sm" }, T = { class: "flex items-center mb-6" }, F = { class: "bg-primary/10 p-2.5 rounded-lg mr-4 text-primary shrink-0" }, A = { class: "font-semibold text-foreground text-base" }, I = { class: "text-sm text-muted-foreground" }, R = /* @__PURE__ */ _({
+const k = { class: "space-y-8 -mt-2" }, y = { class: "font-medium text-md mb-2" }, O = { class: "bg-card rounded-xl p-5 border border-border shadow-sm" }, N = { class: "flex items-center mb-6" }, S = { class: "bg-primary/10 p-2.5 rounded-lg mr-4 text-primary shrink-0" }, V = { class: "font-semibold text-foreground text-base" }, C = { class: "text-sm text-muted-foreground" }, M = { class: "bg-card rounded-xl p-5 border border-border shadow-sm" }, T = { class: "flex items-center mb-6" }, F = { class: "bg-primary/10 p-2.5 rounded-lg mr-4 text-primary shrink-0" }, A = { class: "font-semibold text-foreground text-base" }, I = { class: "text-sm text-muted-foreground" }, R = /* @__PURE__ */ _({
   __name: "ImportStep3",
   props: {
     importOptions: {}
@@ -11,17 +11,30 @@ const k = { class: "space-y-8" }, y = { class: "font-medium text-md mb-2" }, O =
     const t = (d, i) => {
       const s = b(d);
       return s !== d ? s : i;
-    }, m = o(() => t("vlite.importData.options", "Import Options")), u = o(() => t("vlite.importData.matchFound", "When a match is found")), h = o(() => t("vlite.importData.matchFoundDesc", "Determine how to handle records that already exist in the system.")), v = o(() => t("vlite.importData.noMatch", "When no match is found")), x = o(() => t("vlite.importData.noMatchDesc", "Determine how to handle completely new records.")), f = o(() => [
+    }, m = o(() => t("vlite.importData.options", "Import Options")), u = o(() => t("vlite.importData.matchFound", "When a match is found")), h = o(
+      () => t(
+        "vlite.importData.matchFoundDesc",
+        "Determine how to handle records that already exist in the system."
+      )
+    ), v = o(() => t("vlite.importData.noMatch", "When no match is found")), x = o(
+      () => t("vlite.importData.noMatchDesc", "Determine how to handle completely new records.")
+    ), f = o(() => [
       {
         id: "add",
         title: t("vlite.importData.optAddTitle", "Add New"),
-        description: t("vlite.importData.optAddDesc", "Creates a duplicate record instead of overwriting."),
+        description: t(
+          "vlite.importData.optAddDesc",
+          "Creates a duplicate record instead of overwriting."
+        ),
         icon: "lucide:plus-circle"
       },
       {
         id: "replace",
         title: t("vlite.importData.optReplaceTitle", "Update"),
-        description: t("vlite.importData.optReplaceDesc", "Overwrites existing fields with the imported data."),
+        description: t(
+          "vlite.importData.optReplaceDesc",
+          "Overwrites existing fields with the imported data."
+        ),
         icon: "lucide:refresh-cw"
       },
       {
@@ -34,13 +47,19 @@ const k = { class: "space-y-8" }, y = { class: "font-medium text-md mb-2" }, O =
       {
         id: "create",
         title: t("vlite.importData.optCreateTitle", "Create New"),
-        description: t("vlite.importData.optCreateDesc", "Creates a completely new record in the system."),
+        description: t(
+          "vlite.importData.optCreateDesc",
+          "Creates a completely new record in the system."
+        ),
         icon: "lucide:check-circle-2"
       },
       {
         id: "skip",
         title: t("vlite.importData.optSkipNewTitle", "Skip"),
-        description: t("vlite.importData.optSkipNewDesc", "Ignores the row if it does not already exist."),
+        description: t(
+          "vlite.importData.optSkipNewDesc",
+          "Ignores the row if it does not already exist."
+        ),
         icon: "lucide:ban"
       }
     ]);

package/components/ImportData/types.d.ts

@@ -27,6 +27,7 @@ export interface ImportOptions {
 export interface ImportBatchPayload {
     data: any[];
     options: ImportOptions;
+    mappings?: Record<string, string>;
 }
 export interface ImportBatchResult {
     processed: number;

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -14,7 +14,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -17,6 +17,7 @@
     --color-border: '';
     --color-input: '';
     --color-card: '';
+    --color-card-light: '';
     --color-secondary: '';
     --color-secondary-foreground: '';
     --color-muted: '';
@@ -651,12 +652,16 @@
 .dark .bg-card-light {
   --color-body: #121212 !important;
   --color-white: #121212 !important;
+  --color-mixture-1: #1b1b1b !important;
+  --color-mixture-2: #ffffff !important;
   background-color: #121212 !important;
 }
 
 .dark .bg-card .bg-card-light {
   --color-body: #1a1a1a !important;
   --color-white: #1a1a1a !important;
+  --color-mixture-1: #232323 !important;
+  --color-mixture-2: #000000;
   background-color: #1a1a1a !important;
 }
 

package/utils/functions.js

@@ -34,7 +34,11 @@ function h(t) {
     Object?.values(r)?.flatMap?.((n) => typeof n == "object" ? h([n]) : [n])
   ) : e.concat(r), []);
 }
-const F = (t) => typeof t == "string" ? t?.replace(/(^\w|[.!?]\s+\w)/g, (e) => e.toUpperCase()) : t, N = (t) => !t || typeof t != "string" ? "" : t[0].toLowerCase() + t.slice(1);
+const F = (t) => typeof t == "string" ? t?.replace(/(^\w|[.!?]\s+\w)/g, (e) => e.toUpperCase()) : t, N = (t) => {
+  if (!t || typeof t != "string") return "";
+  const e = t.replace(/\s+/g, "");
+  return e[0]?.toLowerCase() + e.slice(1);
+};
 function D(t, e) {
   let r = null, n = null, o = null;
   const s = () => {
@@ -137,10 +141,10 @@ const E = (t, e = {}) => {
   const n = m?.components?.datetime?.format || "MMM DD, YYYY", o = t ? c(t).format(n) : "";
   let s = e;
   if (e) {
-    const [i, d] = e.split(":");
-    if (i && d) {
-      const l = c().hour(Number(i)).minute(Number(d));
-      l.isValid() && (s = l.format("hh:mm"));
+    const [i, l] = e.split(":");
+    if (i && l) {
+      const d = c().hour(Number(i)).minute(Number(l));
+      d.isValid() && (s = d.format("hh:mm"));
     }
   }
   let a = r;