vlite3 1.3.3 → 1.3.5

package/components/Pagination/Pagination.vue.js

@@ -1,31 +1,32 @@
-import { defineComponent as q, computed as u, openBlock as r, createElementBlock as l, normalizeClass as i, createElementVNode as m, toDisplayString as o, Fragment as k, renderList as D, createVNode as C, createCommentVNode as h, createTextVNode as b, createBlock as x, withCtx as z } from "vue";
-import G from "../Icon.vue.js";
+import { defineComponent as G, computed as u, openBlock as r, createElementBlock as i, normalizeClass as l, createElementVNode as f, toDisplayString as o, Fragment as k, renderList as N, createVNode as C, createCommentVNode as P, createTextVNode as h, createBlock as b, withCtx as z } from "vue";
+import H from "../Icon.vue.js";
 import c from "../Button.vue.js";
-import { $t as y } from "../../utils/i18n.js";
-const H = {
+import { $t as x } from "../../utils/i18n.js";
+const J = {
   key: 0,
   class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
-}, J = {
+}, K = {
   key: 0,
   class: "flex items-center gap-2 text-sm text-muted-foreground"
-}, K = { class: "whitespace-nowrap" }, Q = { class: "relative" }, U = ["value", "disabled"], W = ["value"], X = { class: "whitespace-nowrap" }, Y = {
+}, Q = { class: "whitespace-nowrap" }, U = { class: "relative" }, W = ["value", "disabled"], X = ["value"], Y = { class: "whitespace-nowrap" }, Z = {
   key: 1,
   class: "hidden md:block w-px h-4 bg-border"
-}, Z = {
+}, p = {
   key: 2,
   class: "text-sm text-muted-foreground whitespace-nowrap"
-}, p = { class: "font-medium text-foreground" }, _ = { class: "font-medium text-foreground" }, ee = {
+}, _ = { class: "font-medium text-foreground" }, ee = { class: "font-medium text-foreground" }, te = {
   class: "flex items-center justify-center gap-1 order-1 md:order-2",
   "aria-label": "Pagination"
-}, te = {
+}, ae = {
   key: 0,
-  class: "px-2 text-muted-foreground select-none"
-}, le = /* @__PURE__ */ q({
+  class: "w-8 h-8 flex items-center justify-center text-muted-foreground select-none"
+}, le = /* @__PURE__ */ G({
   __name: "Pagination",
   props: {
     currentPage: { default: 1 },
     totalPages: {},
-    totalItems: { default: 1 },
+    totalItems: { default: 0 },
+    siblingCount: { default: 1 },
     disabled: { type: Boolean, default: !1 },
     showEdges: { type: Boolean, default: !1 },
     showPageInfo: { type: Boolean, default: !1 },
@@ -38,35 +39,36 @@ const H = {
     rounded: { default: "full" }
   },
   emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
-  setup(e, { emit: N }) {
-    const n = e, f = N, g = (t) => {
-      n.disabled || t < 1 || t > n.totalPages || t !== n.currentPage && (f("update:currentPage", t), f("change", t));
-    }, O = (t) => {
-      const s = t.target, a = parseInt(s.value);
-      f("update:itemsPerPage", a), f("change:itemsPerPage", a), f("update:currentPage", 1), f("change", 1);
-    }, B = u(() => {
-      if (n.totalItems * 2 + 5 >= n.totalPages)
-        return I(1, n.totalPages);
-      const s = Math.max(n.currentPage - n.totalItems, 1), a = Math.min(n.currentPage + n.totalItems, n.totalPages), v = s > 2, P = a < n.totalPages - 2, $ = 1, j = n.totalPages;
-      if (!v && P) {
-        const w = 3 + 2 * n.totalItems;
-        return [...I(1, w), "DOTS", j];
+  setup(e, { emit: O }) {
+    const s = e, m = O, g = (t) => {
+      s.disabled || t < 1 || t > s.totalPages || t !== s.currentPage && (m("update:currentPage", t), m("change", t));
+    }, B = (t) => {
+      const n = t.target, a = parseInt(n.value);
+      m("update:itemsPerPage", a), m("change:itemsPerPage", a), m("update:currentPage", 1), m("change", 1);
+    }, R = u(() => {
+      const t = s.siblingCount ?? 1;
+      if (t * 2 + 5 >= s.totalPages)
+        return I(1, s.totalPages);
+      const a = Math.max(s.currentPage - t, 1), y = Math.min(s.currentPage + t, s.totalPages), v = a > 2, j = y < s.totalPages - 2, $ = 1, T = s.totalPages;
+      if (!v && j) {
+        const w = 3 + 2 * t;
+        return [...I(1, w), "DOTS", T];
       }
-      if (v && !P) {
-        const w = 3 + 2 * n.totalItems, T = I(n.totalPages - w + 1, n.totalPages);
-        return [$, "DOTS", ...T];
+      if (v && !j) {
+        const w = 3 + 2 * t, D = I(s.totalPages - w + 1, s.totalPages);
+        return [$, "DOTS", ...D];
       }
-      if (v && P) {
-        const w = I(s, a);
-        return [$, "DOTS", ...w, "DOTS", j];
+      if (v && j) {
+        const w = I(a, y);
+        return [$, "DOTS", ...w, "DOTS", T];
       }
       return [];
-    }), I = (t, s) => {
-      const a = s - t + 1;
-      return Array.from({ length: a }, (v, P) => P + t);
-    }, R = u(() => {
-      if (n.alignment)
-        switch (n.alignment) {
+    }), I = (t, n) => {
+      const a = n - t + 1;
+      return Array.from({ length: a }, (y, v) => v + t);
+    }, V = u(() => {
+      if (s.alignment)
+        switch (s.alignment) {
           case "start":
             return "justify-start";
           case "end":
@@ -76,9 +78,9 @@ const H = {
           default:
             return "justify-center";
         }
-      return n.showPageInfo || n.showItemsPerPage ? "justify-between" : "justify-center";
+      return s.showPageInfo || s.showItemsPerPage ? "justify-between" : "justify-center";
     }), d = u(() => {
-      switch (n.rounded) {
+      switch (s.rounded) {
         case "none":
           return "rounded-none";
         case "sm":
@@ -91,7 +93,7 @@ const H = {
           return "rounded-md";
       }
     }), S = u(() => {
-      switch (n.activeVariant) {
+      switch (s.activeVariant) {
         case "solid":
           return {
             variant: "primary",
@@ -108,163 +110,163 @@ const H = {
             extraClass: "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10"
           };
       }
-    }), V = u(() => {
-      const t = y("vlite.pagination.show");
-      return t !== "vlite.pagination.show" ? t : "Show";
     }), E = u(() => {
-      const t = y("vlite.pagination.perPage");
-      return t !== "vlite.pagination.perPage" ? t : "per page";
+      const t = x("vlite.pagination.show");
+      return t !== "vlite.pagination.show" ? t : "Show";
     }), A = u(() => {
-      const t = y("vlite.pagination.page");
-      return t !== "vlite.pagination.page" ? t : "Page";
+      const t = x("vlite.pagination.perPage");
+      return t !== "vlite.pagination.perPage" ? t : "per page";
     }), L = u(() => {
-      const t = y("vlite.pagination.of");
-      return t !== "vlite.pagination.of" ? t : "of";
+      const t = x("vlite.pagination.page");
+      return t !== "vlite.pagination.page" ? t : "Page";
     }), M = u(() => {
-      const t = y("vlite.pagination.previous");
-      return t !== "vlite.pagination.previous" ? t : "Previous";
+      const t = x("vlite.pagination.of");
+      return t !== "vlite.pagination.of" ? t : "of";
     }), F = u(() => {
-      const t = y("vlite.pagination.next");
+      const t = x("vlite.pagination.previous");
+      return t !== "vlite.pagination.previous" ? t : "Previous";
+    }), q = u(() => {
+      const t = x("vlite.pagination.next");
       return t !== "vlite.pagination.next" ? t : "Next";
     });
-    return (t, s) => (r(), l("div", {
-      class: i(["flex flex-col md:flex-row items-center gap-4 w-full", [R.value]])
+    return (t, n) => (r(), i("div", {
+      class: l(["flex flex-col md:flex-row items-center gap-4 w-full", [V.value]])
     }, [
-      e.showPageInfo || e.showItemsPerPage ? (r(), l("div", H, [
-        e.showItemsPerPage ? (r(), l("div", J, [
-          m("span", K, o(V.value), 1),
-          m("div", Q, [
-            m("select", {
+      e.showPageInfo || e.showItemsPerPage ? (r(), i("div", J, [
+        e.showItemsPerPage ? (r(), i("div", K, [
+          f("span", Q, o(E.value), 1),
+          f("div", U, [
+            f("select", {
               value: e.itemsPerPage,
               class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
               disabled: e.disabled,
-              onChange: O
+              onChange: B
             }, [
-              (r(!0), l(k, null, D(e.itemsPerPageOptions, (a) => (r(), l("option", {
+              (r(!0), i(k, null, N(e.itemsPerPageOptions, (a) => (r(), i("option", {
                 key: a,
                 value: a
-              }, o(a), 9, W))), 128))
-            ], 40, U),
-            C(G, {
+              }, o(a), 9, X))), 128))
+            ], 40, W),
+            C(H, {
               icon: "lucide:chevron-down",
               class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
             })
           ]),
-          m("span", X, o(E.value), 1)
-        ])) : h("", !0),
-        e.showItemsPerPage && e.showPageInfo ? (r(), l("div", Y)) : h("", !0),
-        e.showPageInfo ? (r(), l("span", Z, [
-          b(o(A.value) + " ", 1),
-          m("span", p, o(e.currentPage), 1),
-          b(" " + o(L.value) + " ", 1),
-          m("span", _, o(e.totalPages), 1)
-        ])) : h("", !0)
-      ])) : h("", !0),
-      m("nav", ee, [
-        e.showEdges ? (r(), x(c, {
+          f("span", Y, o(A.value), 1)
+        ])) : P("", !0),
+        e.showItemsPerPage && e.showPageInfo ? (r(), i("div", Z)) : P("", !0),
+        e.showPageInfo ? (r(), i("span", p, [
+          h(o(L.value) + " ", 1),
+          f("span", _, o(e.currentPage), 1),
+          h(" " + o(M.value) + " ", 1),
+          f("span", ee, o(e.totalPages), 1)
+        ])) : P("", !0)
+      ])) : P("", !0),
+      f("nav", te, [
+        e.showEdges ? (r(), b(c, {
           key: 0,
           variant: "ghost",
-          size: "sm",
+          size: "sm2",
           icon: "lucide:chevrons-left",
-          class: i(d.value),
+          class: l(d.value),
           disabled: e.disabled || e.currentPage === 1,
-          onClick: s[0] || (s[0] = (a) => g(1))
-        }, null, 8, ["class", "disabled"])) : h("", !0),
-        e.navType === "icon" ? (r(), x(c, {
+          onClick: n[0] || (n[0] = (a) => g(1))
+        }, null, 8, ["class", "disabled"])) : P("", !0),
+        e.navType === "icon" ? (r(), b(c, {
           key: 1,
           variant: "ghost",
-          size: "sm",
+          size: "sm2",
           icon: "lucide:chevron-left",
-          class: i(d.value),
+          class: l(d.value),
           disabled: e.disabled || e.currentPage === 1,
-          onClick: s[1] || (s[1] = (a) => g(e.currentPage - 1))
-        }, null, 8, ["class", "disabled"])) : (r(), l(k, { key: 2 }, [
+          onClick: n[1] || (n[1] = (a) => g(e.currentPage - 1))
+        }, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 2 }, [
           C(c, {
             variant: "ghost",
-            size: "sm",
-            class: i(["hidden sm:flex", d.value]),
+            size: "sm2",
+            class: l(["hidden sm:flex", d.value]),
             disabled: e.disabled || e.currentPage === 1,
-            onClick: s[2] || (s[2] = (a) => g(e.currentPage - 1))
+            onClick: n[2] || (n[2] = (a) => g(e.currentPage - 1))
           }, {
             default: z(() => [
-              b(o(M.value), 1)
+              h(o(F.value), 1)
             ]),
             _: 1
           }, 8, ["class", "disabled"]),
           C(c, {
             variant: "ghost",
-            size: "sm",
+            size: "sm2",
             icon: "lucide:chevron-left",
-            class: i(["flex sm:hidden", d.value]),
+            class: l(["flex sm:hidden", d.value]),
             disabled: e.disabled || e.currentPage === 1,
-            onClick: s[3] || (s[3] = (a) => g(e.currentPage - 1))
+            onClick: n[3] || (n[3] = (a) => g(e.currentPage - 1))
           }, null, 8, ["class", "disabled"])
         ], 64)),
-        (r(!0), l(k, null, D(B.value, (a, v) => (r(), l(k, { key: v }, [
-          a === "DOTS" ? (r(), l("div", te, "...")) : a === e.currentPage ? (r(), x(c, {
+        (r(!0), i(k, null, N(R.value, (a, y) => (r(), i(k, { key: y }, [
+          a === "DOTS" ? (r(), i("div", ae, "...")) : a === e.currentPage ? (r(), b(c, {
             key: 1,
-            size: "sm",
+            size: "sm2",
             variant: S.value.variant,
-            class: i([S.value.extraClass, d.value]),
+            class: l(["w-8! h-8! px-0! py-0! flex items-center justify-center min-w-[2rem]", S.value.extraClass, d.value]),
             disabled: e.disabled
           }, {
             default: z(() => [
-              b(o(a), 1)
+              h(o(a), 1)
             ]),
             _: 2
-          }, 1032, ["variant", "class", "disabled"])) : (r(), x(c, {
+          }, 1032, ["variant", "class", "disabled"])) : (r(), b(c, {
             key: 2,
-            size: "sm",
+            size: "sm2",
             variant: "ghost",
-            class: i(["text-gray-600 hover:bg-gray-100", d.value]),
+            class: l(["w-8! h-8! px-0! py-0! border border-transparent flex items-center justify-center min-w-[2rem] text-gray-600 hover:bg-gray-100", d.value]),
             disabled: e.disabled,
-            onClick: (P) => g(a)
+            onClick: (v) => g(a)
           }, {
             default: z(() => [
-              b(o(a), 1)
+              h(o(a), 1)
             ]),
             _: 2
           }, 1032, ["class", "disabled", "onClick"]))
         ], 64))), 128)),
-        e.navType === "icon" ? (r(), x(c, {
+        e.navType === "icon" ? (r(), b(c, {
           key: 3,
           variant: "ghost",
-          size: "sm",
+          size: "sm2",
           icon: "lucide:chevron-right",
-          class: i(d.value),
+          class: l(d.value),
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: s[4] || (s[4] = (a) => g(e.currentPage + 1))
-        }, null, 8, ["class", "disabled"])) : (r(), l(k, { key: 4 }, [
+          onClick: n[4] || (n[4] = (a) => g(e.currentPage + 1))
+        }, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 4 }, [
           C(c, {
             variant: "ghost",
-            size: "sm",
-            class: i(["hidden sm:flex", d.value]),
+            size: "sm2",
+            class: l(["hidden sm:flex", d.value]),
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: s[5] || (s[5] = (a) => g(e.currentPage + 1))
+            onClick: n[5] || (n[5] = (a) => g(e.currentPage + 1))
           }, {
             default: z(() => [
-              b(o(F.value), 1)
+              h(o(q.value), 1)
             ]),
             _: 1
           }, 8, ["class", "disabled"]),
           C(c, {
             variant: "ghost",
-            size: "sm",
+            size: "sm2",
             icon: "lucide:chevron-right",
-            class: i(["flex sm:hidden", d.value]),
+            class: l(["flex sm:hidden", d.value]),
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: s[6] || (s[6] = (a) => g(e.currentPage + 1))
+            onClick: n[6] || (n[6] = (a) => g(e.currentPage + 1))
           }, null, 8, ["class", "disabled"])
         ], 64)),
-        e.showEdges ? (r(), x(c, {
+        e.showEdges ? (r(), b(c, {
           key: 5,
           variant: "ghost",
-          size: "sm",
+          size: "sm2",
           icon: "lucide:chevrons-right",
-          class: i(d.value),
+          class: l(d.value),
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: s[7] || (s[7] = (a) => g(e.totalPages))
-        }, null, 8, ["class", "disabled"])) : h("", !0)
+          onClick: n[7] || (n[7] = (a) => g(e.totalPages))
+        }, null, 8, ["class", "disabled"])) : P("", !0)
       ])
     ], 2));
   }

package/components/Pagination/index.d.ts

@@ -11,6 +11,7 @@ export interface PaginationProps {
     currentPage?: number;
     totalPages: number;
     totalItems?: number;
+    siblingCount?: number;
     disabled?: boolean;
     showEdges?: boolean;
     showPageInfo?: boolean;

package/components/Persona.vue.js

@@ -0,0 +1,134 @@
+import { defineComponent as b, computed as s, openBlock as n, createBlock as h, resolveDynamicComponent as y, mergeProps as k, withCtx as w, createElementVNode as i, createVNode as z, createElementBlock as l, normalizeClass as r, createCommentVNode as a, toDisplayString as d } from "vue";
+import v from "./Avatar.vue.js";
+const C = { class: "relative inline-flex flex-shrink-0" }, _ = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+}, D = /* @__PURE__ */ b({
+  __name: "Persona",
+  props: {
+    src: {},
+    link: {},
+    alt: {},
+    fallback: {},
+    size: { default: "md" },
+    rounded: { default: "full" },
+    presence: {},
+    label: {},
+    secondaryLabel: {},
+    labelTheme: { default: "default" },
+    hideDetails: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  setup(c) {
+    const e = c, u = s(() => {
+      switch (e.presence) {
+        case "online":
+          return "bg-success";
+        case "busy":
+        case "dnd":
+          return "bg-danger";
+        case "away":
+          return "bg-warning";
+        default:
+          return "bg-muted";
+      }
+    }), m = s(() => {
+      const t = {
+        xs: "h-1.5 w-1.5 ring-1 border-[0.5px]",
+        sm: "h-2 w-2 ring-[1.5px] border-[0.5px]",
+        md: "h-2.5 w-2.5 ring-2 border-[0.5px]",
+        lg: "h-3.5 w-3.5 ring-2 border-1",
+        xl: "h-4 w-4 ring-2 border-1",
+        "2xl": "h-5 w-5 ring-[3px] border-1.5"
+      };
+      return t[e.size] || t.md;
+    }), g = s(() => {
+      const t = {
+        xs: "gap-0",
+        sm: "gap-0",
+        md: "gap-0.5",
+        lg: "gap-0.5",
+        xl: "gap-1",
+        "2xl": "gap-1"
+      };
+      return t[e.size] || t.md;
+    }), x = s(() => {
+      const t = {
+        xs: "text-[10px] font-medium leading-none",
+        sm: "text-xs font-semibold leading-none",
+        md: "text-sm font-semibold leading-none",
+        lg: "text-fs-4.5 font-semibold leading-none",
+        xl: "text-fs-5.5 font-semibold leading-tight",
+        "2xl": "text-fs-6.5 font-bold leading-tight"
+      };
+      return t[e.size] || t.md;
+    }), f = s(() => ({
+      default: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      danger: "text-danger",
+      warning: "text-warning",
+      success: "text-success",
+      info: "text-info",
+      muted: "text-muted-foreground"
+    })[e.labelTheme] || e.labelTheme), p = s(() => {
+      const t = {
+        xs: "text-[9px] leading-none mt-0.5",
+        sm: "text-[10px] leading-none mt-1",
+        md: "-text-fs-3 leading-none mt-0.5",
+        lg: "-text-fs-1.5 leading-none mt-1",
+        xl: "text-base leading-tight",
+        "2xl": "text-fs-1 leading-tight"
+      };
+      return t[e.size] || t.md;
+    });
+    return (t, o) => (n(), h(y(e.link ? "router-link" : "div"), k(e.link ? { to: e.link } : {}, {
+      class: [
+        "inline-flex items-center gap-2.5",
+        e.class,
+        e.link && "cursor-pointer hover:opacity-80 transition-opacity"
+      ]
+    }), {
+      default: w(() => [
+        i("div", C, [
+          z(v, {
+            src: e.src,
+            alt: e.alt,
+            fallback: e.fallback,
+            size: e.size,
+            rounded: e.rounded
+          }, null, 8, ["src", "alt", "fallback", "size", "rounded"]),
+          e.presence ? (n(), l("span", {
+            key: 0,
+            class: r([
+              "absolute bottom-0 right-0 rounded-full ring-background border-background",
+              u.value,
+              m.value
+            ])
+          }, [
+            e.presence === "dnd" ? (n(), l("span", _, [...o[0] || (o[0] = [
+              i("span", { class: "w-1/2 h-[1px] bg-white rounded-full" }, null, -1)
+            ])])) : a("", !0)
+          ], 2)) : a("", !0)
+        ]),
+        !e.hideDetails && (e.label || e.secondaryLabel) ? (n(), l("div", {
+          key: 0,
+          class: r(["flex flex-col justify-center", g.value])
+        }, [
+          e.label ? (n(), l("span", {
+            key: 0,
+            class: r([f.value, x.value])
+          }, d(e.label), 3)) : a("", !0),
+          e.secondaryLabel ? (n(), l("span", {
+            key: 1,
+            class: r(["text-muted-foreground", p.value])
+          }, d(e.secondaryLabel), 3)) : a("", !0)
+        ], 2)) : a("", !0)
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  D as default
+};

package/components/Persona.vue2.js

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

package/components/Screen/Screen.vue.d.ts

@@ -333,9 +333,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (items: any[]) => any;
     add: () => any;
+    "change-view": (view: string) => any;
 }, string, import('vue').PublicProps, Readonly<ScreenProps> & Readonly<{
     onDelete?: (items: any[]) => any;
     onAdd?: () => any;
+    "onChange-view"?: (view: string) => any;
 }>, {
     name: string;
     data: any[];