vlite3 1.2.2 → 1.2.5

package/components/SidePanel.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as D, ref as L, inject as V, computed as f, markRaw as j, watch as h, onMounted as K, onUnmounted as M, openBlock as l, createElementBlock as d, Fragment as F, createElementVNode as y, mergeProps as w, withModifiers as R, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as U, createVNode as $, Transition as k, withCtx as x, normalizeClass as m, toDisplayString as B, resolveDynamicComponent as q } from "vue";
+import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as y, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, toDisplayString as $, resolveDynamicComponent as q } from "vue";
 import G from "./Button.vue.js";
 import { useKeyStroke as H } from "../composables/useKeyStroke.js";
-import { $t as T } from "../utils/i18n.js";
+import { $t as k } from "../utils/i18n.js";
 const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold text-foreground" }, X = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, te = /* @__PURE__ */ D({
+}, te = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -29,91 +29,79 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(o, { emit: z }) {
-    const t = o, v = z, s = L(t.show);
+  setup(o, { emit: x }) {
+    const t = o, v = x, s = N(t.show);
     let u = null;
-    const i = V("dropdown-context", null), C = f(() => t.body ? j(t.body) : void 0);
+    const r = P("dropdown-context", null), b = f(() => t.body ? D(t.body) : void 0);
     h(
       () => t.show,
       (e) => {
-        s.value = e, e && (v("onOpen"), i?.close());
+        s.value = e, e && (v("onOpen"), r?.close());
       }
     );
-    const A = () => {
-      s.value = !0, i?.close();
+    const B = () => {
+      s.value = !0, r?.close();
     }, n = () => {
       s.value = !1, v("update:show", !1), v("close");
-    }, O = () => {
+    }, T = () => {
       t.closeOutside && n();
-    }, { onKeyStroke: S } = H();
-    S("Escape", n), h(s, (e) => {
-      u && clearTimeout(u), e ? (i?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
-        i?.onChildToggle?.(!1);
-      }, 300));
-    }), K(() => {
-      s.value && i?.onChildToggle?.(!0);
-    }), M(() => {
-      u && clearTimeout(u), s.value && i?.onChildToggle?.(!1), document.body.style.overflow = "";
+    }, { onKeyStroke: z } = H();
+    z("Escape", n), h(s, (e) => {
+      u && clearTimeout(u), e ? (r?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
+        r?.onChildToggle?.(!1);
+      }, 150));
+    }), L(() => {
+      s.value && r?.onChildToggle?.(!0);
+    }), V(() => {
+      u && clearTimeout(u), s.value && r?.onChildToggle?.(!1), document.body.style.overflow = "";
     });
-    const I = {
+    const A = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, E = f(() => t.position === "left" ? "left-0" : "right-0"), N = f(() => t.position === "left" ? "slide-left" : "slide-right"), r = f(() => t.titleI18n ? T(t.titleI18n) : t.title), b = f(
-      () => t.descriptionI18n ? T(t.descriptionI18n) : t.description
+    }, O = f(() => t.position === "left" ? "left-0 rounded-r-lg" : "right-0 rounded-l-md"), S = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? k(t.titleI18n) : t.title), C = f(
+      () => t.descriptionI18n ? k(t.descriptionI18n) : t.description
     );
-    return (e, p) => (l(), d(F, null, [
+    return (e, p) => (l(), i(j, null, [
       y("span", w({
-        onClick: R(A, ["stop"]),
+        onClick: K(B, ["stop"]),
         class: `${o.triggerClass}`
       }, e.$attrs, {
-        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : r.value ? `sidepanel-trigger-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel-trigger"
+        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : d.value ? `sidepanel-trigger-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel-trigger"
       }), [
         c(e.$slots, "trigger", {}, () => [
           o.body ? c(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
         ], !0)
       ], 16, J),
-      (l(), g(U, { to: "body" }, [
-        $(k, {
-          "enter-active-class": "transition-opacity duration-300 ease-out",
-          "enter-from-class": "opacity-0",
-          "enter-to-class": "opacity-100",
-          "leave-active-class": "transition-opacity duration-200 ease-in",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
+      (l(), g(M, { to: "body" }, [
+        s.value ? (l(), i("div", {
+          key: 0,
+          class: m(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
+          onClick: T
+        }, null, 2)) : a("", !0),
+        F(R, {
+          name: S.value,
+          onAfterEnter: p[0] || (p[0] = (I) => e.$emit("onAfterOpen")),
+          onAfterLeave: p[1] || (p[1] = (I) => e.$emit("onAfterClose"))
         }, {
-          default: x(() => [
-            s.value ? (l(), d("div", {
-              key: 0,
-              class: m(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
-              onClick: O
-            }, null, 2)) : a("", !0)
-          ]),
-          _: 1
-        }),
-        $(k, {
-          name: N.value,
-          onAfterEnter: p[0] || (p[0] = (P) => e.$emit("onAfterOpen")),
-          onAfterLeave: p[1] || (p[1] = (P) => e.$emit("onAfterClose"))
-        }, {
-          default: x(() => [
-            s.value ? (l(), d("div", {
+          default: U(() => [
+            s.value ? (l(), i("div", {
               key: 0,
               role: "dialog",
               "aria-modal": "true",
-              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [I[o.size], E.value, t.class]]),
-              "data-testid": e.$attrs["data-testid"] || (r.value ? `sidepanel-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
+              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border border-border/80 w-full", [A[o.size], O.value, t.class]]),
+              "data-testid": e.$attrs["data-testid"] || (d.value ? `sidepanel-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
             }, [
-              r.value || e.$slots.header ? (l(), d("div", {
+              d.value || e.$slots.header ? (l(), i("div", {
                 key: 0,
                 class: m([o.headerClass, "flex-none flex items-center justify-between px-5 py-2 border-b border-border"])
               }, [
                 c(e.$slots, "header", {}, () => [
                   y("div", null, [
-                    y("h3", W, B(r.value), 1),
-                    b.value ? (l(), d("p", X, B(b.value), 1)) : a("", !0)
+                    y("h3", W, $(d.value), 1),
+                    C.value ? (l(), i("p", X, $(C.value), 1)) : a("", !0)
                   ])
                 ], !0),
                 o.hideCloseButton ? a("", !0) : (l(), g(G, {
@@ -130,12 +118,12 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
               y("div", {
                 class: m(["flex-1 overflow-y-auto px-6 py-4 scrollbar-thin scrollbar-stable", o.bodyClass])
               }, [
-                C.value ? (l(), g(q(C.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
+                b.value ? (l(), g(q(b.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
                   key: 1,
                   close: n
                 }, void 0, !0)
               ], 2),
-              e.$slots.footer ? (l(), d("div", {
+              e.$slots.footer ? (l(), i("div", {
                 key: 1,
                 class: m(["flex-none px-6 py-3 border-t border-border", o.footerClass])
               }, [

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -25,7 +25,7 @@ const ue = {
     compactIconSize: { default: "21px" },
     labelClass: { default: "text-sm" },
     compactLabelClass: { default: "text-[11.5px] mt-1" },
-    itemPadding: { default: "py-1.5 px-2" },
+    itemPadding: { default: "py-2 px-2" },
     compactItemPadding: { default: "py-2 px-1" },
     nestedMenuWidth: { default: "220px" },
     nestedMenuMaxHeight: { default: "300px" },

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

@@ -7,5 +7,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     depth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;