lkt-tabs 1.0.7 → 1.1.0

package/dist/lkt-tabs.es.js

@@ -1,14 +1,17 @@
-import { defineComponent as H, ref as g, computed as i, watch as $, openBlock as l, createElementBlock as r, unref as u, renderSlot as h, createCommentVNode as P, getCurrentInstance as q, normalizeClass as C, withDirectives as F, createElementVNode as y, Fragment as _, renderList as b, withModifiers as V, vShow as M, normalizeStyle as x, createBlock as z, withCtx as D } from "vue";
-import { generateRandomString as E, isString as K, getSlots as S } from "lkt-tools";
-import { getSessionStorage as U, setSessionStorage as R } from "lkt-session";
-const B = (a) => `lkt-tabs.${window.location.host}${window.location.pathname}.${a}`, Y = (a) => U(B(a)), G = (a, c, e) => {
-  R(B(a), c, e * 60);
-}, J = ["id"], Q = {
-  name: "LktTab",
-  inheritAttrs: !1,
-  customOptions: {}
-}, A = /* @__PURE__ */ H({
-  ...Q,
+import { defineComponent as H, ref as $, computed as c, watch as k, createElementBlock as u, createCommentVNode as A, openBlock as i, renderSlot as v, getCurrentInstance as P, useSlots as j, nextTick as q, normalizeClass as C, withDirectives as y, createElementVNode as L, Fragment as S, renderList as g, withModifiers as V, vShow as F, normalizeStyle as z, createBlock as D, withCtx as E } from "vue";
+import { getSessionStorage as K, setSessionStorage as N } from "lkt-session";
+function U(a = 10) {
+  let r = "";
+  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", d = t.length;
+  for (let s = 0; s < a; s++)
+    r += t.charAt(Math.floor(Math.random() * d));
+  return r;
+}
+function Y(a) {
+  return typeof a == "string";
+}
+const G = ["id"], J = /* @__PURE__ */ H({
+  __name: "LktTab",
   props: {
     id: { type: String, default: "" },
     name: { type: String, required: !0 },
@@ -17,128 +20,129 @@ const B = (a) => `lkt-tabs.${window.location.host}${window.location.pathname}.${
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["is-active"],
-  setup(a, { emit: c }) {
-    const e = a, n = g(!1), o = g(E(8)), m = i(() => e.id ? e.id : K(e.name) && e.name.length > 0 ? e.name.toLowerCase().replace(/ /g, "-") : o.value), p = () => {
-      n.value = e.activeHash === e.hash, c("is-active", n.value);
+  setup(a, { emit: r }) {
+    const t = a, d = r, s = $(!1), p = $(U(8)), o = c(() => t.id ? t.id : Y(t.name) && t.name.length > 0 ? t.name.toLowerCase().replace(/ /g, "-") : p.value), h = () => {
+      s.value = t.activeHash === t.hash, d("is-active", s.value);
     };
-    return $(() => e.activeHash, p), p(), (d, T) => n.value ? (l(), r("section", {
+    return k(() => t.activeHash, h), h(), (m, f) => s.value ? (i(), u("section", {
       key: 0,
       "data-lkt": "tab-content",
-      id: u(m),
+      id: o.value,
       role: "tabpanel"
     }, [
-      h(d.$slots, "default")
-    ], 8, J)) : P("", !0);
+      v(m.$slots, "default")
+    ], 8, G)) : A("", !0);
   }
-}), W = { class: "lkt-tabs__list" }, X = ["href", "onClick"], Z = ["innerHTML", "onClick", "href"], tt = { "data-lkt": "tab" }, et = {
-  name: "LktTabs",
-  inheritAttrs: !1,
-  customOptions: {},
-  components: { LktTab: A }
-}, st = /* @__PURE__ */ H({
-  ...et,
+}), B = (a) => `lkt-tabs.${window.location.host}${window.location.pathname}.${a}`, Q = (a) => K(B(a)), R = (a, r, t) => {
+  N(B(a), r, t * 60);
+}, W = { class: "lkt-tabs__list" }, X = ["href", "onClick"], Z = ["innerHTML", "onClick", "href"], ee = { "data-lkt": "tab" }, te = /* @__PURE__ */ H({
+  __name: "LktTabs",
   props: {
-    id: { type: String, default: "" },
-    modelValue: { type: [String, Number], default: "" },
+    modelValue: { default: "" },
+    id: { default: "" },
     useSession: { type: Boolean, default: !1 },
-    cacheLifetime: { type: Number, default: 5 },
-    contentPad: { type: String, default: void 0 },
-    palette: { type: String, default: void 0 },
-    titles: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
+    cacheLifetime: { default: 5 },
+    contentPad: { default: "" },
+    titles: { default: () => ({}) }
   },
-  emits: ["update:modelValue"],
-  setup(a, { emit: c }) {
-    const e = a, { ctx: n } = q(), o = g("");
-    if (e.useSession) {
-      n.id || console.warn("[LKT Tabs] You're trying to use session provided tabs without the required id. Please, add id attr");
-      let t = Y(n.id);
-      t && (o.value = t);
+  emits: [
+    "update:modelValue"
+  ],
+  setup(a, { emit: r }) {
+    const { ctx: t } = P(), d = j(), s = a, p = r, o = $("");
+    if (s.useSession) {
+      s.id || console.warn("[LKT Tabs] You're trying to use session provided tabs without the required id. Please, add id attr");
+      let e = Q(s.id);
+      e && (o.value = e);
     }
-    $(() => e.modelValue, (t, f) => {
-      typeof t == "string" && (o.value = t);
-    }), $(o, (t, f) => {
-      c("update:modelValue"), n.$nextTick(() => {
-        n.$forceUpdate();
-      }), e.useSession && G(n.id, t, e.cacheLifetime);
+    k(() => s.modelValue, (e, l) => {
+      typeof e == "string" && (o.value = e);
+    }), k(o, (e, l) => {
+      p("update:modelValue"), q(() => {
+        t.$forceUpdate();
+      }), s.useSession && R(t.id, e, s.cacheLifetime);
     });
-    const m = i(() => {
-      let t = [];
-      return e.palette && t.push(`lkt-tabs--${e.palette}`), t.join(" ");
-    }), p = i(() => {
-      let t = [];
-      return e.contentPad && t.push(`padding: ${e.contentPad}`), t.join(";");
-    }), d = i(() => S(n.$slots, "tab-")), T = i(() => S(n.$slots, "title-")), I = i(() => S(n.$slots, "li-")), v = i(() => {
-      let t = {};
-      for (let f in n.$refs)
-        t[f] = n.$refs[f].hash;
-      return t;
-    }), j = i(() => Object.keys(d.value).length > 1), k = (t = "") => v.value.length > 0 && v.value[t] ? "#" + v.value[t] : "#", w = (t = "") => e.titles && e.titles[t] ? e.titles[t] : t, N = () => {
-      n.$forceUpdate();
+    const h = c(() => [].join(" ")), m = c(() => {
+      let e = [];
+      return s.contentPad && e.push(`padding: ${s.contentPad}`), e.join(";");
+    }), f = c(() => {
+      let e = [];
+      for (let l in d) l.indexOf("tab-") !== -1 && e.push(l);
+      return e;
+    }), x = c(() => {
+      let e = [];
+      for (let l in d) l.indexOf("title-") !== -1 && e.push(l);
+      return e;
+    }), I = c(() => {
+      let e = [];
+      for (let l in d) l.indexOf("li-") !== -1 && e.push(l);
+      return e;
+    }), b = c(() => {
+      let e = {};
+      for (let l in t.$refs)
+        e[l] = t.$refs[l].hash;
+      return e;
+    }), M = c(() => Object.keys(f.value).length > 1), T = (e = "") => b.value.length > 0 && b.value[e] ? "#" + b.value[e] : "#", w = (e = "") => s.titles && s.titles[e] ? s.titles[e] : e, O = () => {
+      t.$forceUpdate();
     };
-    for (let t in d.value)
-      o.value === "" && (o.value = t);
-    return (t, f) => (l(), r("div", {
-      class: C(["lkt-tabs", u(m)])
+    for (let e in f.value)
+      o.value === "" && (o.value = e);
+    return (e, l) => (i(), u("div", {
+      class: C(["lkt-tabs", h.value])
     }, [
-      F(y("ul", W, [
-        (l(!0), r(_, null, b(u(d), (L, s) => (l(), r("li", {
-          key: s,
-          class: C(["lkt-tab", { "is-active": s === o.value }]),
+      y(L("ul", W, [
+        (i(!0), u(S, null, g(f.value, (n) => (i(), u("li", {
+          key: n,
+          class: C(["lkt-tab", { "is-active": n === o.value }]),
           role: "presentation"
         }, [
-          u(T)[s] ? (l(), r("a", {
+          x.value.includes(n) ? (i(), u("a", {
             key: 0,
-            href: k(s),
-            onClick: V((O) => o.value = s, ["prevent"]),
+            href: T(n),
+            onClick: V((_) => o.value = n, ["prevent"]),
             role: "tab"
           }, [
-            h(t.$slots, "title-" + s)
-          ], 8, X)) : (l(), r("a", {
+            v(e.$slots, "title-" + n)
+          ], 8, X)) : (i(), u("a", {
             key: 1,
-            innerHTML: w(s),
-            onClick: V((O) => o.value = s, ["prevent"]),
-            href: k(s),
+            innerHTML: w(n),
+            onClick: V((_) => o.value = n, ["prevent"]),
+            href: T(n),
             role: "tab"
           }, null, 8, Z))
         ], 2))), 128)),
-        (l(!0), r(_, null, b(u(I), (L, s) => (l(), r("li", tt, [
-          h(t.$slots, "li-" + s)
+        (i(!0), u(S, null, g(I.value, (n, _) => (i(), u("li", ee, [
+          v(e.$slots, "li-" + _)
         ]))), 256))
       ], 512), [
-        [M, u(j)]
+        [F, M.value]
       ]),
-      y("div", {
+      L("div", {
         class: "lkt-tabs__content",
-        style: x(u(p))
+        style: z(m.value)
       }, [
-        (l(!0), r(_, null, b(u(d), (L, s) => (l(), z(A, {
+        (i(!0), u(S, null, g(f.value, (n) => (i(), D(J, {
           ref_for: !0,
-          ref: s,
-          hash: s,
-          id: s,
-          name: w(s),
+          ref: n,
+          hash: n,
+          id: n,
+          name: w(n),
           "active-hash": o.value,
-          onIsActive: N
+          onIsActive: O
         }, {
-          default: D(() => [
-            h(t.$slots, "tab-" + s)
+          default: E(() => [
+            v(e.$slots, "tab-" + n)
           ]),
           _: 2
         }, 1032, ["hash", "id", "name", "active-hash"]))), 256))
       ], 4)
     ], 2));
   }
-});
-const lt = {
-  install: (a, c) => {
-    a.component("lkt-tabs", st);
+}), ae = {
+  install: (a, r) => {
+    a.component("lkt-tabs", te);
   }
 };
 export {
-  lt as default
+  ae as default
 };

package/dist/lkt-tabs.umd.js

@@ -1 +1 @@
-(function(t,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("lkt-tools"),require("lkt-session")):typeof define=="function"&&define.amd?define(["vue","lkt-tools","lkt-session"],a):(t=typeof globalThis<"u"?globalThis:t||self,t.LktTabs=a(t.Vue,t.LktTools,t.LktSession))})(this,function(t,a,u){"use strict";const h=r=>`lkt-tabs.${window.location.host}${window.location.pathname}.${r}`,B=r=>u.getSessionStorage(h(r)),$=(r,i,n)=>{u.setSessionStorage(h(r),i,n*60)},L=["id"],T={name:"LktTab",inheritAttrs:!1,customOptions:{}},S=t.defineComponent({...T,props:{id:{type:String,default:""},name:{type:String,required:!0},hash:{type:String,default:""},activeHash:{type:String,default:""},isDisabled:{type:Boolean,default:!1}},emits:["is-active"],setup(r,{emit:i}){const n=r,o=t.ref(!1),l=t.ref(a.generateRandomString(8)),p=t.computed(()=>n.id?n.id:a.isString(n.name)&&n.name.length>0?n.name.toLowerCase().replace(/ /g,"-"):l.value),f=()=>{o.value=n.activeHash===n.hash,i("is-active",o.value)};return t.watch(()=>n.activeHash,f),f(),(c,k)=>o.value?(t.openBlock(),t.createElementBlock("section",{key:0,"data-lkt":"tab-content",id:t.unref(p),role:"tabpanel"},[t.renderSlot(c.$slots,"default")],8,L)):t.createCommentVNode("",!0)}}),w={class:"lkt-tabs__list"},C=["href","onClick"],y=["innerHTML","onClick","href"],E={"data-lkt":"tab"},V={name:"LktTabs",inheritAttrs:!1,customOptions:{},components:{LktTab:S}},H=t.defineComponent({...V,props:{id:{type:String,default:""},modelValue:{type:[String,Number],default:""},useSession:{type:Boolean,default:!1},cacheLifetime:{type:Number,default:5},contentPad:{type:String,default:void 0},palette:{type:String,default:void 0},titles:{type:Object,default(){return{}}}},emits:["update:modelValue"],setup(r,{emit:i}){const n=r,{ctx:o}=t.getCurrentInstance(),l=t.ref("");if(n.useSession){o.id||console.warn("[LKT Tabs] You're trying to use session provided tabs without the required id. Please, add id attr");let e=B(o.id);e&&(l.value=e)}t.watch(()=>n.modelValue,(e,d)=>{typeof e=="string"&&(l.value=e)}),t.watch(l,(e,d)=>{i("update:modelValue"),o.$nextTick(()=>{o.$forceUpdate()}),n.useSession&&$(o.id,e,n.cacheLifetime)});const p=t.computed(()=>{let e=[];return n.palette&&e.push(`lkt-tabs--${n.palette}`),e.join(" ")}),f=t.computed(()=>{let e=[];return n.contentPad&&e.push(`padding: ${n.contentPad}`),e.join(";")}),c=t.computed(()=>a.getSlots(o.$slots,"tab-")),k=t.computed(()=>a.getSlots(o.$slots,"title-")),q=t.computed(()=>a.getSlots(o.$slots,"li-")),m=t.computed(()=>{let e={};for(let d in o.$refs)e[d]=o.$refs[d].hash;return e}),j=t.computed(()=>Object.keys(c.value).length>1),_=(e="")=>m.value.length>0&&m.value[e]?"#"+m.value[e]:"#",b=(e="")=>n.titles&&n.titles[e]?n.titles[e]:e,A=()=>{o.$forceUpdate()};for(let e in c.value)l.value===""&&(l.value=e);return(e,d)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["lkt-tabs",t.unref(p)])},[t.withDirectives(t.createElementVNode("ul",w,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(c),(g,s)=>(t.openBlock(),t.createElementBlock("li",{key:s,class:t.normalizeClass(["lkt-tab",{"is-active":s===l.value}]),role:"presentation"},[t.unref(k)[s]?(t.openBlock(),t.createElementBlock("a",{key:0,href:_(s),onClick:t.withModifiers(F=>l.value=s,["prevent"]),role:"tab"},[t.renderSlot(e.$slots,"title-"+s)],8,C)):(t.openBlock(),t.createElementBlock("a",{key:1,innerHTML:b(s),onClick:t.withModifiers(F=>l.value=s,["prevent"]),href:_(s),role:"tab"},null,8,y))],2))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(q),(g,s)=>(t.openBlock(),t.createElementBlock("li",E,[t.renderSlot(e.$slots,"li-"+s)]))),256))],512),[[t.vShow,t.unref(j)]]),t.createElementVNode("div",{class:"lkt-tabs__content",style:t.normalizeStyle(t.unref(f))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(c),(g,s)=>(t.openBlock(),t.createBlock(S,{ref_for:!0,ref:s,hash:s,id:s,name:b(s),"active-hash":l.value,onIsActive:A},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tab-"+s)]),_:2},1032,["hash","id","name","active-hash"]))),256))],4)],2))}}),I="";return{install:(r,i)=>{r.component("lkt-tabs",H)}}});
+(function(e,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue"),require("lkt-session")):typeof define=="function"&&define.amd?define(["vue","lkt-session"],d):(e=typeof globalThis<"u"?globalThis:e||self,e.LktTabs=d(e.Vue,e.LktSession))})(this,function(e,d){"use strict";function B(l=10){let i="";const n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",c=n.length;for(let o=0;o<l;o++)i+=n.charAt(Math.floor(Math.random()*c));return i}function g(l){return typeof l=="string"}const T=["id"],L=e.defineComponent({__name:"LktTab",props:{id:{type:String,default:""},name:{type:String,required:!0},hash:{type:String,default:""},activeHash:{type:String,default:""},isDisabled:{type:Boolean,default:!1}},emits:["is-active"],setup(l,{emit:i}){const n=l,c=i,o=e.ref(!1),p=e.ref(B(8)),r=e.computed(()=>n.id?n.id:g(n.name)&&n.name.length>0?n.name.toLowerCase().replace(/ /g,"-"):p.value),u=()=>{o.value=n.activeHash===n.hash,c("is-active",o.value)};return e.watch(()=>n.activeHash,u),u(),(m,f)=>o.value?(e.openBlock(),e.createElementBlock("section",{key:0,"data-lkt":"tab-content",id:r.value,role:"tabpanel"},[e.renderSlot(m.$slots,"default")],8,T)):e.createCommentVNode("",!0)}}),b=l=>`lkt-tabs.${window.location.host}${window.location.pathname}.${l}`,$=l=>d.getSessionStorage(b(l)),w=(l,i,n)=>{d.setSessionStorage(b(l),i,n*60)},C={class:"lkt-tabs__list"},E=["href","onClick"],V=["innerHTML","onClick","href"],H={"data-lkt":"tab"},x=e.defineComponent({__name:"LktTabs",props:{modelValue:{default:""},id:{default:""},useSession:{type:Boolean,default:!1},cacheLifetime:{default:5},contentPad:{default:""},titles:{default:()=>({})}},emits:["update:modelValue"],setup(l,{emit:i}){const{ctx:n}=e.getCurrentInstance(),c=e.useSlots(),o=l,p=i,r=e.ref("");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 t=$(o.id);t&&(r.value=t)}e.watch(()=>o.modelValue,(t,a)=>{typeof t=="string"&&(r.value=t)}),e.watch(r,(t,a)=>{p("update:modelValue"),e.nextTick(()=>{n.$forceUpdate()}),o.useSession&&w(n.id,t,o.cacheLifetime)});const u=e.computed(()=>[].join(" ")),m=e.computed(()=>{let t=[];return o.contentPad&&t.push(`padding: ${o.contentPad}`),t.join(";")}),f=e.computed(()=>{let t=[];for(let a in c)a.indexOf("tab-")!==-1&&t.push(a);return t}),M=e.computed(()=>{let t=[];for(let a in c)a.indexOf("title-")!==-1&&t.push(a);return t}),q=e.computed(()=>{let t=[];for(let a in c)a.indexOf("li-")!==-1&&t.push(a);return t}),h=e.computed(()=>{let t={};for(let a in n.$refs)t[a]=n.$refs[a].hash;return t}),y=e.computed(()=>Object.keys(f.value).length>1),S=(t="")=>h.value.length>0&&h.value[t]?"#"+h.value[t]:"#",_=(t="")=>o.titles&&o.titles[t]?o.titles[t]:t,F=()=>{n.$forceUpdate()};for(let t in f.value)r.value===""&&(r.value=t);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["lkt-tabs",u.value])},[e.withDirectives(e.createElementVNode("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,s=>(e.openBlock(),e.createElementBlock("li",{key:s,class:e.normalizeClass(["lkt-tab",{"is-active":s===r.value}]),role:"presentation"},[M.value.includes(s)?(e.openBlock(),e.createElementBlock("a",{key:0,href:S(s),onClick:e.withModifiers(k=>r.value=s,["prevent"]),role:"tab"},[e.renderSlot(t.$slots,"title-"+s)],8,E)):(e.openBlock(),e.createElementBlock("a",{key:1,innerHTML:_(s),onClick:e.withModifiers(k=>r.value=s,["prevent"]),href:S(s),role:"tab"},null,8,V))],2))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(s,k)=>(e.openBlock(),e.createElementBlock("li",H,[e.renderSlot(t.$slots,"li-"+k)]))),256))],512),[[e.vShow,y.value]]),e.createElementVNode("div",{class:"lkt-tabs__content",style:e.normalizeStyle(m.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,s=>(e.openBlock(),e.createBlock(L,{ref_for:!0,ref:s,hash:s,id:s,name:_(s),"active-hash":r.value,onIsActive:F},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"tab-"+s)]),_:2},1032,["hash","id","name","active-hash"]))),256))],4)],2))}});return{install:(l,i)=>{l.component("lkt-tabs",x)}}});

package/dist/src/components/LktTab.vue.d.ts

@@ -0,0 +1,121 @@
+declare const isActive: import("vue").Ref<boolean, boolean>;
+declare const computedId: import("vue").ComputedRef<string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    hash: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeHash: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    isActive: typeof isActive;
+    computedId: typeof computedId;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "is-active": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    hash: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeHash: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onIs-active"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    hash: string;
+    activeHash: string;
+    isDisabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    hash: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeHash: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "is-active": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    hash: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeHash: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onIs-active"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    hash: string;
+    activeHash: string;
+    isDisabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/lib-components/LktTabs.vue.d.ts

@@ -0,0 +1,72 @@
+import LktTab from "../components/LktTab.vue";
+import { LktObject } from "lkt-vue-kernel";
+type __VLS_Props = {
+    modelValue: string | number;
+    id?: string;
+    useSession?: boolean;
+    cacheLifetime?: number;
+    contentPad?: string;
+    titles?: LktObject;
+};
+declare const Value: import("vue").Ref<string, string>;
+declare const classes: import("vue").ComputedRef<string>;
+declare const contentStyles: import("vue").ComputedRef<string>;
+declare const tabsSlots: import("vue").ComputedRef<string[]>;
+declare const titlesSlots: import("vue").ComputedRef<string[]>;
+declare const liSlots: import("vue").ComputedRef<string[]>;
+declare const displayButtons: import("vue").ComputedRef<boolean>;
+declare const getTabHref: (key?: string | number) => string;
+declare const getTabTitle: (key?: string | number) => any;
+declare const refresh: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_2: string, __VLS_3: {}, __VLS_6: string, __VLS_7: {}, __VLS_17: string, __VLS_18: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    LktTab: typeof LktTab;
+    Value: typeof Value;
+    classes: typeof classes;
+    contentStyles: typeof contentStyles;
+    tabsSlots: typeof tabsSlots;
+    titlesSlots: typeof titlesSlots;
+    liSlots: typeof liSlots;
+    displayButtons: typeof displayButtons;
+    getTabHref: typeof getTabHref;
+    getTabTitle: typeof getTabTitle;
+    refresh: typeof refresh;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    modelValue: string | number;
+    useSession: boolean;
+    cacheLifetime: number;
+    contentPad: string;
+    titles: LktObject;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    modelValue: string | number;
+    useSession: boolean;
+    cacheLifetime: number;
+    contentPad: string;
+    titles: LktObject;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vite.config.d.ts

@@ -1,35 +1,35 @@
 declare namespace _default {
-    const plugins: import("vite").Plugin[];
+    let plugins: import("vite").Plugin<import("@vitejs/plugin-vue").Api>[];
     namespace resolve {
-        const alias: {
+        let alias: {
             '@': string;
             '@test': string;
         };
     }
     namespace build {
         export namespace lib {
-            const entry: string;
-            const name: string;
+            let entry: string;
+            let name: string;
             function fileName(format: any): string;
         }
         export { outDir };
-        export const minify: boolean;
+        export let minify: boolean;
         export namespace rollupOptions {
-            const external: string[];
+            let external: string[];
             namespace output {
-                const globals: {
+                let globals: {
                     vue: string;
                     "lkt-tools": string;
                     "lkt-events": string;
                     "lkt-session": string;
                 };
-                const sourcemapExcludeSources: boolean;
+                let sourcemapExcludeSources: boolean;
             }
         }
     }
     namespace test {
         namespace coverage {
-            const reporter: string[];
+            let reporter: string[];
         }
         function resolveSnapshotPath(testPath: any, snapExtension: any): string;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-tabs",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "description": "",
   "main": "src/index.ts",
   "module": "src/index.ts",
@@ -15,7 +15,7 @@
       "import": "./dist/lkt-tabs.es.js",
       "require": "./dist/lkt-tabs.umd.js"
     },
-    "./dist/style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/lkt-tabs.css",
     "./theme": "./theme/default.css",
     "./theme/default": "./theme/default.css"
   },
@@ -29,19 +29,24 @@
     "test-coverage": "vitest run --coverage"
   },
   "author": "Antonio Ibáñez",
+  "engines": {
+    "node": ">=18"
+  },
   "devDependencies": {
-    "@babel/types": "^7.18.9",
-    "@types/node": "^18.0.6",
-    "@vitejs/plugin-vue": "^3.0.1",
-    "vue-tsc": "^0.38.9"
+    "@babel/types": "^7.23.6",
+    "@types/node": "^20.11.19",
+    "@types/rollup": "^0.54.0",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "rollup": "^4.34.8",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.1",
+    "vue": "^3.3.0",
+    "vue-tsc": "^2.2.0"
   },
-  "dependencies": {
-    "lkt-events": "^1.0.4",
+  "peerDependencies": {
     "lkt-session": "^1.0.6",
-    "lkt-tools": "^1.0.10",
+    "lkt-string-tools": "^1.0.8",
+    "lkt-vue-kernel": "^1.0.32",
     "vue": "^3.0.5"
-  },
-  "engines": {
-    "node": ">=12"
   }
 }

package/src/components/LktTab.vue

@@ -1,14 +1,6 @@
-<script lang="ts">
-export default {
-    name: "LktTab",
-    inheritAttrs: false,
-    customOptions: {},
-};
-</script>
-
 <script lang="ts" setup>
 import {computed, ref, watch} from "vue";
-import {generateRandomString, isString} from "lkt-tools";
+import {generateRandomString, isString} from "lkt-string-tools";
 
 const props = defineProps({
     id: {type: String, default: ''},

package/src/lib-components/LktTabs.vue

@@ -1,46 +1,41 @@
-<script lang="ts">
-import LktTab from "../components/LktTab.vue";
-
-export default {
-    name: 'LktTabs',
-    inheritAttrs: false,
-    customOptions: {},
-    components: {LktTab}
-};
-</script>
-
 <script lang="ts" setup>
-import {computed, getCurrentInstance, ref, watch} from 'vue';
-import {getSlots, ILktObject} from "lkt-tools";
+import LktTab from "../components/LktTab.vue";
+import {computed, getCurrentInstance, nextTick, ref, useSlots, watch} from 'vue';
 import {loadSelectedTabFromSession, setSelectedTabFromSession} from "../functions/functions";
+import {LktObject} from "lkt-vue-kernel";
 
 const {ctx: _this}: any = getCurrentInstance();
 
-const props = defineProps({
-    id: {type: String, default: ''},
-    modelValue: {type: [String, Number], default: ''},
-    useSession: {type: Boolean, default: false},
-    cacheLifetime: {type: Number, default: 5,},
-    contentPad: {type: String, default: undefined,},
-    palette: {type: String, default: undefined,},
-    titles: {
-        type: Object,
-        default() {
-            return {};
-        }
-    },
+const slots = useSlots();
+
+const props = withDefaults(defineProps<{
+    modelValue: string|number
+    id?: string
+    useSession?: boolean
+    cacheLifetime?: number
+    contentPad?: string
+    titles?: LktObject
+}>(), {
+    modelValue: '',
+    id: '',
+    useSession: false,
+    cacheLifetime: 5,
+    contentPad: '',
+    titles: () => ({}),
 });
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits([
+    'update:modelValue'
+])
 
 const Value = ref('');
 
 if (props.useSession) {
-    if (!_this.id) {
+    if (!props.id) {
         console.warn('[LKT Tabs] You\'re trying to use session provided tabs without the required id. Please, add id attr');
     }
 
-    let sessionVal = loadSelectedTabFromSession(_this.id);
+    let sessionVal = loadSelectedTabFromSession(props.id);
     if (sessionVal) Value.value = sessionVal;
 }
 
@@ -52,7 +47,7 @@ watch(() => props.modelValue, (newVal, oldVal) => {
 
 watch(Value, (newVal, oldVal) => {
     emit('update:modelValue');
-    _this.$nextTick(() => {
+    nextTick(() => {
         _this.$forceUpdate()
     });
     if (props.useSession) {
@@ -61,8 +56,7 @@ watch(Value, (newVal, oldVal) => {
 })
 
 const classes = computed(() => {
-    let r = [];
-    if (!!props.palette) r.push(`lkt-tabs--${props.palette}`);
+    let r: Array<string> = [];
     return r.join(' ');
 });
 
@@ -73,19 +67,25 @@ const contentStyles = computed(() => {
 });
 
 const tabsSlots = computed(() => {
-    return getSlots(_this.$slots, 'tab-');
+    let r: string[] = [];
+    for (let k in slots) if (k.indexOf('tab-') !== -1) r.push(k);
+    return r;
 });
 
 const titlesSlots = computed(() => {
-    return getSlots(_this.$slots, 'title-');
+    let r: string[] = [];
+    for (let k in slots) if (k.indexOf('title-') !== -1) r.push(k);
+    return r;
 });
 
 const liSlots = computed(() => {
-    return getSlots(_this.$slots, 'li-');
+    let r: string[] = [];
+    for (let k in slots) if (k.indexOf('li-') !== -1) r.push(k);
+    return r;
 });
 
 const tabsHref = computed(() => {
-    let r: ILktObject = {};
+    let r: LktObject = {};
     for (let k in _this.$refs) {
         r[k] = _this.$refs[k].hash;
     }
@@ -97,14 +97,14 @@ const displayButtons = computed(() => {
     return Object.keys(tabsSlots.value).length > 1;
 });
 
-const getTabHref = (key: string = '') => {
+const getTabHref = (key: string|number = '') => {
     if (tabsHref.value.length > 0 && tabsHref.value[key]) {
         return '#' + tabsHref.value[key];
     }
     return '#';
 }
 
-const getTabTitle = (key: string = '') => {
+const getTabTitle = (key: string|number = '') => {
     if (props.titles && props.titles[key]) return props.titles[key];
     return key;
 }
@@ -123,18 +123,18 @@ for (let k in tabsSlots.value) {
     <div class="lkt-tabs" v-bind:class="classes">
         <ul class="lkt-tabs__list" v-show="displayButtons">
             <li
-                v-for="(_, key) in tabsSlots"
+                v-for="key in tabsSlots"
                 v-bind:key="key"
                 class="lkt-tab"
                 v-bind:class="{'is-active': key === Value}"
                 role="presentation"
             >
-                <template v-if="!!titlesSlots[key]">
+                <template v-if="titlesSlots.includes(key)">
                     <a v-bind:href="getTabHref(key)"
                        v-on:click.prevent="Value = key"
                        role="tab"
                     >
-                        <slot v-bind:name="'title-' + key"></slot>
+                        <slot v-bind:name="'title-' + key"/>
                     </a>
                 </template>
                 <template v-else>
@@ -151,7 +151,7 @@ for (let k in tabsSlots.value) {
         </ul>
         <div class="lkt-tabs__content" v-bind:style="contentStyles">
             <lkt-tab
-                v-for="(_, key) in tabsSlots"
+                v-for="key in tabsSlots"
                 v-bind:ref="key"
                 v-bind:hash="key"
                 v-bind:id="key"
@@ -159,7 +159,7 @@ for (let k in tabsSlots.value) {
                 v-bind:active-hash="Value"
                 v-on:is-active="refresh"
             >
-                <slot v-bind:name="'tab-' + key"></slot>
+                <slot v-bind:name="'tab-' + key"/>
             </lkt-tab>
         </div>
     </div>

package/dist/types/components/LktTab.vue.d.ts

@@ -1,155 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            id: string;
-            hash: string;
-            activeHash: string;
-            isDisabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default: string;
-            };
-            name: {
-                type: StringConstructor;
-                required: true;
-            };
-            hash: {
-                type: StringConstructor;
-                default: string;
-            };
-            activeHash: {
-                type: StringConstructor;
-                default: string;
-            };
-            isDisabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onIs-active"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "id" | "hash" | "activeHash" | "isDisabled">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "is-active", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default: string;
-            };
-            name: {
-                type: StringConstructor;
-                required: true;
-            };
-            hash: {
-                type: StringConstructor;
-                default: string;
-            };
-            activeHash: {
-                type: StringConstructor;
-                default: string;
-            };
-            isDisabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onIs-active"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "is-active"[], string, {
-            id: string;
-            hash: string;
-            activeHash: string;
-            isDisabled: boolean;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default: string;
-        };
-        name: {
-            type: StringConstructor;
-            required: true;
-        };
-        hash: {
-            type: StringConstructor;
-            default: string;
-        };
-        activeHash: {
-            type: StringConstructor;
-            default: string;
-        };
-        isDisabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        "onIs-active"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    hash: {
-        type: StringConstructor;
-        default: string;
-    };
-    activeHash: {
-        type: StringConstructor;
-        default: string;
-    };
-    isDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onIs-active"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "is-active"[], "is-active", {
-    id: string;
-    hash: string;
-    activeHash: string;
-    isDisabled: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default: (_: {}) => any;
-    };
-});
-export default _default;

package/dist/types/lib-components/LktTabs.vue.d.ts

@@ -1,194 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            id: string;
-            modelValue: string | number;
-            useSession: boolean;
-            cacheLifetime: number;
-            contentPad: string;
-            palette: string;
-            titles: Record<string, any>;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default: string;
-            };
-            modelValue: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
-            };
-            useSession: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            cacheLifetime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            contentPad: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            palette: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            titles: {
-                type: ObjectConstructor;
-                default(): {};
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "id" | "modelValue" | "useSession" | "cacheLifetime" | "contentPad" | "palette" | "titles">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default: string;
-            };
-            modelValue: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
-            };
-            useSession: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            cacheLifetime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            contentPad: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            palette: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            titles: {
-                type: ObjectConstructor;
-                default(): {};
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            id: string;
-            modelValue: string | number;
-            useSession: boolean;
-            cacheLifetime: number;
-            contentPad: string;
-            palette: string;
-            titles: Record<string, any>;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default: string;
-        };
-        modelValue: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        useSession: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        cacheLifetime: {
-            type: NumberConstructor;
-            default: number;
-        };
-        contentPad: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        palette: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        titles: {
-            type: ObjectConstructor;
-            default(): {};
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    useSession: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    cacheLifetime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    contentPad: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    palette: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    titles: {
-        type: ObjectConstructor;
-        default(): {};
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
-    id: string;
-    modelValue: string | number;
-    useSession: boolean;
-    cacheLifetime: number;
-    contentPad: string;
-    palette: string;
-    titles: Record<string, any>;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Record<string, {}> & Record<string, {}> & Record<string, {}>;
-});
-export default _default;