lkt-tabs 2.0.1 → 2.0.2

package/dist/build.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as O, computed as k, watch as v, createElementBlock as m, createCommentVNode as P, openBlock as d, unref as B, normalizeClass as y, renderSlot as V, Fragment as _, renderList as A, createBlock as $, resolveDynamicComponent as R, mergeProps as h, mergeDefaults as K, onMounted as I, resolveComponent as N, createVNode as M, createElementVNode as U, withDirectives as F, withCtx as G, vShow as z } from "vue";
+import { defineComponent as E, ref as O, computed as k, watch as v, createElementBlock as m, createCommentVNode as P, openBlock as d, unref as B, normalizeClass as y, renderSlot as _, Fragment as V, renderList as A, createBlock as $, resolveDynamicComponent as R, mergeProps as h, mergeDefaults as K, onMounted as I, resolveComponent as N, createVNode as M, createElementVNode as U, withDirectives as F, withCtx as G, vShow as z } from "vue";
 import { TabType as w, MenuEntryType as S, ButtonType as j, MenuType as q, getDefaultValues as H, Tabs as J } from "lkt-vue-kernel";
 import { generateRandomString as L, trim as C } from "lkt-string-tools";
 import { secondsToMilliseconds as Y } from "lkt-date-tools";
@@ -11,21 +11,21 @@ const Q = ["id"], W = /* @__PURE__ */ E({
   },
   setup(e) {
     const t = e, o = L(8), r = O(t.isActive), l = k(() => t.tab.type === w.Always ? !0 : t.tab.type === w.Lazy ? r.value : t.isActive);
-    return v(() => t.isActive, (n) => {
-      n && (r.value = !0);
-    }), (n, u) => l.value ? (d(), m("section", {
+    return v(() => t.isActive, (a) => {
+      a && (r.value = !0);
+    }), (a, u) => l.value ? (d(), m("section", {
       key: 0,
       class: y(["lkt-tab--content", e.tab.containerClass]),
       role: "tabpanel",
       id: `lkt-tabs-${B(o)}-${e.tab.key}`
     }, [
-      (d(!0), m(_, null, A(e.tab.content, (i) => (d(), $(R(i.tag), h({
+      (d(!0), m(V, null, A(e.tab.content, (i) => (d(), $(R(i.tag), h({
         class: i.class
       }, { ref_for: !0 }, i.props, {
         modelValue: i.vModels.modelValue,
-        "onUpdate:modelValue": (a) => i.vModels.modelValue = a
+        "onUpdate:modelValue": (n) => i.vModels.modelValue = n
       }), null, 16, ["class", "modelValue", "onUpdate:modelValue"]))), 256)),
-      V(n.$slots, "default")
+      _(a.$slots, "default")
     ], 10, Q)) : P("", !0);
   }
 });
@@ -45,12 +45,12 @@ c.COOKIE_FALLBACK = new X();
 const Z = (e, t, o) => {
   const r = /* @__PURE__ */ new Date(), l = r.getTime() + Y(o);
   r.setTime(l);
-  const n = `expires=${r.toUTCString()}`;
-  document.cookie = `${e}=${t}, ${n}`;
+  const a = `expires=${r.toUTCString()}`;
+  document.cookie = `${e}=${t}, ${a}`;
 }, ee = (e) => {
   const t = `${e}=`, o = document.cookie.split(","), r = document.cookie.split("expires="), l = C(r[1]);
-  let n = new Date(l);
-  if (l && (n = new Date(l)) && n < /* @__PURE__ */ new Date()) {
+  let a = new Date(l);
+  if (l && (a = new Date(l)) && a < /* @__PURE__ */ new Date()) {
     x(e);
     return;
   }
@@ -103,30 +103,30 @@ const Z = (e, t, o) => {
     "update:modelValue"
   ],
   setup(e, { emit: t }) {
-    const o = e, r = t, l = L(8), n = O("");
+    const o = e, r = t, l = L(8), a = O("");
     if (o.useSession) {
       o.id || console.warn("[LKT Tabs] You're trying to use session provided tabs without the required id. Please, add id attr");
-      let a = ne(o.id);
-      a && (n.value = a);
+      let n = ne(o.id);
+      n && (a.value = n);
     }
-    v(() => o.modelValue, (a, p) => {
-      typeof a == "string" && (n.value = a);
-    }), v(n, (a, p) => {
-      r("update:modelValue");
+    v(() => o.modelValue, (n, p) => {
+      typeof n == "string" && (a.value = n);
+    }), v(a, (n, p) => {
+      r("update:modelValue", n);
     });
     const u = k(() => {
-      let a = [];
-      return o.class && a.push(o.class), a.join(" ");
+      let n = [];
+      return o.class && n.push(o.class), n.join(" ");
     }), i = k(() => {
       var p, f;
-      let a = [];
+      let n = [];
       return (p = o.navStartButtons) == null || p.forEach((s) => {
-        a.push({
+        n.push({
           type: S.Button,
           button: s
         });
       }), o.tabs.map((s) => {
-        const b = n.value === s.key;
+        const b = a.value === s.key;
         return {
           key: s.key,
           type: S.Button,
@@ -145,25 +145,25 @@ const Z = (e, t, o) => {
             events: {
               click: (D) => {
                 var g, T;
-                typeof ((g = s.button.events) == null ? void 0 : g.click) == "function" && ((T = s.button.events) == null || T.click(D)), n.value = s.key;
+                typeof ((g = s.button.events) == null ? void 0 : g.click) == "function" && ((T = s.button.events) == null || T.click(D)), a.value = s.key;
               }
             }
           }
         };
-      }).forEach((s) => a.push(s)), (f = o.navEndButtons) == null || f.forEach((s) => {
-        a.push({
+      }).forEach((s) => n.push(s)), (f = o.navEndButtons) == null || f.forEach((s) => {
+        n.push({
           type: S.Button,
           button: s
         });
       }), {
         menuKey: `tabs-menu-${o.id}`,
         type: q.TabList,
-        modelValue: a
+        modelValue: n
       };
     });
     return I(() => {
-      !n.value && o.tabs.length > 0 && (n.value = o.tabs[0].key);
-    }), (a, p) => {
+      !a.value && o.tabs.length > 0 && (a.value = o.tabs[0].key);
+    }), (n, p) => {
       const f = N("lkt-menu");
       return d(), m("div", {
         class: y(["lkt-tabs", u.value])
@@ -172,17 +172,17 @@ const Z = (e, t, o) => {
         U("div", {
           class: y(["lkt-tabs--content", e.contentClass])
         }, [
-          (d(!0), m(_, null, A(e.tabs, (s) => F((d(), $(W, h({ ref_for: !0 }, {
+          (d(!0), m(V, null, A(e.tabs, (s) => F((d(), $(W, h({ ref_for: !0 }, {
             tab: s,
-            isActive: n.value === s.key,
+            isActive: a.value === s.key,
             identifier: B(l)
           }), {
             default: G(() => [
-              V(a.$slots, "tab-" + s.key)
+              _(n.$slots, "tab-" + s.key)
             ]),
             _: 2
           }, 1040)), [
-            [z, n.value === s.key]
+            [z, a.value === s.key]
           ])), 256))
         ], 2)
       ], 2);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lkt-tabs",
   "type": "module",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "",
   "sideEffects": false,
   "module": "./dist/build.js",

package/src/lib-components/LktTabs.vue

@@ -43,7 +43,7 @@ watch(() => props.modelValue, (newVal, oldVal) => {
 })
 
 watch(Value, (newVal, oldVal) => {
-    emit('update:modelValue');
+    emit('update:modelValue', newVal);
 })
 
 const classes = computed(() => {
@@ -86,7 +86,7 @@ const computedMenuConfig = computed(() => {
                             tab.button.events?.click(args);
                         }
 
-                        Value.value = tab.key
+                        Value.value = tab.key;
                     }
                 }
             }