lkt-menu 1.0.10 → 1.0.11

package/dist/build.d.ts

@@ -1,5 +1,5 @@
 declare class x {
-    constructor(t: any, n: any, i: any);
+    constructor(t: any, r: any, i: any);
     key: any;
     href: any;
     label: any;
@@ -17,7 +17,7 @@ declare class x {
     setIcon(t: any): this;
     doClose(): void;
 }
-declare function ke(o: any, t: any, n: any): {
+declare function ke(o: any, t: any, r: any): {
     key: any;
     href: any;
     label: any;

package/dist/build.js

@@ -1,14 +1,14 @@
-import { defineComponent as J, ref as $, useSlots as K, computed as c, watch as b, onMounted as q, resolveComponent as B, openBlock as u, createElementBlock as d, normalizeClass as V, createElementVNode as O, createVNode as G, withCtx as w, unref as H, renderSlot as L, createCommentVNode as f, toDisplayString as P, createBlock as R, resolveDynamicComponent as Q, Fragment as T, renderList as S, createSlots as W, reactive as X } from "vue";
+import { defineComponent as J, ref as $, useSlots as K, computed as c, watch as O, onMounted as q, resolveComponent as B, openBlock as u, createElementBlock as d, normalizeClass as b, createElementVNode as S, createVNode as G, withCtx as w, unref as H, renderSlot as L, createCommentVNode as k, toDisplayString as P, createBlock as R, resolveDynamicComponent as Q, Fragment as T, renderList as A, createSlots as W, reactive as X } from "vue";
 import { __ as Y } from "lkt-i18n";
 import { useRouter as Z } from "vue-router";
 import { DataState as ee } from "lkt-data-state";
 import { httpCall as te } from "lkt-http-client";
 class x {
-  constructor(t, n, i) {
-    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 = t, this.href = n, this.label = i;
+  constructor(t, r, i) {
+    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 = t, this.href = r, this.label = i;
   }
   setChildren(t) {
-    return t.forEach((n) => n.parent = this), this.children = t, this;
+    return t.forEach((r) => r.parent = this), this.children = t, this;
   }
   setOnClick(t) {
     return this.onClick = t, this;
@@ -29,12 +29,12 @@ class x {
     this.isOpened = !1;
   }
 }
-const j = (o, t) => (t.forEach((n) => {
-  o.includes(n.key) || o.push(n.key), n.children.length > 0 && j(o, n.children);
-}), o), A = class A {
+const j = (o, t) => (t.forEach((r) => {
+  o.includes(r.key) || o.push(r.key), r.children.length > 0 && j(o, r.children);
+}), o), I = class I {
 };
-A.toggleSlot = "", A.debugEnabled = !1;
-let k = A;
+I.toggleSlot = "", I.debugEnabled = !1;
+let y = I;
 const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }, re = {
   key: 0,
   class: "lkt-menu-entry-icon"
@@ -51,59 +51,61 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
   },
   emits: ["update:modelValue"],
   setup(o, { emit: t }) {
-    const n = t, i = o, e = $(i.modelValue), a = K(), I = Z(), m = $(!1), y = () => {
+    const r = t, i = o, e = $(i.modelValue), a = K(), f = Z(), m = $(!1), g = () => {
       e.value.isOpened = !e.value.isOpened;
-    }, E = () => (e.value.children.length > 0 && y(), typeof e.value.onClick == "function" && e.value.onClick({
+    }, E = () => (e.value.children.length > 0 && g(), typeof e.value.onClick == "function" && e.value.onClick({
       entry: e.value
-    }), 1), g = c(() => a["icon-" + e.value.key] || e.value.icon !== ""), D = c(() => {
-      let r = [];
-      return g.value && r.push("has-icon"), m.value && r.push("is-active"), r.join(" ");
+    }), 1), _ = c(() => a["icon-" + e.value.key] || e.value.icon !== ""), D = c(() => {
+      let n = [];
+      return _.value && n.push("has-icon"), m.value && n.push("is-active"), n.join(" ");
     }), s = c(() => j([], e.value.children)), l = c(() => {
-      let r = [];
+      let n = [];
       for (let v in a)
-        v.startsWith("icon-") && s.value.includes(v.substring(5)) && r.push(v);
-      return r;
-    }), h = c(() => e.value.label.startsWith("__:") ? Y(e.value.label.substring(3)) : e.value.label), _ = c(() => e.value.isActive ? !0 : typeof e.value.isActiveChecker == "function" ? !!e.value.isActiveChecker({
+        v.startsWith("icon-") && s.value.includes(v.substring(5)) && n.push(v);
+      return n;
+    }), h = c(() => e.value.label.startsWith("__:") ? Y(e.value.label.substring(3)) : e.value.label), C = c(() => e.value.isActive ? !0 : typeof e.value.isActiveChecker == "function" ? !!e.value.isActiveChecker({
       entry: e.value
-    }) : !1), p = c(() => !!k.toggleSlot), F = c(() => k.toggleSlot);
-    return b(() => i.modelValue, (r) => {
-      e.value = r;
-    }, { deep: !0 }), b(e, (r) => {
-      n("update:modelValue", r);
+    }) : !1), p = c(() => !!y.toggleSlot), F = c(() => y.toggleSlot);
+    return O(() => i.modelValue, (n) => {
+      e.value = n;
+    }, { deep: !0 }), O(e, (n) => {
+      r("update:modelValue", n);
     }, { deep: !0 }), q(() => {
-      let r = I.currentRoute;
-      if (r.value.path === e.value.href)
-        e.value.isOpened = !0;
-      else if (e.value.children.length > 0) {
-        let v = !1;
-        e.value.children.forEach((M) => {
-          r.value.path === M.href && (v = !0);
-        }), v && (e.value.isOpened = !0);
+      let n = f == null ? void 0 : f.currentRoute;
+      if (n) {
+        if (n.value.path === e.value.href)
+          e.value.isOpened = !0;
+        else if (e.value.children.length > 0) {
+          let v = !1;
+          e.value.children.forEach((M) => {
+            n.value.path === M.href && (v = !0);
+          }), v && (e.value.isOpened = !0);
+        }
       }
-    }), (r, v) => {
+    }), (n, v) => {
       const M = B("lkt-anchor"), z = B("menu-item", !0);
       return u(), d("div", {
-        class: V(["lkt-menu-entry", D.value])
+        class: b(["lkt-menu-entry", D.value])
       }, [
-        O("div", le, [
+        S("div", le, [
           G(M, {
             to: e.value.href,
             "on-click": E,
-            "is-active": _.value,
+            "is-active": C.value,
             onActive: v[0] || (v[0] = (U) => m.value = U)
           }, {
             default: w(() => [
-              O("div", ne, [
-                g.value ? (u(), d("div", re, [
-                  H(a)["icon-" + e.value.key] ? L(r.$slots, "icon-" + e.value.key, {
+              S("div", ne, [
+                _.value ? (u(), d("div", re, [
+                  H(a)["icon-" + e.value.key] ? L(n.$slots, "icon-" + e.value.key, {
                     key: e.value.key,
                     entry: e.value
                   }) : e.value.icon !== "" ? (u(), d("i", {
                     key: 1,
-                    class: V(e.value.icon)
-                  }, null, 2)) : f("", !0)
-                ])) : f("", !0),
-                e.value.label !== "" ? (u(), d("div", se, P(h.value), 1)) : f("", !0)
+                    class: b(e.value.icon)
+                  }, null, 2)) : k("", !0)
+                ])) : k("", !0),
+                e.value.label !== "" ? (u(), d("div", se, P(h.value), 1)) : k("", !0)
               ])
             ]),
             _: 3
@@ -111,31 +113,31 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
           e.value.children.length > 0 ? (u(), d("div", {
             key: 0,
             class: "lkt-menu-entry-toggle",
-            onClick: y
+            onClick: g
           }, [
             p.value ? (u(), R(Q(F.value), {
               key: 0,
-              class: V(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
+              class: b(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
             }, null, 8, ["class"])) : (u(), d("div", {
               key: 1,
-              class: V(["lkt-menu-entry-toggle-inner lkt-menu-entry-toggle-triangle", e.value.isOpened ? "is-opened" : ""])
+              class: b(["lkt-menu-entry-toggle-inner lkt-menu-entry-toggle-triangle", e.value.isOpened ? "is-opened" : ""])
             }, null, 2))
-          ])) : f("", !0)
+          ])) : k("", !0)
         ]),
         e.value.isOpened ? (u(), d("div", oe, [
-          (u(!0), d(T, null, S(e.value.children, (U, N) => (u(), R(z, {
+          (u(!0), d(T, null, A(e.value.children, (U, N) => (u(), R(z, {
             modelValue: e.value.children[N],
-            "onUpdate:modelValue": (C) => e.value.children[N] = C,
+            "onUpdate:modelValue": (V) => e.value.children[N] = V,
             key: e.value.children[N].key
           }, W({ _: 2 }, [
-            S(l.value, (C) => ({
-              name: C,
+            A(l.value, (V) => ({
+              name: V,
               fn: w(() => [
-                L(r.$slots, C)
+                L(n.$slots, V)
               ])
             }))
           ]), 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
-        ])) : f("", !0)
+        ])) : k("", !0)
       ], 2);
     };
   }
@@ -148,7 +150,7 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
   },
   emits: ["update:modelValue", "click-outside", "loading", "results", "response", "error"],
   setup(o, { emit: t }) {
-    const n = o, i = t, e = K(), a = $(n.modelValue), I = (s) => {
+    const r = o, i = t, e = K(), a = $(r.modelValue), f = (s) => {
       let l = {};
       typeof s == "object" && Object.keys(s).length > 0 && (l = JSON.parse(JSON.stringify(s)));
       for (let h in l)
@@ -156,17 +158,16 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
       return l;
     };
     let m = new ee({});
-    m.increment(I(n.resourceData));
-    const y = c(() => j([], a.value)), E = c(() => {
+    m.increment(f(r.resourceData));
+    const g = c(() => j([], a.value)), E = c(() => {
       let s = [];
       for (let l in e)
-        l.startsWith("icon-") && y.value.includes(l.substring(5)) && s.push(l);
+        l.startsWith("icon-") && g.value.includes(l.substring(5)) && s.push(l);
       return s;
-    }), g = () => {
-      if (!n.resource)
-        return;
+    }), _ = () => {
+      if (!r.resource) return;
       let s = m.getData();
-      i("loading"), te(n.resource, s).then((l) => {
+      i("loading"), te(r.resource, s).then((l) => {
         m.turnStoredIntoOriginal(), a.value = l.data, i("results", l.data), i("response", l);
       }).catch((l) => {
         i("error", l);
@@ -174,18 +175,18 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
     }, D = () => {
       i("click-outside");
     };
-    return b(() => n.modelValue, (s) => {
+    return O(() => r.modelValue, (s) => {
       a.value = s;
-    }, { deep: !0 }), b(a, (s) => {
+    }, { deep: !0 }), O(a, (s) => {
       i("update:modelValue", s);
-    }, { deep: !0 }), g(), (s, l) => (u(), d("div", ie, [
-      O("div", ae, [
-        (u(!0), d(T, null, S(a.value, (h, _) => (u(), R(ue, {
-          modelValue: a.value[_],
-          "onUpdate:modelValue": (p) => a.value[_] = p,
+    }, { deep: !0 }), _(), (s, l) => (u(), d("div", ie, [
+      S("div", ae, [
+        (u(!0), d(T, null, A(a.value, (h, C) => (u(), R(ue, {
+          modelValue: a.value[C],
+          "onUpdate:modelValue": (p) => a.value[C] = p,
           key: h.key
         }, W({ _: 2 }, [
-          S(E.value, (p) => ({
+          A(E.value, (p) => ({
             name: p,
             fn: w(() => [
               L(s.$slots, p)
@@ -193,7 +194,7 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
           }))
         ]), 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
       ]),
-      O("div", {
+      S("div", {
         class: "lkt-menu-outside",
         onClick: D
       })
@@ -203,7 +204,7 @@ const le = { class: "lkt-menu-entry-main" }, ne = { class: "lkt-entry-content" }
   install: (o) => {
     o.component("lkt-menu") === void 0 && o.component("lkt-menu", ce);
   }
-}, ke = (o, t, n) => X(new x(o, t, n)), ye = (o) => (k.toggleSlot = o, !0);
+}, ke = (o, t, r) => X(new x(o, t, r)), ye = (o) => (y.toggleSlot = o, !0);
 export {
   x as MenuEntry,
   ke as createMenuEntry,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-menu",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "",
   "keywords": [
     "lkt",
@@ -22,7 +22,7 @@
     "./theme": "./theme/default.css",
     "./theme/default": "./theme/default.css"
   },
-  "types": "./dist/index.d.ts",
+  "types": "./dist/build.d.ts",
   "files": [
     "dist/*",
     "src/**/*.vue",

package/src/components/MenuItem.vue

@@ -93,17 +93,19 @@ watch(entry, (v) => {
 }, {deep: true});
 
 onMounted(() => {
-    let currentRoute = router.currentRoute;
-    if (currentRoute.value.path === entry.value.href) {
-        entry.value.isOpened = true;
+    let currentRoute = router?.currentRoute;
+    if (currentRoute) {
+      if (currentRoute.value.path === entry.value.href) {
+          entry.value.isOpened = true;
 
-    } else if (entry.value.children.length > 0) {
-        let opened = false;
-        entry.value.children.forEach((child) => {
-            if (currentRoute.value.path === child.href) opened = true;
-        });
+      } else if (entry.value.children.length > 0) {
+          let opened = false;
+          entry.value.children.forEach((child) => {
+              if (currentRoute.value.path === child.href) opened = true;
+          });
 
-        if (opened) entry.value.isOpened = true;
+          if (opened) entry.value.isOpened = true;
+      }
     }
 });
 </script>

package/dist/classes/MenuEntry.d.ts

@@ -1,20 +0,0 @@
-export declare class MenuEntry {
-    key: string;
-    href: string;
-    label: string;
-    icon: string;
-    onClick: Function | undefined;
-    isActiveChecker: Function | undefined;
-    isOpened: boolean;
-    isActive: boolean;
-    parent: MenuEntry | undefined;
-    children: MenuEntry[];
-    constructor(key: string, href: string, label: string);
-    setChildren(children: MenuEntry[]): this;
-    setOnClick(fn: Function): this;
-    setIsActiveChecker(fn: Function): this;
-    setIsActive(enabled?: boolean): this;
-    setLabel(str: string): this;
-    setIcon(str: string): this;
-    doClose(): void;
-}

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

@@ -1,60 +0,0 @@
-import { MenuEntry } from "../classes/MenuEntry";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: MenuEntry | undefined;
-}>, {
-    modelValue: () => MenuEntry;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: MenuEntry | undefined;
-}>, {
-    modelValue: () => MenuEntry;
-}>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: MenuEntry;
-}, {}>, Partial<Record<string, (_: {
-    key: string;
-    entry: {
-        key: string;
-        href: string;
-        label: string;
-        icon: string;
-        onClick: Function | undefined;
-        isActiveChecker: Function | undefined;
-        isOpened: boolean;
-        isActive: boolean;
-        parent: any | undefined;
-        children: 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;
-    };
-}) => any>> & Partial<Record<any, (_: {}) => any>>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/functions/helpers.d.ts

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

package/dist/index.d.ts

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

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

@@ -1,60 +0,0 @@
-import { MenuEntry } from "../classes/MenuEntry";
-import { LktObject } from "lkt-ts-interfaces";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: MenuEntry[] | undefined;
-    resource?: string | undefined;
-    resourceData: LktObject;
-}>, {
-    modelValue: () => never[];
-    resource: string;
-    resourceData: () => {};
-}>, {}, unknown, {}, {}, 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<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: MenuEntry[] | undefined;
-    resource?: string | undefined;
-    resourceData: LktObject;
-}>, {
-    modelValue: () => never[];
-    resource: string;
-    resourceData: () => {};
-}>>> & {
-    onError?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onLoading?: ((...args: any[]) => any) | undefined;
-    onResults?: ((...args: any[]) => any) | undefined;
-    "onClick-outside"?: ((...args: any[]) => any) | undefined;
-    onResponse?: ((...args: any[]) => any) | undefined;
-}, {
-    resource: string;
-    modelValue: MenuEntry[];
-    resourceData: LktObject;
-}, {}>, Partial<Record<any, (_: {}) => any>>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/settings/Settings.d.ts

@@ -1,5 +0,0 @@
-import { Component } from "vue";
-export declare class Settings {
-    static toggleSlot: string | Component;
-    static debugEnabled: boolean;
-}