vlite3 1.4.41 → 1.5.1

package/components/Button.vue.js

@@ -1,7 +1,7 @@
 import o from "./Button.vue2.js";
 /* empty css            */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc9b3674"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c0db2af"]]);
 export {
-  _ as default
+  m as default
 };

package/components/Button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, useAttrs as H, computed as s, useSlots as F, Comment as M, Fragment as b, Text as O, withDirectives as Z, openBlock as i, createElementBlock as c, normalizeClass as o, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as z, toDisplayString as h, unref as q } from "vue";
+import { defineComponent as G, useAttrs as H, computed as s, useSlots as F, Comment as M, Fragment as b, Text as O, withDirectives as Z, openBlock as i, createElementBlock as c, normalizeClass as o, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as q } from "vue";
 import v from "./Icon.vue.js";
 import { vRipple as J } from "../directives/vRipple.js";
 import { $t as K } from "../utils/i18n.js";
@@ -61,7 +61,7 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
     }), a = s(() => {
       const n = e.layout || B.layout;
       return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), f = s(() => a.value === "tile"), A = s(() => a.value === "horizontal"), E = s(() => $[e.variant] ?? $.primary), k = s(() => ({
+    }), f = s(() => a.value === "tile"), A = s(() => a.value === "horizontal"), E = s(() => $[e.variant] ?? $.primary), z = s(() => ({
       xs: "w-9 h-9",
       sm: "w-10 h-10",
       sm2: "w-11 h-11",
@@ -71,7 +71,7 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
     })[e.size]), l = s(() => e.textI18n ? K(e.textI18n) : e.text), j = F(), p = s(() => j.default ? j.default().some((r) => !(r.type === M || r.type === b && Array.isArray(r.children) && r.children.length === 0 || r.type === O && typeof r.children == "string" && r.children.trim() === "")) : !1), y = s(
       () => e?.asIcon || e.icon && !l.value && !p.value
     ), g = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((r) => e.icon.toLowerCase().endsWith(r)) : !1), T = s(() => {
-      const r = `v-btn inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer focus:outline-none focus-visible:outline-none ${a.value === "tile" ? "flex-col gap-1.5 items-center" : a.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${A.value ? "v-btn-horizontal" : ""} ${y.value ? "icon-only shrink-0" : ""}`, C = {
+      const r = `v-btn inline-flex items-center justify-center whitespace-nowrap text-sm font-medium shrink-0 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer focus:outline-none focus-visible:outline-none ${a.value === "tile" ? "flex-col gap-1.5 items-center" : a.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${A.value ? "v-btn-horizontal" : ""} ${y.value ? "icon-only shrink-0" : ""}`, C = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -139,7 +139,7 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
       );
     }), m = s(() => {
       if (f.value && g.value)
-        return `${k.value} object-cover`;
+        return `${z.value} object-cover`;
       const n = e.description && a.value === "horizontal", r = {
         xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
         sm: n ? "w-5 h-5" : "w-4 h-4",
@@ -170,13 +170,13 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
           class: o(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
             g.value ? "" : "rounded-full",
             g.value ? "" : E.value,
-            g.value ? "" : k.value
+            g.value ? "" : z.value
           ]])
         }, [
           t.loading ? (i(), x(v, {
             key: 0,
             icon: "lucide:loader-2",
-            class: o(["animate-spin pointer-events-none", [m.value, g.value ? k.value : ""]])
+            class: o(["animate-spin pointer-events-none", [m.value, g.value ? z.value : ""]])
           }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
             key: 1,
             icon: t.icon,
@@ -189,7 +189,7 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
         }, [
           l.value || p.value ? (i(), c("span", Q, [
             w(n.$slots, "default", {}, () => [
-              z(h(l.value), 1)
+              k(h(l.value), 1)
             ], !0)
           ])) : u("", !0),
           e.description ? (i(), c("span", U, h(e.description), 1)) : u("", !0)
@@ -210,10 +210,10 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
             class: o([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
           }, [
             w(n.$slots, "default", {}, () => [
-              z(h(l.value), 1)
+              k(h(l.value), 1)
             ], !0)
           ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
-            z(h(l.value), 1)
+            k(h(l.value), 1)
           ], !0)
         ], 64)) : l.value || p.value || e.description ? (i(), c("div", {
           key: 3,
@@ -226,7 +226,7 @@ const P = ["type", "dir", "disabled", "data-testid"], Q = {
             class: o([[t.textClass, V.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
             w(n.$slots, "default", {}, () => [
-              z(h(l.value), 1)
+              k(h(l.value), 1)
             ], !0)
           ], 2),
           e.description ? (i(), c("span", X, h(e.description), 1)) : u("", !0)

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

@@ -18,22 +18,22 @@ declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProp
     onDelete: (item: CategoryItem) => any;
     "update:modelValue": (val: CategoryItem[]) => any;
     onAdd: (item: CategoryItem) => any;
-    onEdit: (item: CategoryItem) => any;
     onReorder: (val: {
         id: string | number;
         parentId: string | number | null;
         position: number;
     }) => any;
+    onEdit: (item: CategoryItem) => any;
 }, string, import('vue').PublicProps, Readonly<CategoryManagerProps> & Readonly<{
     onOnDelete?: (item: CategoryItem) => any;
     "onUpdate:modelValue"?: (val: CategoryItem[]) => any;
     onOnAdd?: (item: CategoryItem) => any;
-    onOnEdit?: (item: CategoryItem) => any;
     onOnReorder?: (val: {
         id: string | number;
         parentId: string | number | null;
         position: number;
     }) => any;
+    onOnEdit?: (item: CategoryItem) => any;
 }>, {
     size: "sm" | "md" | "lg";
     loading: boolean;

package/components/CategoryManager/CategoryManager.vue2.js

@@ -22,7 +22,7 @@ import "@vueuse/core";
 /* empty css                          */
 import qe from "../IconPicker.vue.js";
 /* empty css                                 */
-/* empty css                        */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */

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.vue2.js";
+import ee from "./CommandPaletteItem.vue.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.vue2.js → CommandPaletteItem.vue.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/DataTable/DataTable.vue.d.ts

@@ -46,6 +46,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     striped: boolean;
     rows: any[];
     headers: TableHeader[];
+    sortable: boolean;
     emptyIcon: string;
     selectedRows: any[];
     hideSelectable: boolean;
@@ -57,7 +58,6 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     keyField: string;
     hoverable: boolean;
     treeIndent: number;
-    sortable: boolean;
     headerVariant: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import o from "./DropdownMenu.vue2.js";
+import o from "./DropdownMenu.vue3.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-173c7a02"]]);

package/components/Form/{AccordionView.vue2.js → AccordionView.vue.js}

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

package/components/Form/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as d, openBlock as n, createElementBlock as R, createElementVNode as x, createBlock as s, withCtx as k, createTextVNode as B, toDisplayString as I, createCommentVNode as y, unref as l } from "vue";
 import T from "./TableView.vue.js";
-import C from "./AccordionView.vue2.js";
+import C from "./AccordionView.vue.js";
 import U from "../Label.vue.js";
 import z from "../Button.vue.js";
 import { useCustomFieldRows as N } from "./composables/useCustomFieldRows.js";

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: "ms-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 ms-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -21,7 +21,7 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                        */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */

package/components/Screen/components/ScreenAddAction.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, computed as m, markRaw as w, resolveComponent as N, openBlock as d, createBlock as o, resolveDynamicComponent as P, createElementBlock as f, Fragment as y, mergeProps as e, withCtx as n, createVNode as B, createTextVNode as i, toDisplayString as r, createCommentVNode as k } from "vue";
+import { defineComponent as x, computed as m, markRaw as s, resolveComponent as N, openBlock as d, createBlock as o, resolveDynamicComponent as P, createElementBlock as f, Fragment as y, mergeProps as e, withCtx as n, createVNode as B, createTextVNode as i, toDisplayString as r, createCommentVNode as k } from "vue";
 import c from "../../Button.vue.js";
 import V from "../../Modal.vue.js";
 import { $t as g } from "../../../utils/i18n.js";
@@ -15,16 +15,16 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
   emits: ["add"],
   setup(t, { emit: C }) {
     const a = t, b = C, v = m(
-      () => a.addComponent ? w(a.addComponent) : void 0
+      () => a.addComponent ? s(a.addComponent) : void 0
     ), h = m(
-      () => a.addBtn?.modal ? w(a.addBtn.modal) : void 0
+      () => a.addBtn?.modal ? s(a.addBtn.modal) : void 0
     ), l = m(() => {
       if (a.addBtn?.labelI18n) return g(a.addBtn.labelI18n);
       if (a.addBtn?.label) return a.addBtn.label;
       const u = g("vlite.screen.addNew");
       return u !== "vlite.screen.addNew" ? u : "Add New";
     });
-    return (u, s) => {
+    return (u, w) => {
       const A = N("router-link");
       return v.value ? (d(), o(P(v.value), { key: 0 })) : t.canAdd ? (d(), f(y, { key: 1 }, [
         t.addBtn ? (d(), f(y, { key: 0 }, [
@@ -34,12 +34,12 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
           }, t.addBtn.modalProps, {
             refetch: t.refetch,
             data: t.data,
-            triggerClass: "w-full",
+            class: "w-full md:w-auto!",
             loading: t.loading
           }), {
             trigger: n(() => [
               B(c, e({
-                class: "w-full",
+                class: "w-full md:w-auto!",
                 icon: t.addBtn.icon || "fluent:add-16-filled",
                 variant: t.addBtn.variant || "primary"
               }, t.addBtn.buttonProps), {
@@ -57,7 +57,7 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
           }, {
             default: n(() => [
               B(c, e({
-                class: "w-full",
+                class: "w-full md:w-auto!",
                 icon: t.addBtn.icon || "fluent:add-16-filled",
                 variant: t.addBtn.variant || "primary"
               }, t.addBtn.buttonProps), {
@@ -75,7 +75,7 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
             class: "inline-flex w-full sm:w-auto"
           }, [
             B(c, e({
-              class: "w-full",
+              class: "w-full md:w-auto!",
               icon: t.addBtn.icon || "fluent:add-16-filled",
               variant: t.addBtn.variant || "primary"
             }, t.addBtn.buttonProps), {
@@ -86,11 +86,11 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
             }, 16, ["icon", "variant"])
           ], 8, D)) : (d(), o(c, e({
             key: 3,
-            class: "w-full sm:w-auto",
+            class: "w-full md:w-auto!",
             icon: t.addBtn.icon || "fluent:add-16-filled",
             variant: t.addBtn.variant || "primary"
           }, t.addBtn.buttonProps, {
-            onClick: s[0] || (s[0] = (I) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
+            onClick: w[0] || (w[0] = (I) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
           }), {
             default: n(() => [
               i(r(l.value), 1)

package/components/Screen/components/ScreenHeaderTitle.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, computed as c, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as u, normalizeClass as d, toDisplayString as m, createBlock as x, withCtx as h, createVNode as I, createCommentVNode as i } from "vue";
+import { defineComponent as p, computed as c, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as u, normalizeClass as d, toDisplayString as m, createBlock as x, withCtx as I, createVNode as h, createCommentVNode as i } from "vue";
 import C from "../../Icon.vue.js";
 import g from "../../Tooltip.vue.js";
 import { $t as f } from "../../../utils/i18n.js";
-const k = { class: "flex flex-col shrink-0" }, v = {
+const v = { class: "flex flex-col" }, y = {
   key: 0,
   class: "flex items-center! gap-2"
 }, S = /* @__PURE__ */ p({
@@ -18,12 +18,12 @@ const k = { class: "flex flex-col shrink-0" }, v = {
     descriptionClass: {}
   },
   setup(t) {
-    const e = t, s = c(() => e.titleI18n ? f(e.titleI18n) : e.title), r = c(
+    const e = t, s = c(() => e.titleI18n ? f(e.titleI18n) : e.title), l = c(
       () => e.descriptionI18n ? f(e.descriptionI18n) : e.description
     );
-    return (l, y) => (n(), o("div", k, [
-      a(l.$slots, "title", {}, () => [
-        s.value ? (n(), o("div", v, [
+    return (r, k) => (n(), o("div", v, [
+      a(r.$slots, "title", {}, () => [
+        s.value ? (n(), o("div", y, [
           u("h1", {
             class: d(["text-fs-7.5 font-bold text-foreground", t.titleClass])
           }, m(s.value), 3),
@@ -33,8 +33,8 @@ const k = { class: "flex flex-col shrink-0" }, v = {
             "content-i18n": t.infoI18n,
             placement: "right"
           }, {
-            default: h(() => [
-              I(C, {
+            default: I(() => [
+              h(C, {
                 icon: "lucide:info",
                 class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
               })
@@ -43,11 +43,11 @@ const k = { class: "flex flex-col shrink-0" }, v = {
           }, 8, ["content", "content-i18n"])) : i("", !0)
         ])) : i("", !0)
       ]),
-      a(l.$slots, "description", {}, () => [
-        r.value ? (n(), o("p", {
+      a(r.$slots, "description", {}, () => [
+        l.value ? (n(), o("p", {
           key: 0,
           class: d(["text-sm text-gray-700 mt-1 md:max-w-[450px]", t.descriptionClass])
-        }, m(r.value), 3)) : i("", !0)
+        }, m(l.value), 3)) : i("", !0)
       ])
     ]));
   }

package/components/Tabes/Tabes.vue.d.ts

@@ -1,4 +1,4 @@
-import { TabesMenuSelectPayload, TabesOption, TabesSize, TabesVariant } from './types';
+import { TabesMenuSelectPayload, TabesOption, TabesReorderPayload, TabesSize, TabesVariant } from './types';
 interface Props {
     options: TabesOption[];
     modelValue: string | number;
@@ -18,6 +18,17 @@ interface Props {
      * — matching Dropdown — instead of pinning LTR.
      */
     direction?: 'ltr' | 'rtl' | 'auto';
+    /**
+     * Opt-in: let the user drag tabs into a new order. Off by default.
+     * The new order is persisted to localStorage and restored on reload.
+     */
+    sortable?: boolean;
+    /**
+     * localStorage slot for the persisted order (prefixed `builto-tabes-order-`).
+     * When omitted, a stable key is derived from the tab value set. Only used
+     * when `sortable` is on.
+     */
+    storageKey?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string | number) => any;
@@ -25,18 +36,23 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "menu-select": (payload: TabesMenuSelectPayload) => any;
     "menu-open": (tab: TabesOption) => any;
     "menu-close": (tab: TabesOption) => any;
+    reorder: (payload: TabesReorderPayload) => any;
+    "update:options": (options: TabesOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onChange?: (value: string | number) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
     "onMenu-select"?: (payload: TabesMenuSelectPayload) => any;
     "onMenu-open"?: (tab: TabesOption) => any;
     "onMenu-close"?: (tab: TabesOption) => any;
+    onReorder?: (payload: TabesReorderPayload) => any;
+    "onUpdate:options"?: (options: TabesOption[]) => any;
 }>, {
     variant: TabesVariant;
     size: TabesSize;
     block: boolean;
     direction: "ltr" | "rtl" | "auto";
     wrap: boolean;
+    sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
     scrollRef: HTMLDivElement;

package/components/Tabes/Tabes.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tabes.vue2.js";
 /* empty css           */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f8e99f2"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-de4ab2fa"]]);
 export {
-  e as default
+  f as default
 };