vlite3 1.0.10 → 1.1.2

package/components/ImportData/ImportData.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ne, computed as h, ref as b, shallowRef as B, openBlock as n, createBlock as d, withCtx as w, createElementVNode as U, createTextVNode as $, 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 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 me from "../Modal.vue.js";
 import I from "../Button.vue.js";
 import fe from "../Timeline/Timeline.vue.js";
@@ -9,7 +9,7 @@ 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 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De = {
+const xe = { class: "px-2" }, ye = { 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 }, Ve = /* @__PURE__ */ ne({
@@ -30,19 +30,19 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
     const s = x, R = L, P = h({
       get: () => s.show,
       set: (e) => R("update:show", e)
-    }), c = (e, i, u) => {
-      const o = u ? j(e, u) : j(e);
-      return o !== e ? o : i;
+    }), 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;
       }
       return s.title;
-    }), a = b(1), v = b(!1), M = B([]), m = b({}), q = b({
+    }), a = b(1), v = b(!1), M = $([]), m = b({}), q = b({
       existing: "replace",
       new: "create"
-    }), S = b(""), O = B(null), C = B([]), F = B([]), y = b([]), V = {
+    }), C = b(""), O = $(null), S = $([]), F = $([]), y = b([]), V = {
       total: 0,
       processed: 0,
       created: 0,
@@ -52,20 +52,20 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
       percentage: 0,
       errors: []
     }, l = b({ ...V }), H = () => {
-      a.value = 1, v.value = !1, M.value = [], m.value = {}, q.value = { existing: "replace", new: "create" }, S.value = "", O.value = null, C.value = [], F.value = [], y.value = [], l.value = { ...V };
+      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 };
     }, G = () => {
-      const e = [], i = {};
+      const e = [], o = {};
       for (const t in m.value) {
         const p = m.value[t];
-        p && (i[p] || (i[p] = []), i[p].push(t));
+        p && (o[p] || (o[p] = []), o[p].push(t));
       }
-      for (const t in i)
-        i[t].length > 1 && e.push(
-          `Field "${t}" is mapped to multiple headers: ${i[t].join(", ")}`
+      for (const t in o)
+        o[t].length > 1 && e.push(
+          `Field "${t}" is mapped to multiple headers: ${o[t].join(", ")}`
         );
-      const u = s.fields.filter((t) => t.required).map((t) => t.field), o = Object.values(m.value);
+      const u = s.fields.filter((t) => t.required).map((t) => t.field), i = Object.values(m.value);
       for (const t of u)
-        if (!o.includes(t)) {
+        if (!i.includes(t)) {
           const p = s.fields.find((r) => r.field === t)?.title || t;
           e.push(`Required field "${p}" is not mapped.`);
         }
@@ -74,37 +74,37 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
       a.value === 2 && (y.value = G(), y.value.length > 0) || a.value < 4 && a.value++;
     }, J = () => {
       a.value > 1 && !v.value && a.value--;
-    }, Q = (e, i) => e.map((u) => {
-      const o = {};
-      for (const t in i) {
-        const p = i[t];
+    }, Q = (e, o) => e.map((u) => {
+      const i = {};
+      for (const t in o) {
+        const p = o[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(".")) {
           const f = p.split(".");
-          let D = o;
+          let D = i;
           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;
         } else
-          o[p] = r;
+          i[p] = r;
       }
-      return o;
+      return i;
     }), W = async () => {
       v.value = !0, z();
       try {
         const e = Q(M.value, m.value);
         l.value = { ...V, total: e.length };
-        const i = [];
-        for (let o = 0; o < e.length; o += s.batchSize)
-          i.push(e.slice(o, o + s.batchSize));
+        const o = [];
+        for (let i = 0; i < e.length; i += s.batchSize)
+          o.push(e.slice(i, i + s.batchSize));
         const u = setInterval(() => {
           l.value.percentage < 90 && (l.value.percentage += Math.floor(Math.random() * 5) + 1);
         }, 1e3);
-        for (const o of i) {
+        for (const i of o) {
           const t = await s.processBatch({
-            data: o,
+            data: i,
             options: q.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(
@@ -124,21 +124,21 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
       { 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) => {
-      S.value = e;
-    }, oe = (e) => {
+      C.value = e;
+    }, ie = (e) => {
       O.value = e;
     }, K = (e) => {
       m.value = e;
-    }, ie = (e) => {
-      C.value = e;
+    }, oe = (e) => {
+      S.value = e;
     }, re = (e) => {
       F.value = e;
     }, se = (e) => {
       M.value = e;
     };
-    return (e, i) => (n(), d(me, {
+    return (e, o) => (n(), d(me, {
       show: P.value,
-      "onUpdate:show": i[0] || (i[0] = (u) => P.value = u),
+      "onUpdate:show": o[0] || (o[0] = (u) => P.value = u),
       title: A.value,
       "max-width": "sm:max-w-4xl",
       onClose: H,
@@ -155,33 +155,33 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
         ])
       ]),
       default: w(({ close: u }) => [
-        U("div", xe, [
+        B("div", xe, [
           ue(pe(fe), {
             steps: Y.value,
             "active-step": a.value - 1,
             class: "mb-13"
           }, null, 8, ["steps", "active-step"]),
-          U("div", ye, [
+          B("div", ye, [
             a.value === 1 ? (n(), d(he, {
               key: 0,
-              importMethod: S.value,
+              importMethod: C.value,
               csvFile: O.value,
               mappings: m.value,
               fields: x.fields,
-              headers: C.value,
+              headers: S.value,
               preview: F.value,
               importData: M.value,
               "onUpdate:importMethod": le,
-              "onUpdate:csvFile": oe,
+              "onUpdate:csvFile": ie,
               "onUpdate:mappings": K,
-              "onUpdate:headers": ie,
+              "onUpdate:headers": oe,
               "onUpdate:preview": re,
               "onUpdate:importData": se,
               onNext: z
             }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : a.value === 2 ? (n(), d(ge, {
               key: 1,
               mappings: m.value,
-              headers: C.value,
+              headers: S.value,
               preview: F.value,
               availableFields: X.value,
               "onUpdate:mappings": K
@@ -194,14 +194,14 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
             }, null, 8, ["progress"])) : T("", !0)
           ]),
           y.value.length > 0 && a.value === 2 ? (n(), N("div", De, [
-            U("ul", ke, [
-              (n(!0), N(ce, null, de(y.value, (o) => (n(), N("li", { key: o }, _(o), 1))), 128))
+            B("ul", ke, [
+              (n(!0), N(ce, null, de(y.value, (i) => (n(), N("li", { key: i }, _(i), 1))), 128))
             ])
           ])) : T("", !0)
         ])
       ]),
       footer: w(({ close: u }) => [
-        U("div", _e, [
+        B("div", _e, [
           a.value > 1 && a.value < 4 ? (n(), d(I, {
             key: 0,
             variant: "outline",
@@ -210,7 +210,7 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
             icon: "lucide:arrow-left"
           }, {
             default: w(() => [
-              $(_(Z.value), 1)
+              U(_(Z.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : (n(), N("div", Ie)),
@@ -218,11 +218,11 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
             key: 2,
             variant: "primary",
             onClick: z,
-            disabled: a.value === 1 && !S.value || v.value,
+            disabled: a.value === 1 && !C.value || v.value,
             "icon-right": "lucide:arrow-right"
           }, {
             default: w(() => [
-              $(_(ee.value), 1)
+              U(_(ee.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : a.value === 3 ? (n(), d(I, {
@@ -233,7 +233,7 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
             loading: v.value
           }, {
             default: w(() => [
-              $(_(te.value), 1)
+              U(_(te.value), 1)
             ]),
             _: 1
           }, 8, ["loading"])) : a.value === 4 && l.value.percentage >= 100 ? (n(), d(I, {
@@ -242,7 +242,7 @@ const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De =
             onClick: u
           }, {
             default: w(() => [
-              $(_(ae.value), 1)
+              U(_(ae.value), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : T("", !0)

package/components/ImportData/ImportStep2.vue.js

@@ -1,7 +1,118 @@
-import o from "./ImportStep2.vue2.js";
-/* empty css                 */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfd99cc9"]]);
+import { defineComponent as V, ref as $, computed as r, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as c, Fragment as h, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as w, createVNode as z } from "vue";
+import A from "../Dropdown/Dropdown.vue.js";
+import "@iconify/vue";
+import { $t as E } from "../../utils/i18n.js";
+/* empty css            */
+/* empty css                            */
+import P from "../CheckBox.vue.js";
+const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px]" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
+  key: 1,
+  class: "text-xs italic text-muted-foreground"
+}, tt = { class: "import-td-preview" }, et = {
+  key: 0,
+  class: "space-y-1"
+}, st = { class: "import-td-action" }, ot = { class: "flex justify-center items-center h-full" }, it = {
+  key: 0,
+  class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
+}, ut = /* @__PURE__ */ V({
+  __name: "ImportStep2",
+  props: {
+    headers: {},
+    preview: {},
+    mappings: {},
+    availableFields: {}
+  },
+  emits: ["next", "prev", "update:mappings"],
+  setup(l, { emit: b }) {
+    const m = l, v = b, o = $([]), d = (s, i) => {
+      const t = E(s);
+      return t !== s ? t : i;
+    }, y = r(() => m.headers.filter((s) => m.mappings[s] !== "")), k = (s) => {
+      const i = { ...m.mappings };
+      o.value.includes(s) ? o.value = o.value.filter((g) => g !== s) : o.value.push(s), i[s] !== "" && (i[s] = ""), v("update:mappings", i);
+    }, D = () => m.availableFields.map((s) => ({
+      label: s.required ? `${s.label} *` : s.label,
+      value: s.value
+    }));
+    r(() => d("vlite.importData.assignFields", "Assign Fields"));
+    const S = r(
+      () => d("vlite.importData.assignDesc", "Match your CSV columns to the correct system fields.")
+    ), F = r(() => d("vlite.importData.csvHeader", "CSV Header")), C = r(() => d("vlite.importData.fieldMapping", "System Field")), H = r(() => d("vlite.importData.preview", "Data Preview")), M = r(
+      () => d("vlite.importData.noHeaders", "No headers mapped. Data will not be imported properly.")
+    );
+    return (s, i) => (n(), a("div", R, [
+      e("div", null, [
+        e("p", U, c(S.value), 1)
+      ]),
+      e("div", q, [
+        e("div", L, [
+          e("table", W, [
+            e("thead", G, [
+              e("tr", null, [
+                e("th", J, c(F.value), 1),
+                e("th", K, c(C.value), 1),
+                e("th", Q, c(H.value), 1),
+                i[2] || (i[2] = e("th", { class: "import-th import-th-center" }, "Ignore", -1))
+              ])
+            ]),
+            e("tbody", T, [
+              (n(!0), a(h, null, x(l.headers, (t, g, nt, u) => {
+                const _ = [
+                  t,
+                  o.value.includes(t),
+                  l.mappings[t],
+                  l.preview.map((p) => p[t])
+                ];
+                if (u && u.key === t && B(u, _)) return u;
+                const f = (n(), a("tr", {
+                  key: t,
+                  class: I([
+                    "import-tr",
+                    o.value.includes(t) ? "import-tr-ignored" : "import-tr-active"
+                  ])
+                }, [
+                  e("td", X, c(t), 1),
+                  e("td", Y, [
+                    o.value.includes(t) ? (n(), a("span", Z, "Ignored")) : (n(), O(j(A), {
+                      key: 0,
+                      class: "w-full",
+                      options: D(),
+                      selected: l.mappings[t],
+                      placeholder: "Select Field",
+                      variant: "outline",
+                      showCaret: "",
+                      "btn-props": { class: "w-full justify-between" },
+                      onOnSelect: (p) => (l.mappings[t] = p.value, v("update:mappings", { ...l.mappings }))
+                    }, null, 8, ["options", "selected", "onOnSelect"]))
+                  ]),
+                  e("td", tt, [
+                    o.value.includes(t) ? w("", !0) : (n(), a("div", et, [
+                      (n(!0), a(h, null, x(l.preview, (p, N) => (n(), a("div", {
+                        key: N,
+                        class: "truncate text-xs"
+                      }, c(String(p[t] || "").slice(0, 50)), 1))), 128))
+                    ]))
+                  ]),
+                  e("td", st, [
+                    e("div", ot, [
+                      z(P, {
+                        checked: o.value.includes(t),
+                        "onUpdate:checked": (p) => k(t),
+                        size: "sm"
+                      }, null, 8, ["checked", "onUpdate:checked"])
+                    ])
+                  ])
+                ], 2));
+                return f.memo = _, f;
+              }, i, 0), 128))
+            ])
+          ])
+        ])
+      ]),
+      y.value.length === 0 ? (n(), a("div", it, c(M.value), 1)) : w("", !0)
+    ]));
+  }
+});
 export {
-  m as default
+  ut as default
 };

package/components/ImportData/ImportStep2.vue2.js

@@ -1,107 +1,4 @@
-import { defineComponent as $, ref as A, computed as c, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as r, Fragment as f, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as b, createVNode as z } from "vue";
-import E from "../Dropdown/Dropdown.vue.js";
-import "@iconify/vue";
-import { $t as P } from "../../utils/i18n.js";
-/* empty css            */
-/* empty css                            */
-import R from "../CheckBox.vue.js";
-const U = { class: "space-y-6" }, q = { class: "font-medium text-lg mb-1" }, L = { class: "text-sm text-muted-foreground" }, W = { class: "border border-border rounded-xl overflow-hidden" }, G = { class: "overflow-x-auto max-h-[400px]" }, J = { class: "import-table" }, K = { class: "import-thead" }, Q = { class: "import-th" }, T = { class: "import-th" }, X = { class: "import-th" }, Y = { class: "import-tbody" }, Z = { class: "import-td-header" }, tt = { class: "import-td-dropdown" }, et = {
-  key: 1,
-  class: "text-xs italic text-muted-foreground"
-}, st = { class: "import-td-preview" }, ot = {
-  key: 0,
-  class: "space-y-1"
-}, it = { class: "import-td-action" }, nt = { class: "flex justify-center items-center h-full" }, lt = {
-  key: 0,
-  class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
-}, gt = /* @__PURE__ */ $({
-  __name: "ImportStep2",
-  props: {
-    headers: {},
-    preview: {},
-    mappings: {},
-    availableFields: {}
-  },
-  emits: ["next", "prev", "update:mappings"],
-  setup(l, { emit: w }) {
-    const m = l, v = w, o = A([]), d = (s, i) => {
-      const t = P(s);
-      return t !== s ? t : i;
-    }, y = c(() => m.headers.filter((s) => m.mappings[s] !== "")), k = (s) => {
-      const i = { ...m.mappings };
-      o.value.includes(s) ? o.value = o.value.filter((g) => g !== s) : o.value.push(s), i[s] !== "" && (i[s] = ""), v("update:mappings", i);
-    }, D = () => m.availableFields.map((s) => ({
-      label: s.required ? `${s.label} *` : s.label,
-      value: s.value
-    })), S = c(() => d("vlite.importData.assignFields", "Assign Fields")), F = c(() => d("vlite.importData.assignDesc", "Match your CSV columns to the correct system fields.")), C = c(() => d("vlite.importData.csvHeader", "CSV Header")), H = c(() => d("vlite.importData.fieldMapping", "System Field")), M = c(() => d("vlite.importData.preview", "Data Preview")), N = c(() => d("vlite.importData.noHeaders", "No headers mapped. Data will not be imported properly."));
-    return (s, i) => (n(), a("div", U, [
-      e("div", null, [
-        e("h4", q, r(S.value), 1),
-        e("p", L, r(F.value), 1)
-      ]),
-      e("div", W, [
-        e("div", G, [
-          e("table", J, [
-            e("thead", K, [
-              e("tr", null, [
-                e("th", Q, r(C.value), 1),
-                e("th", T, r(H.value), 1),
-                e("th", X, r(M.value), 1),
-                i[2] || (i[2] = e("th", { class: "import-th import-th-center" }, "Ignore", -1))
-              ])
-            ]),
-            e("tbody", Y, [
-              (n(!0), a(f, null, x(l.headers, (t, g, at, u) => {
-                const _ = [t, o.value.includes(t), l.mappings[t], l.preview.map((p) => p[t])];
-                if (u && u.key === t && B(u, _)) return u;
-                const h = (n(), a("tr", {
-                  key: t,
-                  class: I(["import-tr", o.value.includes(t) ? "import-tr-ignored" : "import-tr-active"])
-                }, [
-                  e("td", Z, r(t), 1),
-                  e("td", tt, [
-                    o.value.includes(t) ? (n(), a("span", et, "Ignored")) : (n(), O(j(E), {
-                      key: 0,
-                      class: "w-full",
-                      options: D(),
-                      selected: l.mappings[t],
-                      placeholder: "Select Field",
-                      variant: "outline",
-                      showCaret: "",
-                      "btn-props": { class: "w-full justify-between" },
-                      onOnSelect: (p) => {
-                        l.mappings[t] = p.value, v("update:mappings", { ...l.mappings });
-                      }
-                    }, null, 8, ["options", "selected", "onOnSelect"]))
-                  ]),
-                  e("td", st, [
-                    o.value.includes(t) ? b("", !0) : (n(), a("div", ot, [
-                      (n(!0), a(f, null, x(l.preview, (p, V) => (n(), a("div", {
-                        key: V,
-                        class: "truncate text-xs"
-                      }, r(String(p[t] || "").slice(0, 50)), 1))), 128))
-                    ]))
-                  ]),
-                  e("td", it, [
-                    e("div", nt, [
-                      z(R, {
-                        checked: o.value.includes(t),
-                        "onUpdate:checked": (p) => k(t),
-                        size: "sm"
-                      }, null, 8, ["checked", "onUpdate:checked"])
-                    ])
-                  ])
-                ], 2));
-                return h.memo = _, h;
-              }, i, 0), 128))
-            ])
-          ])
-        ])
-      ]),
-      y.value.length === 0 ? (n(), a("div", lt, r(N.value), 1)) : b("", !0)
-    ]));
-  }
-});
+import f from "./ImportStep2.vue.js";
 export {
-  gt as default
+  f as default
 };

package/components/Input.vue.d.ts

@@ -13,15 +13,15 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;
-    change: (value: string | number) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: string | number) => any;
     "update:modelValue": (value: string | number) => any;
     "click:icon": (event: MouseEvent) => any;
     "click:icon-right": (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     onBlur?: (event: FocusEvent) => any;
-    onChange?: (value: string | number) => any;
     onFocus?: (event: FocusEvent) => any;
+    onChange?: (value: string | number) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
     "onClick:icon"?: (event: MouseEvent) => any;
     "onClick:icon-right"?: (event: MouseEvent) => any;
@@ -31,9 +31,9 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
     variant: InputVariant;
     size: InputSize;
     rounded: InputRounded;
+    loading: boolean;
     readonly: boolean;
     disabled: boolean;
-    loading: boolean;
     modelValue: string | number;
     rows: number;
     showClearButton: boolean;

package/components/Invoice/Invoice.vue.d.ts

@@ -0,0 +1,3 @@
+import { InvoiceProps } from './types';
+declare const _default: import('vue').DefineComponent<InvoiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InvoiceProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Invoice/Invoice.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as l, computed as e, openBlock as p, createBlock as s, resolveDynamicComponent as m } from "vue";
+import { getComponentConfig as u } from "../../utils/configUtils.js";
+import d from "./InvoiceVariant1.vue.js";
+import f from "./InvoiceVariant2.vue.js";
+import v from "./InvoiceVariant3.vue.js";
+import _ from "./InvoiceVariant4.vue.js";
+const k = /* @__PURE__ */ l({
+  __name: "Invoice",
+  props: {
+    data: {},
+    variant: {},
+    compact: { type: Boolean },
+    displayBarcodeValue: { type: Boolean }
+  },
+  setup(r) {
+    const a = r, o = u("invoice") || {}, t = e(() => a.variant ?? o.variant ?? "Variant1"), n = e(() => a.compact ?? o.compact ?? !1), c = e(() => a.displayBarcodeValue ?? o.displayBarcodeValue ?? !1), i = e(() => {
+      switch (t.value) {
+        case "Variant2":
+          return f;
+        case "Variant3":
+          return v;
+        case "Variant4":
+          return _;
+        default:
+          return d;
+      }
+    });
+    return (V, y) => (p(), s(m(i.value), {
+      data: a.data,
+      variant: t.value,
+      compact: n.value,
+      "display-barcode-value": c.value
+    }, null, 8, ["data", "variant", "compact", "display-barcode-value"]));
+  }
+});
+export {
+  k as default
+};

package/components/Invoice/Invoice.vue2.js

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

package/components/Invoice/InvoiceVariant1.vue.d.ts

@@ -0,0 +1,13 @@
+import { InvoiceData } from './types';
+type __VLS_Props = {
+    data: InvoiceData;
+    /** Reduces padding, spacing, and font sizes for print-friendly output */
+    compact?: boolean;
+    /** Toggles the display of the barcode text value underneath the bars */
+    displayBarcodeValue?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    compact: boolean;
+    displayBarcodeValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;