lkt-menu 1.2.0 → 1.4.0

package/dist/build.d.ts

@@ -1,42 +1,162 @@
-declare class H {
-    constructor(r: any, a: any, s: any);
-    key: any;
-    href: any;
-    label: any;
-    icon: string;
-    isOpened: boolean;
-    isActive: boolean;
-    children: any[];
-    setChildren(r: any): this;
-    setOnClick(r: any): this;
+declare var F: {
+    new (t?: {}): {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
+};
+declare function dt(e: any, t: any, l: any): {
+    setChildren: (t: any) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
+    children: any;
+    setOnClick: (t: any) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
     onClick: any;
-    setIsActiveChecker(r: any): this;
+    setIsActiveChecker: (t: any) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
     isActiveChecker: any;
-    setIsActive(r?: boolean): this;
-    setLabel(r: any): this;
-    setIcon(r: any): this;
-    doClose(): void;
-}
-declare function Xe(e: any, r: any, a: any): {
-    key: any;
-    href: any;
+    setIsActive: (t?: boolean) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
+    isActive: boolean | undefined;
+    setLabel: (t: any) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
     label: any;
-    icon: string;
-    isOpened: boolean;
-    isActive: boolean;
-    children: any[];
-    setChildren: (r: any) => H;
-    setOnClick: (r: any) => H;
-    onClick: any;
-    setIsActiveChecker: (r: any) => H;
-    isActiveChecker: any;
-    setIsActive: (r?: boolean) => H;
-    setLabel: (r: any) => H;
-    setIcon: (r: any) => H;
+    setIcon: (t: any) => {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    };
+    icon: any;
     doClose: () => void;
+    isOpened: boolean | undefined;
+    feed: (t?: {}, l?: {
+        setChildren(t: any): /*elided*/ any;
+        children: any;
+        setOnClick(t: any): /*elided*/ any;
+        onClick: any;
+        setIsActiveChecker(t: any): /*elided*/ any;
+        isActiveChecker: any;
+        setIsActive(t?: boolean): /*elided*/ any;
+        isActive: boolean | undefined;
+        setLabel(t: any): /*elided*/ any;
+        label: any;
+        setIcon(t: any): /*elided*/ any;
+        icon: any;
+        doClose(): void;
+        isOpened: boolean | undefined;
+        feed(t?: {}, l?: /*elided*/ any): void;
+        assignProp(t: any, l: any): void;
+    }) => void;
+    assignProp: (t: any, l: any) => void;
 };
-declare namespace Qe {
+declare namespace ct {
     function install(e: any): void;
 }
-declare function Ye(e: any): boolean;
-export { H as MenuEntry, Xe as createMenuEntry, Qe as default, Ye as setMenuToggleSlot };
+declare function vt(e: any): boolean;
+export { F as MenuEntry, dt as createMenuEntry, ct as default, vt as setMenuToggleSlot };

package/dist/build.js

@@ -1,218 +1,282 @@
-import { defineComponent as B, ref as O, useSlots as U, computed as c, watch as x, onMounted as J, resolveComponent as z, createElementBlock as d, openBlock as i, normalizeClass as S, createElementVNode as A, createCommentVNode as k, createVNode as W, withCtx as V, renderSlot as D, unref as q, toDisplayString as G, createBlock as R, resolveDynamicComponent as Q, Fragment as F, renderList as M, createSlots as $, reactive as X } from "vue";
-import { useRouter as Y } from "vue-router";
+var Y = Object.defineProperty;
+var Z = (e, t, l) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var n = (e, t, l) => Z(e, typeof t != "symbol" ? t + "" : t, l);
+import { defineComponent as J, ref as B, useSlots as W, computed as m, watch as M, onMounted as ee, resolveComponent as K, createElementBlock as h, openBlock as u, normalizeClass as D, createElementVNode as E, createCommentVNode as g, createVNode as te, withCtx as U, renderSlot as z, unref as re, toDisplayString as le, createBlock as j, resolveDynamicComponent as ae, Fragment as q, renderList as I, createSlots as G, mergeDefaults as ne, reactive as oe } from "vue";
 import "lkt-string-tools";
-import { __ as Z } from "lkt-i18n";
-import { DataState as ee } from "lkt-data-state";
-import { httpCall as te } from "lkt-http-client";
-class H {
-  constructor(r, a, s) {
-    this.key = "", this.href = "", this.label = "", this.icon = "", this.onClick = void 0, this.isActiveChecker = void 0, this.isOpened = !1, this.isActive = !1, this.parent = void 0, this.children = [], this.key = r, this.href = a, this.label = s;
+import { __ as se } from "lkt-i18n";
+import { useRouter as ie } from "vue-router";
+import { DataState as ue } from "lkt-data-state";
+import { httpCall as ce } from "lkt-http-client";
+var de = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e.Anchor = "anchor", e.Content = "content", e.Switch = "switch", e.HiddenSwitch = "hidden-switch", e.Split = "split", e.SplitLazy = "split-lazy", e.SplitEver = "split-ever", e.Tooltip = "tooltip", e.TooltipLazy = "tooltip-lazy", e.TooltipEver = "tooltip-ever", e))(de || {}), ve = ((e) => (e.Text = "text", e.Email = "email", e.Tel = "tel", e.Password = "password", e.Search = "search", e.Number = "number", e.Color = "color", e.Range = "range", e.Textarea = "textarea", e.Html = "html", e.Date = "date", e.File = "file", e.Image = "image", e.Select = "select", e.Check = "check", e.Switch = "switch", e.Calc = "calc", e.Card = "card", e.Elements = "elements", e))(ve || {}), me = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], d, Q = (d = class {
+  constructor(t) {
   }
-  setChildren(r) {
-    return r.forEach((a) => a.parent = this), this.children = r, this;
+  feed(t = {}, l = this) {
+    if (typeof t == "object") for (let [s, r] of Object.entries(t)) l.assignProp(s, r);
   }
-  setOnClick(r) {
-    return this.onClick = r, this;
+  assignProp(t, l) {
+    if (!(me.includes(t) || d.lktExcludedProps.includes(t))) {
+      if (d.lktDateProps.includes(t)) {
+        this[t] = new Date(l);
+        return;
+      }
+      this[t] = l;
+    }
+  }
+}, n(d, "lktAllowUndefinedProps", []), n(d, "lktExcludedProps", []), n(d, "lktDateProps", []), n(d, "lktStrictItem", !1), n(d, "lktDefaultValues", []), d), he = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(he || {}), pe = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(pe || {}), fe = ((e) => (e.Href = "href", e.RouterLink = "router-link", e.RouterLinkBack = "router-link-back", e.Mail = "mail", e.Tel = "tel", e.Tab = "tab", e.Download = "download", e.Action = "action", e.Legacy = "", e))(fe || {}), ke = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e))(ke || {}), ye = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e))(ye || {}), ge = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(ge || {}), Ce = ((e) => (e.MinStringLength = "min-str", e.MinNumber = "min-num", e.MaxStringLength = "max-str", e.MaxNumber = "max-num", e.Email = "email", e.Empty = "empty", e.EqualTo = "equal-to", e.MinNumbers = "min-numbers", e.MaxNumbers = "max-numbers", e.MinChars = "min-chars", e.MaxChars = "max-chars", e.MinUpperChars = "min-upper-chars", e.MaxUpperChars = "max-upper-chars", e.MinLowerChars = "min-lower-chars", e.MaxLowerChars = "max-lower-chars", e.MinSpecialChars = "min-special-chars", e.MaxSpecialChars = "max-special-chars", e))(Ce || {}), be = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(be || {}), xe = ((e) => (e.NotDefined = "", e.Button = "button", e))(xe || {}), Ae = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(Ae || {}), Se = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(Se || {}), we = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(we || {}), Ve = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(Ve || {}), _e = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(_e || {}), De = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(De || {}), R, F = (R = class extends Q {
+  constructor(t = {}) {
+    super();
+    n(this, "key", "");
+    n(this, "href", "");
+    n(this, "label", "");
+    n(this, "icon", "");
+    n(this, "isActiveChecker");
+    n(this, "isOpened", !1);
+    n(this, "isActive", !1);
+    n(this, "parent");
+    n(this, "children");
+    n(this, "events", {});
+    n(this, "onClick");
+    this.feed(t);
+  }
+  setChildren(t) {
+    return t.forEach((l) => l.parent = this), this.children = t, this;
   }
-  setIsActiveChecker(r) {
-    return this.isActiveChecker = r, this;
+  setOnClick(t) {
+    return this.onClick = t, this;
   }
-  setIsActive(r = !0) {
-    return this.isActive = r, this;
+  setIsActiveChecker(t) {
+    return this.isActiveChecker = t, this;
   }
-  setLabel(r) {
-    return this.label = r, this;
+  setIsActive(t = !0) {
+    return this.isActive = t, this;
   }
-  setIcon(r) {
-    return this.icon = r, this;
+  setLabel(t) {
+    return this.label = t, this;
+  }
+  setIcon(t) {
+    return this.icon = t, this;
   }
   doClose() {
     this.isOpened = !1;
   }
-}
-const T = (e, r) => (r.forEach((a) => {
-  e.includes(a.key) || e.push(a.key), a.children.length > 0 && T(e, a.children);
-}), e), w = class w {
+}, n(R, "lktDefaultValues", ["key", "href", "label", "icon", "isActiveChecker", "isOpened", "isActive", "parent", "children", "events", "onClick"]), R), T, Me = (T = class extends Q {
+  constructor(t = {}) {
+    var l;
+    super();
+    n(this, "modelValue", []);
+    n(this, "resource", "");
+    n(this, "resourceData", {});
+    this.feed(t), this.modelValue = ((l = this.modelValue) == null ? void 0 : l.map((s) => new F(s))) || [];
+  }
+}, n(T, "lktDefaultValues", ["modelValue", "resource", "resourceData"]), T), Ee = ((e) => (e.Pages = "pages", e.PrevNext = "prev-next", e.PagesPrevNext = "pages-prev-next", e.PagesPrevNextFirstLast = "pages-prev-next-first-last", e.LoadMore = "load-more", e.Infinite = "infinite", e))(Ee || {}), Ie = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ie || {}), Oe = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Oe || {}), Le = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e))(Le || {}), Ne = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(Ne || {}), Pe = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(Pe || {}), Re = ((e) => (e.Message = "message", e.Button = "button", e))(Re || {}), Te = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(Te || {}), Be = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(Be || {}), Ue = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(Ue || {}), ze = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(ze || {}), je = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(je || {}), Fe = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Fe || {}), $e = ((e) => (e.Asc = "asc", e.Desc = "desc", e))($e || {}), He = ((e) => (e.Create = "create", e.Update = "update", e.Edit = "edit", e.Drop = "drop", e.Sort = "sort", e.SwitchEditMode = "switch-edit-mode", e.InlineEdit = "inline-edit", e.InlineCreate = "inline-create", e.ModalCreate = "modal-create", e.InlineCreateEver = "inline-create-ever", e))(He || {}), Ke = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(Ke || {}), Je = (e) => {
+  let t = String(e);
+  return t.startsWith("__:") ? se(t.substring(3)) : t;
 };
