adverich-kun-ui 0.1.253 → 0.1.254

package/dist/components/KunAppbar/src/components/KunAppbar.vue.js

@@ -100,26 +100,26 @@ const O = {
     }
   },
   setup(e, { expose: w }) {
-    const i = e, r = d(null), y = d(!0), h = d(!1);
+    const t = e, r = d(null), y = d(!0), h = d(!1);
     function c() {
       P(() => {
         if (r.value) {
-          const t = r.value.getBoundingClientRect();
-          M(Math.round(t.height));
+          const i = r.value.getBoundingClientRect();
+          M(Math.round(i.height));
         }
       });
     }
     function S() {
-      if (!i.autoHideOnScroll) return;
-      const t = window.scrollY;
-      y.value = t < b.value || t < 10, b.value = t;
+      if (!t.autoHideOnScroll) return;
+      const i = window.scrollY;
+      y.value = i < b.value || i < 10, b.value = i;
     }
     function u() {
-      i.responsiveCollapse && (h.value = window.innerWidth < i.collapseBreakpoint);
+      t.responsiveCollapse && (h.value = window.innerWidth < t.collapseBreakpoint);
     }
     const b = d(0);
     B(() => {
-      c(), i.autoHideOnScroll && window.addEventListener("scroll", S), i.responsiveCollapse && (window.addEventListener("resize", u), u());
+      c(), t.autoHideOnScroll && window.addEventListener("scroll", S), t.responsiveCollapse && (window.addEventListener("resize", u), u());
     }), I(c), $(() => {
       window.removeEventListener("scroll", S), window.removeEventListener("resize", u);
     }), w({
@@ -127,7 +127,7 @@ const O = {
       updateHeight: c
     });
     const C = f(() => {
-      switch (i.density) {
+      switch (t.density) {
         case "comfortable":
           return "h-[56px]";
         case "compact":
@@ -136,18 +136,18 @@ const O = {
           return "h-[64px]";
       }
     }), k = f(() => {
-      const t = ["sm", "md", "lg", "xl", "2xl"];
-      return i.elevation === "none" || !t.includes(i.elevation) ? "" : `shadow-${i.elevation}`;
+      const i = ["sm", "md", "lg", "xl", "2xl"];
+      return t.elevation === "none" || !i.includes(t.elevation) ? "" : `shadow-${t.elevation}`;
     }), z = f(
       () => C.value,
-      i.bgColor,
+      t.bgColor,
       k.value,
-      i.bordered ? i.borderColor : "",
-      i.fixed ? "fixed top-0 left-0 right-0" : "",
-      i.sticky ? "sticky top-0" : "",
-      i.glass ? "backdrop-blur-md" : "",
+      t.bordered ? t.borderColor : "",
+      t.fixed ? "fixed top-0 left-0 right-0" : "",
+      t.sticky ? "sticky top-0" : "",
+      t.glass ? "backdrop-blur-md" : "",
       h.value ? "justify-between px-2" : "",
-      animationClass.value
+      t.animationClass
     ), s = {
       "fade-slide": {
         enterActive: "transition-all duration-300 ease-out",
@@ -168,7 +168,7 @@ const O = {
         leaveTo: "scale-95 opacity-0"
       }
     };
-    return (t, p) => (a(), o(W, {
+    return (i, p) => (a(), o(W, {
       "enter-active-class": s[e.transition].enterActive,
       "enter-from-class": s[e.transition].enterFrom,
       "leave-active-class": s[e.transition].leaveActive,
@@ -180,18 +180,18 @@ const O = {
           ref: r,
           class: ["w-full flex transition-all duration-300", z.value],
           style: { zIndex: e.zIndex }
-        }, t.$attrs), [
+        }, i.$attrs), [
           m("div", {
             class: g(e.leftSectionClass)
           }, [
-            n(t.$slots, "appbarButton", {}, () => [
+            n(i.$slots, "appbarButton", {}, () => [
               e.showDrawerButton ? (a(), o(j, {
                 key: 0,
                 class: g(e.buttonClass),
                 minWidth: "fit-content",
                 bgColor: "bg-transparent",
                 textColor: "text-black dark:text-white",
-                onClick: p[0] || (p[0] = (V) => t.$emit("toggle-drawer"))
+                onClick: p[0] || (p[0] = (V) => i.$emit("toggle-drawer"))
               }, {
                 default: x(() => [
                   H(F, {
@@ -202,8 +202,8 @@ const O = {
                 _: 1
               }, 8, ["class"])) : l("", !0)
             ]),
-            n(t.$slots, "prepend"),
-            e.titlePosition === "left" ? n(t.$slots, "title", { key: 0 }, () => [
+            n(i.$slots, "prepend"),
+            e.titlePosition === "left" ? n(i.$slots, "title", { key: 0 }, () => [
               e.title ? (a(), o(v, {
                 key: 0,
                 title: e.title,
@@ -214,7 +214,7 @@ const O = {
             ]) : l("", !0)
           ], 2),
           e.titlePosition === "center" ? (a(), T("div", O, [
-            n(t.$slots, "title", {}, () => [
+            n(i.$slots, "title", {}, () => [
               e.title ? (a(), o(v, {
                 key: 0,
                 title: e.title,
@@ -227,8 +227,8 @@ const O = {
           m("div", {
             class: g(e.rightSectionClass)
           }, [
-            n(t.$slots, "actions"),
-            e.titlePosition === "right" ? n(t.$slots, "title", { key: 0 }, () => [
+            n(i.$slots, "actions"),
+            e.titlePosition === "right" ? n(i.$slots, "title", { key: 0 }, () => [
               e.title ? (a(), o(v, {
                 key: 0,
                 title: e.title,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.253",
+  "version": "0.1.254",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",