vlite3 1.3.11 → 1.4.2

package/components/Screen/ScreenFilter.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as r, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
 import h from "../Icon.vue.js";
 import { $t as y } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import O from "../Form/Form.vue.js";
 /* empty css                  */
@@ -18,12 +19,16 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */
-/* empty css                      */
+/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
+/* empty css                                    */
+/* empty css                      */
 const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
   class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, re = /* @__PURE__ */ B({
+}, me = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -32,12 +37,12 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    const u = i, m = $, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
-      (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
+    const m = i, c = $, r = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
+      (e) => m.modelValue[e] !== "" && m.modelValue[e] !== null && m.modelValue[e] !== void 0
     ).length : 0), x = (e) => {
-      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+      c("update:modelValue", e.values), c("change", e.values), r.value = !1;
     }, k = () => {
-      m("update:modelValue", {}), m("change", {});
+      c("update:modelValue", {}), c("change", {});
     }, g = d(() => {
       const e = y("vlite.screen.filters");
       return e !== "vlite.screen.filters" ? e : "Filters";
@@ -48,19 +53,19 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (r(), n(j, {
+    return (e, t) => i.type === "modal" ? (s(), n(j, {
       key: 0,
       title: g.value,
-      show: s.value,
-      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
+      show: r.value,
+      "onUpdate:show": t[3] || (t[3] = (u) => r.value = u),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (c) => s.value = !0)
+          onClick: t[0] || (t[0] = (u) => r.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -79,10 +84,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (c) => s.value = !0),
+          onClick: t[2] || (t[2] = (u) => r.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
@@ -90,7 +95,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, {
           default: o(() => [
             l("div", N, [
-              t[1] || (C(-1, !0), (t[1] = (r(), S("svg", {
+              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -121,10 +126,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (r(), n(w(z), {
+    }, 8, ["title", "show"])) : (s(), n(w(z), {
       key: 1,
-      isOpen: s.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
+      isOpen: r.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (u) => r.value = u),
       "close-on-select": !1,
       position: "bottom-end",
       maxHeight: "430px",
@@ -132,7 +137,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -155,7 +160,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -186,5 +191,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  re as default
+  me as default
 };

package/components/SidebarMenu/SidebarMenu.vue.d.ts

@@ -3,10 +3,10 @@ declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {},
     variant: "default" | "ghost";
     compact: boolean;
     orientation: "vertical" | "horizontal";
-    iconSize: string;
     items: SidebarMenuItemSchema[];
-    mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
     allowMultiple: boolean;
+    iconSize: string;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
     menuOffset: [number, number];
     indentSize: number;
     defaultExpanded: string[];

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -5,6 +5,7 @@ import G from "../Tooltip.vue.js";
 import xe from "../Dropdown/Dropdown.vue.js";
 import { $t as J } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 const we = {
   key: 0,
@@ -12,7 +13,7 @@ const we = {
 }, ke = { class: "w-full" }, Ce = { class: "flex items-center w-full gap-2 text-sm" }, Ie = { class: "truncate flex-1 font-medium" }, Se = ["onKeydown"], ze = {
   key: 0,
   class: "sidebar-children-container overflow-hidden transition-all duration-300 ease-in-out relative"
-}, $e = { class: "pt-1 space-y-0.5" }, Ae = /* @__PURE__ */ le({
+}, $e = { class: "pt-1 space-y-0.5" }, De = /* @__PURE__ */ le({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -378,5 +379,5 @@ const we = {
   }
 });
 export {
-  Ae as default
+  De as default
 };

package/components/Switch.vue.js

@@ -1,12 +1,12 @@
 import { defineComponent as h, computed as b, openBlock as n, createElementBlock as s, normalizeClass as i, createElementVNode as o, toDisplayString as d, createCommentVNode as u, withModifiers as v } from "vue";
 import { $t as m } from "../utils/i18n.js";
-const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
+const w = { class: "flex flex-col gap-0.5 min-w-0" }, p = {
   key: 0,
   class: "text-sm font-medium text-foreground leading-snug select-none"
-}, p = {
+}, y = {
   key: 1,
   class: "text-xs text-muted-foreground leading-snug select-none"
-}, x = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], y = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], z = /* @__PURE__ */ h({
+}, k = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], x = ["id", "aria-checked", "aria-label", "disabled", "data-testid"], z = /* @__PURE__ */ h({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -36,8 +36,8 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
       onClick: r
     }, [
       o("div", w, [
-        t.value ? (n(), s("span", k, d(t.value), 1)) : u("", !0),
-        c.value ? (n(), s("span", p, d(c.value), 1)) : u("", !0)
+        t.value ? (n(), s("span", p, d(t.value), 1)) : u("", !0),
+        c.value ? (n(), s("span", y, d(c.value), 1)) : u("", !0)
       ]),
       o("button", {
         id: e.id,
@@ -57,7 +57,7 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
             e.modelValue ? "translate-x-5 rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)
-      ], 10, x)
+      ], 10, k)
     ], 2)) : (n(), s("div", {
       key: 1,
       class: i(["inline-flex items-center gap-2", a.class])
@@ -76,11 +76,11 @@ const w = { class: "flex flex-col gap-0.5 min-w-0" }, k = {
         o("span", {
           "aria-hidden": "true",
           class: i([
-            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out",
+            "pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-primary-fg shadow-lg ring-0 transition duration-200 ease-in-out",
             e.modelValue ? "translate-x-5 rtl:translate-x-0" : "translate-x-0 rtl:-translate-x-5"
           ])
         }, null, 2)
-      ], 10, y),
+      ], 10, x),
       t.value ? (n(), s("label", {
         key: 0,
         class: i([e.disabled ? "opacity-50" : "", "text-sm font-medium text-foreground cursor-pointer"]),

package/components/Tooltip.vue.js

@@ -14,6 +14,7 @@ const y = {
     placement: { default: "top" },
     offset: {},
     trigger: {},
+    reference: {},
     arrow: { type: Boolean, default: !0 },
     triggerClass: { default: "" },
     className: { default: "" },

package/components/Workbook/Sheet.vue.d.ts

@@ -34,8 +34,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onDuplicate?: (id: string) => any;
 }>, {
     itemClass: string;
-    confirmDelete: boolean;
     isEditing: boolean;
+    confirmDelete: boolean;
     canDelete: boolean;
     allowIconChange: boolean;
     activeItemClass: string;

package/components/Workbook/Sheet.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as I, ref as b, computed as v, openBlock as a, createElementBlock as d, normalizeClass as $, createElementVNode as u, withModifiers as r, createBlock as S, withCtx as x, createVNode as m, createCommentVNode as V, withDirectives as j, withKeys as g, vModelText as z, toDisplayString as K, unref as M, nextTick as N } from "vue";
+import { defineComponent as I, ref as b, computed as v, openBlock as r, createElementBlock as d, normalizeClass as $, createElementVNode as u, withModifiers as a, createBlock as S, withCtx as x, createVNode as m, createCommentVNode as V, withDirectives as j, withKeys as g, vModelText as z, toDisplayString as K, unref as M, nextTick as N } from "vue";
 import y from "../Icon.vue.js";
 import O from "../Dropdown/Dropdown.vue.js";
 import { $t as l } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import R from "../Button.vue.js";
 import A from "../IconPicker.vue.js";
@@ -15,7 +16,7 @@ const U = {
 }, F = { class: "flex-1 min-w-0 pr-1" }, G = ["onKeydown"], H = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, _ = /* @__PURE__ */ I({
+}, ee = /* @__PURE__ */ I({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -86,17 +87,17 @@ const U = {
       e.isActive ? `bg-secondary text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
-    return (n, t) => (a(), d("div", {
+    return (n, t) => (r(), d("div", {
       class: $(E.value),
       onClick: t[5] || (t[5] = (c) => o("select", i.sheet.id)),
       onDblclick: h
     }, [
       u("div", {
-        onClick: t[1] || (t[1] = r(() => {
+        onClick: t[1] || (t[1] = a(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (a(), S(A, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (r(), S(A, {
           key: 0,
           value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
@@ -111,7 +112,7 @@ const U = {
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : i.sheet.icon ? (a(), d("div", q, [
+        }, 8, ["value"])) : i.sheet.icon ? (r(), d("div", q, [
           m(y, {
             icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
@@ -119,7 +120,7 @@ const U = {
         ])) : V("", !0)
       ]),
       u("div", F, [
-        i.isEditing ? j((a(), d("input", {
+        i.isEditing ? j((r(), d("input", {
           key: 0,
           ref_key: "inputRef",
           ref: f,
@@ -128,18 +129,18 @@ const U = {
           class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
           onBlur: k,
           onKeydown: [
-            g(r(k, ["prevent"]), ["enter"]),
-            g(r(D, ["prevent"]), ["esc"])
+            g(a(k, ["prevent"]), ["enter"]),
+            g(a(D, ["prevent"]), ["esc"])
           ],
-          onClick: t[3] || (t[3] = r(() => {
+          onClick: t[3] || (t[3] = a(() => {
           }, ["stop"]))
         }, null, 40, G)), [
           [z, s.value]
-        ]) : (a(), d("span", H, K(C.value), 1))
+        ]) : (r(), d("span", H, K(C.value), 1))
       ]),
       u("div", {
         class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 -mr-2 flex items-center",
-        onClick: t[4] || (t[4] = r(() => {
+        onClick: t[4] || (t[4] = a(() => {
         }, ["stop"]))
       }, [
         m(M(O), {
@@ -165,5 +166,5 @@ const U = {
   }
 });
 export {
-  _ as default
+  ee as default
 };

package/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as Badge } from './Badge.vue';
 export { Barcode } from './Barcode';
 export { default as Beacon } from './Beacon.vue';
 export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
+export { CategoryMenu } from './CategoryMenu';
 export { default as Button } from './Button.vue';
 export { default as BackButton } from './BackButton.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';

package/index.d.ts

@@ -50,6 +50,7 @@ export * from './components/AttachmentsList';
 export * from './components/CustomFieldsDisplay';
 export * from './components/Invoice';
 export * from './components/CategoryManager';
+export * from './components/CategoryMenu';
 export * from './components/ThumbnailSelector';
 export * from './components/TagInput';
 export * from './components/Calendar';