-w.toggleSlot = "", w.debugEnabled = !1;
-let y = w;
-var re = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e.Anchor = "anchor", e.Content = "content", e.Switch = "switch", e.HiddenSwitch = "hidden-switch", e.Split = "split", e.SplitLazy = "split-lazy", e.SplitEver = "split-ever", e.Tooltip = "tooltip", e.TooltipLazy = "tooltip-lazy", e.TooltipEver = "tooltip-ever", e))(re || {}), ne = ((e) => (e.Text = "text", e.Email = "email", e.Tel = "tel", e.Password = "password", e.Search = "search", e.Number = "number", e.Color = "color", e.Range = "range", e.Textarea = "textarea", e.Html = "html", e.Date = "date", e.File = "file", e.Image = "image", e.Select = "select", e.Check = "check", e.Switch = "switch", e.Calc = "calc", e.Card = "card", e.Elements = "elements", e))(ne || {}), le = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(le || {}), ae = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(ae || {}), oe = ((e) => (e.Href = "href", e.RouterLink = "router-link", e.RouterLinkBack = "router-link-back", e.Mail = "mail", e.Tel = "tel", e.Tab = "tab", e.Download = "download", e.Action = "action", e.Legacy = "", e))(oe || {}), ie = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e))(ie || {}), se = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e))(se || {}), ue = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(ue || {}), ce = ((e) => (e.MinStringLength = "min-str", e.MinNumber = "min-num", e.MaxStringLength = "max-str", e.MaxNumber = "max-num", e.Email = "email", e.Empty = "empty", e.EqualTo = "equal-to", e.MinNumbers = "min-numbers", e.MaxNumbers = "max-numbers", e.MinChars = "min-chars", e.MaxChars = "max-chars", e.MinUpperChars = "min-upper-chars", e.MaxUpperChars = "max-upper-chars", e.MinLowerChars = "min-lower-chars", e.MaxLowerChars = "max-lower-chars", e.MinSpecialChars = "min-special-chars", e.MaxSpecialChars = "max-special-chars", e))(ce || {}), de = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(de || {}), ve = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(ve || {}), me = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(me || {}), he = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(he || {}), pe = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(pe || {}), fe = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(fe || {}), ke = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(ke || {}), ye = ((e) => (e.Pages = "pages", e.PrevNext = "prev-next", e.PagesPrevNext = "pages-prev-next", e.PagesPrevNextFirstLast = "pages-prev-next-first-last", e.LoadMore = "load-more", e.Infinite = "infinite", e))(ye || {}), ge = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e))(ge || {}), Ce = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(Ce || {}), be = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(be || {}), _e = ((e) => (e.Message = "message", e.Button = "button", e))(_e || {}), Se = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(Se || {}), xe = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(xe || {}), Ae = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(Ae || {}), Me = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(Me || {}), we = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(we || {}), Ie = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Ie || {}), Ee = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ee || {}), Le = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Le || {}), Ne = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(Ne || {}), Oe = ((e) => (e.Create = "create", e.Update = "update", e.Edit = "edit", e.Drop = "drop", e.Sort = "sort", e.SwitchEditMode = "switch-edit-mode", e.InlineEdit = "inline-edit", e.InlineCreate = "inline-create", e.ModalCreate = "modal-create", e.InlineCreateEver = "inline-create-ever", e))(Oe || {}), Ve = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(Ve || {}), De = (e) => {
-  let r = String(e);
-  return r.startsWith("__:") ? Z(r.substring(3)) : r;
+function We(e) {
+  let t = new e(), l = {};
+  if (!Array.isArray(e.lktDefaultValues)) throw new Error("lktDefaultValues must be a keys array.");
+  for (let s of e.lktDefaultValues) s in t && (l[s] = t[s]);
+  return l;
+}
+const $ = (e, t) => (t.forEach((l) => {
+  e.includes(l.key) || e.push(l.key), l.children.length > 0 && $(e, l.children);
+}), e), O = class O {
 };
-const Re = { class: "lkt-menu-entry-main" }, Te = { class: "lkt-entry-content" }, Pe = {
+O.toggleSlot = "", O.debugEnabled = !1;
+let C = O;
+const qe = { class: "lkt-menu-entry-main" }, Ge = { class: "lkt-entry-content" }, Qe = {
   key: 0,
   class: "lkt-menu-entry-icon"
-}, ze = {
+}, Xe = {
   key: 1,
   class: "lkt-menu-entry-text"
-}, Be = {
+}, Ye = {
   key: 0,
   class: "lkt-menu-entry-children"
-}, Ue = /* @__PURE__ */ B({
+}, Ze = /* @__PURE__ */ J({
   __name: "MenuItem",
   props: {
-    modelValue: { default: () => new H("", "", "") }
+    modelValue: { default: () => new F() }
   },
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const a = r, s = e, t = O(s.modelValue), u = U(), f = Y(), h = O(!1), g = () => {
-      t.value.isOpened = !t.value.isOpened;
-    }, I = () => (t.value.children.length > 0 && g(), typeof t.value.onClick == "function" && t.value.onClick({
-      entry: t.value
-    }), 1), C = c(() => u["icon-" + t.value.key] || t.value.icon !== ""), E = c(() => {
-      let l = [];
-      return C.value && l.push("has-icon"), h.value && l.push("is-active"), l.join(" ");
-    }), o = c(() => T([], t.value.children)), n = c(() => {
-      let l = [];
-      for (let v in u)
-        v.startsWith("icon-") && o.value.includes(v.substring(5)) && l.push(v);
-      return l;
-    }), m = c(() => De(t.value.label)), b = c(() => t.value.isActive ? !0 : typeof t.value.isActiveChecker == "function" ? !!t.value.isActiveChecker({
-      entry: t.value
-    }) : !1), p = c(() => !!y.toggleSlot), j = c(() => y.toggleSlot);
-    return x(() => s.modelValue, (l) => {
-      t.value = l;
-    }, { deep: !0 }), x(t, (l) => {
-      a("update:modelValue", l);
-    }, { deep: !0 }), J(() => {
-      let l = f == null ? void 0 : f.currentRoute;
-      if (l) {
-        if (l.value.path === t.value.href)
-          t.value.isOpened = !0;
-        else if (t.value.children.length > 0) {
-          let v = !1;
-          t.value.children.forEach((L) => {
-            l.value.path === L.href && (v = !0);
-          }), v && (t.value.isOpened = !0);
+  emits: [
+    "update:modelValue"
+  ],
+  setup(e, { emit: t }) {
+    const l = t, s = e, r = B(s.modelValue), v = W(), y = ie(), f = B(!1), b = () => {
+      r.value.isOpened = !r.value.isOpened;
+    }, L = () => {
+      var a, c;
+      return ((a = r.value.children) == null ? void 0 : a.length) > 0 && b(), typeof ((c = r.value.events) == null ? void 0 : c.click) == "function" ? (r.value.events.click({
+        entry: r.value
+      }), 1) : (typeof r.value.onClick == "function" && r.value.onClick({
+        entry: r.value
+      }), 1);
+    }, x = m(() => v["icon-" + r.value.key] || r.value.icon !== ""), N = m(() => {
+      let a = [];
+      return x.value && a.push("has-icon"), f.value && a.push("is-active"), a.join(" ");
+    }), i = m(() => $([], r.value.children)), o = m(() => {
+      let a = [];
+      for (let c in v)
+        c.startsWith("icon-") && i.value.includes(c.substring(5)) && a.push(c);
+      return a;
+    }), p = m(() => Je(r.value.label)), A = m(() => r.value.isActive ? !0 : typeof r.value.isActiveChecker == "function" ? !!r.value.isActiveChecker({
+      entry: r.value
+    }) : !1), k = m(() => !!C.toggleSlot), X = m(() => C.toggleSlot);
+    return M(() => s.modelValue, (a) => {
+      r.value = a;
+    }, { deep: !0 }), M(r, (a) => {
+      l("update:modelValue", a);
+    }, { deep: !0 }), ee(() => {
+      var c, S;
+      let a = y == null ? void 0 : y.currentRoute;
+      if (a) {
+        if (a.value.path === r.value.href)
+          r.value.isOpened = !0;
+        else if (((c = r.value.children) == null ? void 0 : c.length) > 0) {
+          let w = !1;
+          (S = r.value.children) == null || S.forEach((V) => {
+            a.value.path === V.href && (w = !0);
+          }), w && (r.value.isOpened = !0);
         }
       }
-    }), (l, v) => {
-      const L = z("lkt-anchor"), K = z("menu-item", !0);
-      return i(), d("div", {
-        class: S(["lkt-menu-entry", E.value])
+    }), (a, c) => {
+      var V;
+      const S = K("lkt-anchor"), w = K("menu-item", !0);
+      return u(), h("div", {
+        class: D(["lkt-menu-entry", N.value])
       }, [
-        A("div", Re, [
-          W(L, {
-            to: t.value.href,
-            "on-click": I,
-            "is-active": b.value,
-            onActive: v[0] || (v[0] = (P) => h.value = P)
+        E("div", qe, [
+          te(S, {
+            to: r.value.href,
+            "on-click": L,
+            "is-active": A.value,
+            onActive: c[0] || (c[0] = (H) => f.value = H)
           }, {
-            default: V(() => [
-              A("div", Te, [
-                C.value ? (i(), d("div", Pe, [
-                  q(u)["icon-" + t.value.key] ? D(l.$slots, "icon-" + t.value.key, {
-                    key: t.value.key,
-                    entry: t.value
-                  }) : t.value.icon !== "" ? (i(), d("i", {
+            default: U(() => [
+              E("div", Ge, [
+                x.value ? (u(), h("div", Qe, [
+                  re(v)["icon-" + r.value.key] ? z(a.$slots, "icon-" + r.value.key, {
+                    key: r.value.key,
+                    entry: r.value
+                  }) : r.value.icon !== "" ? (u(), h("i", {
                     key: 1,
-                    class: S(t.value.icon)
-                  }, null, 2)) : k("", !0)
-                ])) : k("", !0),
-                t.value.label !== "" ? (i(), d("div", ze, G(m.value), 1)) : k("", !0)
+                    class: D(r.value.icon)
+                  }, null, 2)) : g("", !0)
+                ])) : g("", !0),
+                r.value.label !== "" ? (u(), h("div", Xe, le(p.value), 1)) : g("", !0)
               ])
             ]),
             _: 3
           }, 8, ["to", "is-active"]),
-          t.value.children.length > 0 ? (i(), d("div", {
+          ((V = r.value.children) == null ? void 0 : V.length) > 0 ? (u(), h("div", {
             key: 0,
             class: "lkt-menu-entry-toggle",
-            onClick: g
+            onClick: b
           }, [
-            p.value ? (i(), R(Q(j.value), {
+            k.value ? (u(), j(ae(X.value), {
               key: 0,
-              class: S(["lkt-menu-entry-toggle-inner", t.value.isOpened ? "is-opened" : ""])
-            }, null, 8, ["class"])) : (i(), d("div", {
+              class: D(["lkt-menu-entry-toggle-inner", r.value.isOpened ? "is-opened" : ""])
+            }, null, 8, ["class"])) : (u(), h("div", {
               key: 1,
-              class: S(["lkt-menu-entry-toggle-inner lkt-menu-entry-toggle-triangle", t.value.isOpened ? "is-opened" : ""])
+              class: D(["lkt-menu-entry-toggle-inner lkt-menu-entry-toggle-triangle", r.value.isOpened ? "is-opened" : ""])
             }, null, 2))
-          ])) : k("", !0)
+          ])) : g("", !0)
         ]),
-        t.value.isOpened ? (i(), d("div", Be, [
-          (i(!0), d(F, null, M(t.value.children, (P, N) => (i(), R(K, {
-            modelValue: t.value.children[N],
-            "onUpdate:modelValue": (_) => t.value.children[N] = _,
-            key: t.value.children[N].key
-          }, $({ _: 2 }, [
-            M(n.value, (_) => ({
+        r.value.isOpened ? (u(), h("div", Ye, [
+          (u(!0), h(q, null, I(r.value.children, (H, P) => (u(), j(w, {
+            modelValue: r.value.children[P],
+            "onUpdate:modelValue": (_) => r.value.children[P] = _,
+            key: r.value.children[P].key
+          }, G({ _: 2 }, [
+            I(o.value, (_) => ({
               name: _,
-              fn: V(() => [
-                D(l.$slots, _)
+              fn: U(() => [
+                z(a.$slots, _)
               ])
             }))
           ]), 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
-        ])) : k("", !0)
+        ])) : g("", !0)
       ], 2);
     };
   }
-}), Fe = { class: "lkt-menu-container" }, $e = { class: "lkt-menu" }, He = /* @__PURE__ */ B({
+}), et = { class: "lkt-menu-container" }, tt = { class: "lkt-menu" }, rt = /* @__PURE__ */ J({
   __name: "LktMenu",
-  props: {
-    modelValue: { default: () => [] },
-    resource: { default: "" },
-    resourceData: { default: () => ({}) }
-  },
-  emits: ["update:modelValue", "click-outside", "loading", "results", "response", "error"],
-  setup(e, { emit: r }) {
-    const a = e, s = r, t = U(), u = O(a.modelValue), f = (o) => {
-      let n = {};
-      typeof o == "object" && Object.keys(o).length > 0 && (n = JSON.parse(JSON.stringify(o)));
-      for (let m in n)
-        (Array.isArray(n[m]) || typeof n[m] == "object") && (n[m] = JSON.stringify(n[m]));
-      return n;
-    };
-    let h = new ee({});
-    h.increment(f(a.resourceData));
-    const g = c(() => T([], u.value)), I = c(() => {
-      let o = [];
-      for (let n in t)
-        n.startsWith("icon-") && g.value.includes(n.substring(5)) && o.push(n);
+  props: /* @__PURE__ */ ne({
+    modelValue: {},
+    resource: {},
+    resourceData: {}
+  }, We(Me)),
+  emits: [
+    "update:modelValue",
+    "click-outside",
+    "loading",
+    "results",
+    "response",
+    "error"
+  ],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = W(), v = B(l.modelValue), y = (i) => {
+      let o = {};
+      typeof i == "object" && Object.keys(i).length > 0 && (o = JSON.parse(JSON.stringify(i)));
+      for (let p in o)
+        (Array.isArray(o[p]) || typeof o[p] == "object") && (o[p] = JSON.stringify(o[p]));
       return o;
-    }), C = () => {
-      if (!a.resource) return;
-      let o = h.getData();
-      s("loading"), te(a.resource, o).then((n) => {
-        h.turnStoredIntoOriginal(), u.value = n.data, s("results", n.data), s("response", n);
-      }).catch((n) => {
-        s("error", n);
+    };
+    let f = new ue({});
+    f.increment(y(l.resourceData));
+    const b = m(() => $([], v.value)), L = m(() => {
+      let i = [];
+      for (let o in r)
+        o.startsWith("icon-") && b.value.includes(o.substring(5)) && i.push(o);
+      return i;
+    }), x = () => {
+      if (!l.resource) return;
+      let i = f.getData();
+      s("loading"), ce(l.resource, i).then((o) => {
+        f.turnStoredIntoOriginal(), v.value = o.data, s("results", o.data), s("response", o);
+      }).catch((o) => {
+        s("error", o);
       });
-    }, E = () => {
+    }, N = () => {
       s("click-outside");
     };
-    return x(() => a.modelValue, (o) => {
-      u.value = o;
-    }, { deep: !0 }), x(u, (o) => {
-      s("update:modelValue", o);
-    }, { deep: !0 }), C(), (o, n) => (i(), d("div", Fe, [
-      A("div", $e, [
-        (i(!0), d(F, null, M(u.value, (m, b) => (i(), R(Ue, {
-          modelValue: u.value[b],
-          "onUpdate:modelValue": (p) => u.value[b] = p,
-          key: m.key
-        }, $({ _: 2 }, [
-          M(I.value, (p) => ({
-            name: p,
-            fn: V(() => [
-              D(o.$slots, p)
+    return M(() => l.modelValue, (i) => {
+      v.value = i;
+    }, { deep: !0 }), M(v, (i) => {
+      s("update:modelValue", i);
+    }, { deep: !0 }), x(), (i, o) => (u(), h("div", et, [
+      E("div", tt, [
+        (u(!0), h(q, null, I(v.value, (p, A) => (u(), j(Ze, {
+          modelValue: v.value[A],
+          "onUpdate:modelValue": (k) => v.value[A] = k,
+          key: p.key
+        }, G({ _: 2 }, [
+          I(L.value, (k) => ({
+            name: k,
+            fn: U(() => [
+              z(i.$slots, k)
             ])
           }))
         ]), 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
       ]),
-      A("div", {
+      E("div", {
         class: "lkt-menu-outside",
-        onClick: E
+        onClick: N
       })
     ]));
   }
-}), Qe = {
+}), ct = {
   install: (e) => {
-    e.component("lkt-menu") === void 0 && e.component("lkt-menu", He);
+    e.component("lkt-menu") === void 0 && e.component("lkt-menu", rt);
   }
-}, Xe = (e, r, a) => X(new H(e, r, a)), Ye = (e) => (y.toggleSlot = e, !0);
+}, dt = (e, t, l) => oe(new F({
+  key: e,
+  href: t,
+  label: l
+})), vt = (e) => (C.toggleSlot = e, !0);
 export {
-  H as MenuEntry,
-  Xe as createMenuEntry,
-  Qe as default,
-  Ye as setMenuToggleSlot
+  F as MenuEntry,
+  dt as createMenuEntry,
+  ct as default,
+  vt as setMenuToggleSlot
 };

package/dist/components/MenuItem.vue.d.ts

@@ -1,19 +1,49 @@
-import { MenuEntry } from '../classes/MenuEntry';
-import { LktObject } from 'lkt-ts-interfaces';
+import { LktObject, MenuEntry } from 'lkt-vue-kernel';
 type __VLS_Props = {
     modelValue?: MenuEntry;
 };
 declare const entry: import("vue").Ref<{
-    key: string;
-    href: string;
-    label: string;
-    icon: string;
-    onClick: Function | undefined;
-    isActiveChecker: Function | undefined;
-    isOpened: boolean;
-    isActive: boolean;
-    parent: /*elided*/ any | undefined;
-    children: /*elided*/ any[];
+    key?: string | undefined;
+    href?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    isActiveChecker?: Function | undefined;
+    isOpened?: boolean | undefined;
+    isActive?: boolean | undefined;
+    parent?: {
+        key?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        icon?: string | undefined;
+        isActiveChecker?: Function | undefined;
+        isOpened?: boolean | undefined;
+        isActive?: boolean | undefined;
+        parent?: /*elided*/ any | undefined;
+        children?: /*elided*/ any[] | undefined;
+        events?: {
+            click?: Function | undefined;
+        } | undefined;
+        onClick?: Function | undefined;
+    } | undefined;
+    children?: {
+        key?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        icon?: string | undefined;
+        isActiveChecker?: Function | undefined;
+        isOpened?: boolean | undefined;
+        isActive?: boolean | undefined;
+        parent?: /*elided*/ any | undefined;
+        children?: /*elided*/ any[] | undefined;
+        events?: {
+            click?: Function | undefined;
+        } | undefined;
+        onClick?: Function | undefined;
+    }[] | undefined;
+    events?: {
+        click?: Function | undefined;
+    } | undefined;
+    onClick?: Function | undefined;
     setChildren: (children: MenuEntry[]) => MenuEntry;
     setOnClick: (fn: Function) => MenuEntry;
     setIsActiveChecker: (fn: Function) => MenuEntry;
@@ -21,17 +51,50 @@ declare const entry: import("vue").Ref<{
     setLabel: (str: string) => MenuEntry;
     setIcon: (str: string) => MenuEntry;
     doClose: () => void;
+    feed: (data?: LktObject, target?: MenuEntry | undefined) => void;
+    assignProp: (key: string, value: any) => void;
 }, MenuEntry | {
-    key: string;
-    href: string;
-    label: string;
-    icon: string;
-    onClick: Function | undefined;
-    isActiveChecker: Function | undefined;
-    isOpened: boolean;
-    isActive: boolean;
-    parent: /*elided*/ any | undefined;
-    children: /*elided*/ any[];
+    key?: string | undefined;
+    href?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    isActiveChecker?: Function | undefined;
+    isOpened?: boolean | undefined;
+    isActive?: boolean | undefined;
+    parent?: {
+        key?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        icon?: string | undefined;
+        isActiveChecker?: Function | undefined;
+        isOpened?: boolean | undefined;
+        isActive?: boolean | undefined;
+        parent?: /*elided*/ any | undefined;
+        children?: /*elided*/ any[] | undefined;
+        events?: {
+            click?: Function | undefined;
+        } | undefined;
+        onClick?: Function | undefined;
+    } | undefined;
+    children?: {
+        key?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        icon?: string | undefined;
+        isActiveChecker?: Function | undefined;
+        isOpened?: boolean | undefined;
+        isActive?: boolean | undefined;
+        parent?: /*elided*/ any | undefined;
+        children?: /*elided*/ any[] | undefined;
+        events?: {
+            click?: Function | undefined;
+        } | undefined;
+        onClick?: Function | undefined;
+    }[] | undefined;
+    events?: {
+        click?: Function | undefined;
+    } | undefined;
+    onClick?: Function | undefined;
     setChildren: (children: MenuEntry[]) => MenuEntry;
     setOnClick: (fn: Function) => MenuEntry;
     setIsActiveChecker: (fn: Function) => MenuEntry;
@@ -39,6 +102,8 @@ declare const entry: import("vue").Ref<{
     setLabel: (str: string) => MenuEntry;
     setIcon: (str: string) => MenuEntry;
     doClose: () => void;
+    feed: (data?: LktObject, target?: MenuEntry | undefined) => void;
+    assignProp: (key: string, value: any) => void;
 }>, slots: Readonly<{
     [name: string]: import("vue").Slot<any> | undefined;
 }>, isActive: import("vue").Ref<boolean, boolean>;
@@ -46,19 +111,50 @@ declare const onClickToggle: () => void, onClick: () => number;
 declare const canRenderIcon: import("vue").ComputedRef<boolean | import("vue").Slot<any>>, classes: import("vue").ComputedRef<string>;
 declare const entryIconSlots: import("vue").ComputedRef<LktObject>, computedLabel: import("vue").ComputedRef<any>, computedIsActive: import("vue").ComputedRef<boolean>, hasToggleSlot: import("vue").ComputedRef<boolean>, toggleSlot: import("vue").ComputedRef<string | import("vue").Component>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_10: string, __VLS_11: {
-    key: string;
+declare var __VLS_9: string, __VLS_10: {
+    key: string | undefined;
     entry: {
-        key: string;
-        href: string;
-        label: string;
-        icon: string;
-        onClick: Function | undefined;
-        isActiveChecker: Function | undefined;
-        isOpened: boolean;
-        isActive: boolean;
-        parent: /*elided*/ any | undefined;
-        children: /*elided*/ any[];
+        key?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        icon?: string | undefined;
+        isActiveChecker?: Function | undefined;
+        isOpened?: boolean | undefined;
+        isActive?: boolean | undefined;
+        parent?: {
+            key?: string | undefined;
+            href?: string | undefined;
+            label?: string | undefined;
+            icon?: string | undefined;
+            isActiveChecker?: Function | undefined;
+            isOpened?: boolean | undefined;
+            isActive?: boolean | undefined;
+            parent?: /*elided*/ any | undefined;
+            children?: /*elided*/ any[] | undefined;
+            events?: {
+                click?: Function | undefined;
+            } | undefined;
+            onClick?: Function | undefined;
+        } | undefined;
+        children?: {
+            key?: string | undefined;
+            href?: string | undefined;
+            label?: string | undefined;
+            icon?: string | undefined;
+            isActiveChecker?: Function | undefined;
+            isOpened?: boolean | undefined;
+            isActive?: boolean | undefined;
+            parent?: /*elided*/ any | undefined;
+            children?: /*elided*/ any[] | undefined;
+            events?: {
+                click?: Function | undefined;
+            } | undefined;
+            onClick?: Function | undefined;
+        }[] | undefined;
+        events?: {
+            click?: Function | undefined;
+        } | undefined;
+        onClick?: Function | undefined;
         setChildren: (children: MenuEntry[]) => MenuEntry;
         setOnClick: (fn: Function) => MenuEntry;
         setIsActiveChecker: (fn: Function) => MenuEntry;
@@ -66,12 +162,14 @@ declare var __VLS_10: string, __VLS_11: {
         setLabel: (str: string) => MenuEntry;
         setIcon: (str: string) => MenuEntry;
         doClose: () => void;
+        feed: (data?: LktObject, target?: MenuEntry | undefined) => void;
+        assignProp: (key: string, value: any) => void;
     };
-}, __VLS_22: any, __VLS_23: {};
+}, __VLS_24: any, __VLS_25: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
 } & {
-    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+    [K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     entry: typeof entry;

package/dist/functions/helpers.d.ts

@@ -1,2 +1,2 @@
-import { MenuEntry } from "../classes/MenuEntry";
+import { MenuEntry } from "lkt-vue-kernel";
 export declare const fetchKeys: (r: string[], entries: MenuEntry[]) => string[];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Component, Plugin } from 'vue';
 import "../style.css";
-import { MenuEntry } from "./classes/MenuEntry";
+import { MenuEntry } from "lkt-vue-kernel";
 declare const LktMenu: Plugin;
 export default LktMenu;
 export declare const createMenuEntry: (key: string, href: string, label: string) => MenuEntry;

package/dist/lib-components/LktMenu.vue.d.ts

@@ -1,56 +1,43 @@
-import { MenuEntry } from "../classes/MenuEntry";
-import MenuItem from "../components/MenuItem.vue";
-import { LktObject } from "lkt-ts-interfaces";
-type __VLS_Props = {
-    modelValue?: MenuEntry[];
-    resource?: string;
-    resourceData: LktObject;
-};
+import MenuItem from '../components/MenuItem.vue';
+import { LktObject } from 'lkt-ts-interfaces';
+import { MenuConfig } from 'lkt-vue-kernel';
 declare const entries: import("vue").Ref<{
-    key: string;
-    href: string;
-    label: string;
-    icon: string;
-    onClick: Function | undefined;
-    isActiveChecker: Function | undefined;
-    isOpened: boolean;
-    isActive: boolean;
-    parent: /*elided*/ any | undefined;
-    children: /*elided*/ any[];
-    setChildren: (children: MenuEntry[]) => MenuEntry;
-    setOnClick: (fn: Function) => MenuEntry;
-    setIsActiveChecker: (fn: Function) => MenuEntry;
-    setIsActive: (enabled?: boolean) => MenuEntry;
-    setLabel: (str: string) => MenuEntry;
-    setIcon: (str: string) => MenuEntry;
-    doClose: () => void;
-}[], MenuEntry[] | {
-    key: string;
-    href: string;
-    label: string;
-    icon: string;
-    onClick: Function | undefined;
-    isActiveChecker: Function | undefined;
-    isOpened: boolean;
-    isActive: boolean;
-    parent: /*elided*/ any | undefined;
-    children: /*elided*/ any[];
-    setChildren: (children: MenuEntry[]) => MenuEntry;
-    setOnClick: (fn: Function) => MenuEntry;
-    setIsActiveChecker: (fn: Function) => MenuEntry;
-    setIsActive: (enabled?: boolean) => MenuEntry;
-    setLabel: (str: string) => MenuEntry;
-    setIcon: (str: string) => MenuEntry;
-    doClose: () => void;
+    key?: string | undefined;
+    href?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    isActiveChecker?: Function | undefined;
+    isOpened?: boolean | undefined;
+    isActive?: boolean | undefined;
+    parent?: /*elided*/ any | undefined;
+    children?: /*elided*/ any[] | undefined;
+    events?: {
+        click?: Function | undefined;
+    } | undefined;
+    onClick?: Function | undefined;
+}[], import("lkt-vue-kernel").MenuEntryConfig[] | {
+    key?: string | undefined;
+    href?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    isActiveChecker?: Function | undefined;
+    isOpened?: boolean | undefined;
+    isActive?: boolean | undefined;
+    parent?: /*elided*/ any | undefined;
+    children?: /*elided*/ any[] | undefined;
+    events?: {
+        click?: Function | undefined;
+    } | undefined;
+    onClick?: Function | undefined;
 }[]>;
 declare const entryIconSlots: import("vue").ComputedRef<LktObject>;
 declare const onClickOutside: () => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_5: any, __VLS_6: {};
+declare var __VLS_8: any, __VLS_9: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_5>]?: (props: typeof __VLS_6) => any;
+    [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
 }>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_self: import("vue").DefineComponent<MenuConfig, {
     MenuItem: typeof MenuItem;
     entries: typeof entries;
     entryIconSlots: typeof entryIconSlots;
@@ -62,7 +49,7 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     "update:modelValue": (...args: any[]) => void;
     "click-outside": (...args: any[]) => void;
     response: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<MenuConfig> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onLoading?: ((...args: any[]) => any) | undefined;
     onResults?: ((...args: any[]) => any) | undefined;
@@ -71,17 +58,17 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     onResponse?: ((...args: any[]) => any) | undefined;
 }>, {
     resource: string;
-    resourceData: LktObject;
-    modelValue: MenuEntry[];
+    resourceData: import("lkt-vue-kernel").LktObject;
+    modelValue: import("lkt-vue-kernel").MenuEntryConfig[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<MenuConfig, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
     loading: (...args: any[]) => void;
     results: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     "click-outside": (...args: any[]) => void;
     response: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<MenuConfig> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onLoading?: ((...args: any[]) => any) | undefined;
     onResults?: ((...args: any[]) => any) | undefined;
@@ -90,8 +77,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onResponse?: ((...args: any[]) => any) | undefined;
 }>, {
     resource: string;
-    resourceData: LktObject;
-    modelValue: MenuEntry[];
+    resourceData: import("lkt-vue-kernel").LktObject;
+    modelValue: import("lkt-vue-kernel").MenuEntryConfig[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-menu",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "",
   "keywords": [
     "lkt",
@@ -50,11 +50,11 @@
     "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
-    "lkt-anchor": "^1.1.4",
-    "lkt-data-state": "^1.0.10",
-    "lkt-http-client": "^1.0.31",
-    "lkt-i18n": "^1.0.4",
-    "lkt-vue-kernel": "^1.0.0",
+    "lkt-anchor": "^1.2.4",
+    "lkt-data-state": "^1.0.11",
+    "lkt-http-client": "^1.0.34",
+    "lkt-i18n": "^1.0.6",
+    "lkt-vue-kernel": "^1.0.32",
     "vue": "^3.3.0",
     "vue-router": "^4.3.3"
   }

package/src/components/MenuItem.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-  import { MenuEntry } from '../classes/MenuEntry';
+  import { extractI18nValue, LktObject, MenuEntry } from 'lkt-vue-kernel';
   import { computed, onMounted, ref, useSlots, watch } from 'vue';
-  import { LktObject } from 'lkt-ts-interfaces';
   import { fetchKeys } from '../functions/helpers';
   import { useRouter } from 'vue-router';
   import { Settings } from '../settings/Settings';
-  import { extractI18nValue } from 'lkt-vue-kernel';
 
-  const emit = defineEmits(['update:modelValue']);
+  const emit = defineEmits([
+    'update:modelValue'
+  ]);
 
 const props = withDefaults(defineProps<{
     modelValue?: MenuEntry
 }>(), {
-    modelValue: () => (new MenuEntry('', '', ''))
+    modelValue: () => (new MenuEntry())
 });
 
 const entry = ref(props.modelValue),
@@ -24,7 +24,15 @@ const onClickToggle = () => {
         entry.value.isOpened = !entry.value.isOpened;
     },
     onClick = () => {
-        if (entry.value.children.length > 0) onClickToggle();
+        if (entry.value.children?.length > 0) onClickToggle();
+
+        if (typeof entry.value.events?.click === 'function') {
+          entry.value.events.click({
+            entry: entry.value
+          });
+          return 1;
+        }
+
         if (typeof entry.value.onClick === 'function') {
             entry.value.onClick({
                 entry: entry.value
@@ -95,9 +103,9 @@ onMounted(() => {
       if (currentRoute.value.path === entry.value.href) {
           entry.value.isOpened = true;
 
-      } else if (entry.value.children.length > 0) {
+      } else if (entry.value.children?.length > 0) {
           let opened = false;
-          entry.value.children.forEach((child) => {
+          entry.value.children?.forEach((child) => {
               if (currentRoute.value.path === child.href) opened = true;
           });
 
@@ -133,7 +141,7 @@ onMounted(() => {
                 </div>
             </lkt-anchor>
 
-            <div class="lkt-menu-entry-toggle" v-if="entry.children.length > 0" @click="onClickToggle">
+            <div class="lkt-menu-entry-toggle" v-if="entry.children?.length > 0" @click="onClickToggle">
                 <template v-if="hasToggleSlot">
                     <component :is="toggleSlot" class="lkt-menu-entry-toggle-inner" :class="entry.isOpened ? 'is-opened' : '' "/>
                 </template>

package/src/lib-components/LktMenu.vue

@@ -1,23 +1,22 @@
 <script setup lang="ts">
-import {MenuEntry} from "../classes/MenuEntry";
-import MenuItem from "../components/MenuItem.vue";
-import {computed, ref, useSlots, watch} from "vue";
-import {LktObject} from "lkt-ts-interfaces";
-import {fetchKeys} from "../functions/helpers";
-import {DataState} from "lkt-data-state";
-import {httpCall, HTTPResponse} from "lkt-http-client";
+  import MenuItem from '../components/MenuItem.vue';
+  import { computed, ref, useSlots, watch } from 'vue';
+  import { LktObject } from 'lkt-ts-interfaces';
+  import { fetchKeys } from '../functions/helpers';
+  import { DataState } from 'lkt-data-state';
+  import { httpCall, HTTPResponse } from 'lkt-http-client';
+  import { getDefaultValues, Menu, MenuConfig } from 'lkt-vue-kernel';
 
-const props = withDefaults(defineProps<{
-    modelValue?: MenuEntry[]
-    resource?: string
-    resourceData: LktObject
-}>(), {
-    modelValue: () => [],
-    resource: '',
-    resourceData: () => ({}),
-});
+  const props = withDefaults(defineProps<MenuConfig>(), getDefaultValues(Menu));
 
-const emit = defineEmits(['update:modelValue', 'click-outside', 'loading', 'results', 'response', 'error']);
+const emit = defineEmits([
+  'update:modelValue',
+  'click-outside',
+  'loading',
+  'results',
+  'response',
+  'error'
+]);
 
 const slots = useSlots();