vlite3 1.3.11 → 1.4.2

package/components/CategoryManager/CategoryManager.vue2.js

@@ -11,6 +11,7 @@ import "vue-draggable-plus";
 /* empty css                                          */
 import "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
+/* empty css                                    */
 /* empty css                            */
 import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
@@ -19,8 +20,12 @@ import "@vueuse/core";
 /* empty css                           */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
-/* empty css                      */
+/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
+/* empty css                                    */
+/* empty css                      */
 import { getUniqueId as _ } from "../../utils/functions.js";
 const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "text-lg font-bold text-foreground" }, $e = { class: "text-sm text-muted-foreground mt-0.5" }, Fe = {
   key: 0,
@@ -38,7 +43,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
 }, Le = {
   key: 0,
   class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-background/60 backdrop-blur-[1px] transition-opacity"
-}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, xt = /* @__PURE__ */ Ce({
+}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, Ct = /* @__PURE__ */ Ce({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
@@ -87,7 +92,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   },
   emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
   setup(S, { expose: L, emit: W }) {
-    const e = S, f = W, d = I([]), g = I(/* @__PURE__ */ new Set()), v = (o) => JSON.parse(JSON.stringify(o)), T = (o, t = null) => {
+    const e = S, f = W, d = I([]), p = I(/* @__PURE__ */ new Set()), v = (o) => JSON.parse(JSON.stringify(o)), T = (o, t = null) => {
       o.forEach((a, i) => {
         a.parentId = t, a.position = i, a.children || (a.children = []), T(a.children, a.id);
       });
@@ -125,7 +130,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       (o) => {
         if (o) {
           if (o.length === 0) {
-            d.value = [], g.value = /* @__PURE__ */ new Set(), f("update:modelValue", []);
+            d.value = [], p.value = /* @__PURE__ */ new Set(), f("update:modelValue", []);
             return;
           }
           const t = X(o);
@@ -133,9 +138,9 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
           const a = JSON.stringify(t), i = JSON.stringify(d.value);
           if (a !== i) {
             const r = z(t), n = new Set(
-              [...g.value].filter((p) => r.has(p))
+              [...p.value].filter((g) => r.has(g))
             );
-            g.value = n;
+            p.value = n;
             const u = v(t);
             d.value = u, f("update:modelValue", u);
           }
@@ -158,8 +163,8 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       const o = v(d.value);
       f("update:modelValue", o);
     }, Y = (o) => {
-      const t = new Set(g.value);
-      t.has(o) ? t.delete(o) : t.add(o), g.value = t;
+      const t = new Set(p.value);
+      t.has(o) ? t.delete(o) : t.add(o), p.value = t;
     }, y = I({
       mode: null,
       targetId: null,
@@ -171,7 +176,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         targetId: o === "add-child" && t || null,
         title: "",
         icon: "lucide:folder"
-      }, o === "add-child" && t && g.value.add(t);
+      }, o === "add-child" && t && p.value.add(t);
     }, D = () => {
       y.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
     }, V = () => {
@@ -183,8 +188,8 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         n = { id: _(), title: a, icon: i, children: [] }, r.push(n);
       else if (o === "add-child") {
         n = { id: _(), title: a, icon: i, children: [] };
-        const u = (p) => {
-          for (const c of p) {
+        const u = (g) => {
+          for (const c of g) {
             if (c.id === t)
               return c.children || (c.children = []), c.children.push(n), !0;
             if (c.children && u(c.children)) return !0;
@@ -207,21 +212,21 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         const n = { id: _(), children: [], ...t };
         a.push(n), i = n, r = "onAdd";
       } else if (x.value === "add-child") {
-        const n = { id: _(), children: [], ...t }, u = (p) => {
-          for (const c of p) {
+        const n = { id: _(), children: [], ...t }, u = (g) => {
+          for (const c of g) {
             if (c.id === O.value)
-              return c.children || (c.children = []), c.children.push(n), g.value.add(c.id), !0;
+              return c.children || (c.children = []), c.children.push(n), p.value.add(c.id), !0;
             if (c.children && u(c.children)) return !0;
           }
           return !1;
         };
         u(a), i = n, r = "onAdd";
       } else if (x.value === "edit" && q.value) {
-        const n = q.value.id, u = (p) => {
-          const c = p.findIndex((k) => k.id === n);
+        const n = q.value.id, u = (g) => {
+          const c = g.findIndex((k) => k.id === n);
           if (c > -1)
-            return p[c] = { ...p[c], ...t }, i = p[c], !0;
-          for (const k of p)
+            return g[c] = { ...g[c], ...t }, i = g[c], !0;
+          for (const k of g)
             if (k.children && u(k.children)) return !0;
           return !1;
         };
@@ -286,7 +291,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       if (e.headerTitle) return e.headerTitle;
       const o = l("vlite.categoryManager.headerTitle");
       return o !== "vlite.categoryManager.headerTitle" ? o : "Categories";
-    }), ge = s(() => {
+    }), pe = s(() => {
       if (e.headerDescriptionI18n) {
         const t = l(e.headerDescriptionI18n);
         if (t !== e.headerDescriptionI18n) return t;
@@ -294,7 +299,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       if (e.headerDescription) return e.headerDescription;
       const o = l("vlite.categoryManager.headerDescription");
       return o !== "vlite.categoryManager.headerDescription" ? o : "Manage your hierarchical structure.";
-    }), pe = s(() => {
+    }), ge = s(() => {
       if (e.addCategoryTextI18n) {
         const t = l(e.addCategoryTextI18n);
         if (t !== e.addCategoryTextI18n) return t;
@@ -344,7 +349,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       return o !== "vlite.categoryManager.categoryTitlePlaceholder" ? o : "Category title...";
     }), Te = s(() => e.quickAddTooltipI18n ? l(e.quickAddTooltipI18n) : e.quickAddTooltip ? e.quickAddTooltip : l("vlite.categoryManager.quickAddTooltip") !== "vlite.categoryManager.quickAddTooltip" ? l("vlite.categoryManager.quickAddTooltip") : "Quick Add Subcategory"), Ie = s(() => e.advancedDetailsTooltipI18n ? l(e.advancedDetailsTooltipI18n) : e.advancedDetailsTooltip ? e.advancedDetailsTooltip : l("vlite.categoryManager.advancedDetailsTooltip") !== "vlite.categoryManager.advancedDetailsTooltip" ? l("vlite.categoryManager.advancedDetailsTooltip") : "Advanced Details"), xe = s(() => e.deleteTooltipI18n ? l(e.deleteTooltipI18n) : e.deleteTooltip ? e.deleteTooltip : l("vlite.categoryManager.deleteTooltip") !== "vlite.categoryManager.deleteTooltip" ? l("vlite.categoryManager.deleteTooltip") : "Delete"), F = s(() => e.saveTooltipI18n ? l(e.saveTooltipI18n) : e.saveTooltip ? e.saveTooltip : l("vlite.categoryManager.saveTooltip") !== "vlite.categoryManager.saveTooltip" ? l("vlite.categoryManager.saveTooltip") : "Save"), J = s(() => e.cancelTooltipI18n ? l(e.cancelTooltipI18n) : e.cancelTooltip ? e.cancelTooltip : l("vlite.categoryManager.cancelTooltip") !== "vlite.categoryManager.cancelTooltip" ? l("vlite.categoryManager.cancelTooltip") : "Cancel");
     De("categoryManager", {
-      expandedIds: g,
+      expandedIds: p,
       inlineState: y,
       toggleExpand: Y,
       startInline: N,
@@ -369,20 +374,20 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       }
     }, we = () => {
       const o = z(d.value);
-      g.value = o;
+      p.value = o;
     }, Me = () => {
-      g.value = /* @__PURE__ */ new Set();
+      p.value = /* @__PURE__ */ new Set();
     }, B = (...o) => {
-      const t = new Set(g.value);
-      o.forEach((a) => t.add(a)), g.value = t;
+      const t = new Set(p.value);
+      o.forEach((a) => t.add(a)), p.value = t;
     }, Se = (...o) => {
-      const t = new Set(g.value);
-      o.forEach((a) => t.delete(a)), g.value = t;
+      const t = new Set(p.value);
+      o.forEach((a) => t.delete(a)), p.value = t;
     };
     return Ae(() => {
       e.defaultExpanded && e.defaultExpanded.length > 0 && B(...e.defaultExpanded);
     }), L({
-      expandedIds: g,
+      expandedIds: p,
       expandAll: we,
       collapseAll: Me,
       expand: B,
@@ -394,7 +399,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         Pe(o.$slots, "header", {}, () => [
           m("div", null, [
             m("h3", Oe, w(ue.value), 1),
-            m("p", $e, w(ge.value), 1)
+            m("p", $e, w(pe.value), 1)
           ]),
           S.readonly ? E("", !0) : (b(), G(R, {
             key: 0,
@@ -404,7 +409,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
             onClick: t[0] || (t[0] = (a) => N("add-root"))
           }, {
             default: P(() => [
-              H(w(pe.value), 1)
+              H(w(ge.value), 1)
             ]),
             _: 1
           }))
@@ -513,5 +518,5 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   }
 });
 export {
-  xt as default
+  Ct as default
 };

package/components/CategoryMenu/CategoryMenu.vue.d.ts

@@ -0,0 +1,22 @@
+import { CategoryMenuProps, CategoryMenuItem } from './types';
+declare const _default: import('vue').DefineComponent<CategoryMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: any) => any;
+}, string, import('vue').PublicProps, Readonly<CategoryMenuProps> & Readonly<{
+    onSelect?: (item: any) => any;
+}>, {
+    class: string;
+    variant: import('./types').CategoryMenuVariant;
+    items: CategoryMenuItem[];
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    maxDepth: number;
+    showIcons: boolean;
+    showAllItem: boolean;
+    allItemLabel: string;
+    activeId: string | number | null;
+    routePrefix: string;
+    showImages: boolean;
+    showDescriptions: boolean;
+    megaColumns: number;
+    multiExpand: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/CategoryMenu/CategoryMenu.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as y, computed as i, markRaw as r, inject as C, openBlock as m, createElementBlock as B, createBlock as p, unref as E, normalizeClass as f, resolveDynamicComponent as k } from "vue";
+import h from "./CategoryMenuVariant1.vue.js";
+import R from "./CategoryMenuVariant2.vue.js";
+import { CATEGORY_MENU_ROUTE_PREFIX_KEY as A, buildCategoryRoute as D } from "./utils.js";
+import P from "../SidebarMenu/SidebarMenu.vue.js";
+/* empty css                              */
+import "vue-router";
+import "@iconify/vue";
+import "v-tooltip-lite/style.css";
+import "v-tooltip-lite";
+import "../../core/config.js";
+/* empty css            */
+/* empty css                                    */
+/* empty css                            */
+/* empty css            */
+/* empty css                                  */
+const S = {
+  key: 0,
+  class: "w-full text-center text-xs text-muted-foreground py-3"
+}, j = {
+  name: "CategoryMenu"
+}, Q = /* @__PURE__ */ y({
+  ...j,
+  props: {
+    items: { default: () => [] },
+    variant: { default: "tabs" },
+    maxDepth: { default: 2 },
+    showIcons: { type: Boolean, default: !0 },
+    showAllItem: { type: Boolean, default: !1 },
+    allItemLabel: { default: "All" },
+    multiExpand: { type: Boolean, default: !1 },
+    activeId: { default: null },
+    routePrefix: { default: "" },
+    mobileBreakpoint: { default: "md" },
+    megaColumns: { default: 4 },
+    showImages: { type: Boolean, default: !0 },
+    showDescriptions: { type: Boolean, default: !0 },
+    class: { default: "" }
+  },
+  emits: ["select"],
+  setup(v, { emit: w }) {
+    const e = v, s = w, x = i(() => {
+      switch (e.variant) {
+        case "tabs":
+          return r(h);
+        case "mega":
+          return r(R);
+        default:
+          return r(h);
+      }
+    }), a = C(
+      A,
+      void 0
+    ), o = i(() => {
+      const l = typeof a == "object" && a && "value" in a ? a.value : a;
+      return String(e.routePrefix || l || "");
+    }), g = i(() => {
+      if (e.variant !== "sidebar") return [];
+      const l = (t, c = []) => {
+        const d = t.children && t.children.length > 0 ? t.children.map((b) => l(b, [...c, t])) : void 0, u = !!d?.length;
+        return {
+          id: t.id !== void 0 ? String(t.id) : void 0,
+          label: t.title || t.name || "Untitled",
+          to: u ? void 0 : D(o.value, t, c),
+          icon: e.showIcons ? t.icon : void 0,
+          badge: t.badge,
+          children: d,
+          // Parent nodes are expanders in tree/sidebar mode; leaves select/navigate.
+          action: u ? void 0 : () => s("select", t)
+        };
+      }, n = e.items.map((t) => l(t));
+      return e.showAllItem && n.unshift({
+        id: "all",
+        label: e.allItemLabel,
+        to: o.value ? o.value : void 0,
+        icon: e.showIcons ? "lucide:layout-grid" : void 0,
+        action: () => s("select", { id: "all", title: e.allItemLabel })
+      }), n;
+    }), I = (l) => s("select", l), _ = i(() => !e.items || e.items.length === 0);
+    return (l, n) => _.value ? (m(), B("div", S, " No categories to display. ")) : e.variant === "sidebar" ? (m(), p(E(P), {
+      key: 1,
+      items: g.value,
+      "allow-multiple": e.multiExpand,
+      "default-expanded": e.activeId ? [String(e.activeId)] : [],
+      class: f(e.class)
+    }, null, 8, ["items", "allow-multiple", "default-expanded", "class"])) : (m(), p(k(x.value), {
+      key: 2,
+      items: e.items,
+      "max-depth": e.maxDepth,
+      "show-icons": e.showIcons,
+      "show-all-item": e.showAllItem,
+      "all-item-label": e.allItemLabel,
+      "multi-expand": e.multiExpand,
+      "active-id": e.activeId,
+      "route-prefix": o.value,
+      "mega-columns": e.megaColumns,
+      "show-images": e.showImages,
+      "show-descriptions": e.showDescriptions,
+      class: f(e.class),
+      onSelect: I
+    }, null, 40, ["items", "max-depth", "show-icons", "show-all-item", "all-item-label", "multi-expand", "active-id", "route-prefix", "mega-columns", "show-images", "show-descriptions", "class"]));
+  }
+});
+export {
+  Q as default
+};

package/components/CategoryMenu/CategoryMenu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryMenu.vue.js";
+export {
+  f as default
+};

package/components/CategoryMenu/CategoryMenuVariant1.vue.d.ts

@@ -0,0 +1,17 @@
+import { CategoryMenuItem } from './types';
+interface Props {
+    items: CategoryMenuItem[];
+    maxDepth: number;
+    showIcons: boolean;
+    showAllItem: boolean;
+    allItemLabel: string;
+    activeId: string | number | null | undefined;
+    routePrefix?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: import('../CategoryManager').CategoryItem) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (item: import('../CategoryManager').CategoryItem) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/components/CategoryMenu/CategoryMenuVariant1.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as R, computed as L, ref as V, openBlock as t, createElementBlock as s, normalizeClass as P, createElementVNode as a, createBlock as l, resolveDynamicComponent as v, mergeProps as k, withCtx as p, createTextVNode as E, toDisplayString as m, createCommentVNode as i, Fragment as d, renderList as _, unref as $ } from "vue";
+import N from "../Dropdown/Dropdown.vue.js";
+import h from "../Icon.vue.js";
+import "../../core/config.js";
+/* empty css            */
+/* empty css                                    */
+/* empty css                            */
+import { normalizeRoutePrefix as S, categoriesToDropdownOptions as z, buildCategoryRoute as O } from "./utils.js";
+const T = {
+  class: "flex items-center gap-1 overflow-x-auto py-2 -mx-1 px-1 scrollbar-thin",
+  style: { "will-change": "transform", contain: "layout style" }
+}, F = { class: "truncate max-w-[180px]" }, H = { class: "truncate max-w-[180px]" }, M = { class: "sm:hidden border-t border-border" }, j = {
+  key: 0,
+  class: "px-2 py-2 bg-muted/30"
+}, q = { class: "flex-1 truncate" }, ee = /* @__PURE__ */ R({
+  __name: "CategoryMenuVariant1",
+  props: {
+    items: {},
+    maxDepth: {},
+    showIcons: { type: Boolean },
+    showAllItem: { type: Boolean },
+    allItemLabel: {},
+    activeId: {},
+    routePrefix: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(B, { emit: A }) {
+    const o = B, f = A, w = L(() => o.items || []), b = V(null), C = L(() => S(o.routePrefix)), I = (n) => {
+      const c = n.option?.data;
+      f("select", c || n);
+    }, D = () => {
+      f("select", { id: "all", title: o.allItemLabel });
+    }, u = (n, c = []) => O(o.routePrefix, n, c), x = (n) => n ? "router-link" : "button", g = (n) => n ? { to: n } : { type: "button" }, y = (n) => o.activeId ? n.id === o.activeId || (n.children || []).some((c) => y(c)) : !1;
+    return (n, c) => (t(), s("nav", {
+      class: P(["relative w-full bg-card", o.class]),
+      role: "navigation",
+      "aria-label": "Categories"
+    }, [
+      a("div", T, [
+        o.showAllItem ? (t(), l(v(x(C.value)), k({ key: 0 }, g(C.value), {
+          class: "shrink-0 px-3 py-1.5 text-sm font-medium rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+          onClick: D
+        }), {
+          default: p(() => [
+            E(m(o.allItemLabel), 1)
+          ]),
+          _: 1
+        }, 16)) : i("", !0),
+        (t(!0), s(d, null, _(w.value, (e) => (t(), s(d, {
+          key: e.id
+        }, [
+          e.children && e.children.length > 0 ? (t(), l($(N), {
+            key: 0,
+            options: $(z)(e.children, o.routePrefix, [e]),
+            maxHeight: "500px",
+            "close-on-select": !0,
+            searchable: !1,
+            "show-selected-label": !1,
+            "show-selected-icon": !1,
+            selectable: !0,
+            placement: "bottom-start",
+            offset: [0, 6],
+            "menu-id": `cat-menu-tabs-${e.id}`,
+            "nested-position": "right-start",
+            "nested-offset": [0, -5],
+            trigger: "hover",
+            class: "shrink-0",
+            onOnSelect: I
+          }, {
+            trigger: p(({ isOpen: r }) => [
+              a("button", {
+                type: "button",
+                class: P([
+                  "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md transition-colors",
+                  y(e) || r ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+                ])
+              }, [
+                o.showIcons && e.icon ? (t(), l(h, {
+                  key: 0,
+                  icon: e.icon,
+                  class: "w-3.5 h-3.5 shrink-0"
+                }, null, 8, ["icon"])) : i("", !0),
+                a("span", F, m(e.title || e.name), 1),
+                e.children && e.children.length > 0 ? (t(), l(h, {
+                  key: 1,
+                  icon: "lucide:chevron-down",
+                  class: "w-3 h-3 opacity-70 shrink-0"
+                })) : i("", !0)
+              ], 2)
+            ]),
+            _: 2
+          }, 1032, ["options", "menu-id"])) : (t(), l(v(x(u(e))), k({
+            key: 1,
+            ref_for: !0
+          }, g(u(e)), {
+            class: [
+              "shrink-0 inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md transition-colors",
+              y(e) ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+            ],
+            onClick: (r) => f("select", e)
+          }), {
+            default: p(() => [
+              o.showIcons && e.icon ? (t(), l(h, {
+                key: 0,
+                icon: e.icon,
+                class: "w-3.5 h-3.5 shrink-0"
+              }, null, 8, ["icon"])) : i("", !0),
+              a("span", H, m(e.title || e.name), 1)
+            ]),
+            _: 2
+          }, 1040, ["class", "onClick"]))
+        ], 64))), 128))
+      ]),
+      a("div", M, [
+        (t(!0), s(d, null, _(w.value, (e) => (t(), s(d, {
+          key: `m-${e.id}`
+        }, [
+          b.value === e.id && e.children ? (t(), s("div", j, [
+            (t(!0), s(d, null, _(e.children, (r) => (t(), l(v(x(u(r, [e]))), k({
+              key: r.id
+            }, { ref_for: !0 }, g(u(r, [e])), {
+              class: "w-full flex items-center gap-2 px-3 py-2 text-sm rounded-md text-foreground/90 hover:bg-accent text-left",
+              onClick: (G) => {
+                I({ value: r.id, option: { data: r } }), b.value = null;
+              }
+            }), {
+              default: p(() => [
+                o.showIcons && r.icon ? (t(), l(h, {
+                  key: 0,
+                  icon: r.icon,
+                  class: "w-4 h-4 shrink-0 opacity-80"
+                }, null, 8, ["icon"])) : i("", !0),
+                a("span", q, m(r.title || r.name), 1)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]))), 128))
+          ])) : i("", !0)
+        ], 64))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  ee as default
+};

package/components/CategoryMenu/CategoryMenuVariant1.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryMenuVariant1.vue.js";
+export {
+  f as default
+};

package/components/CategoryMenu/CategoryMenuVariant2.vue.d.ts

@@ -0,0 +1,18 @@
+import { CategoryMenuItem } from './types';
+interface Props {
+    items: CategoryMenuItem[];
+    maxDepth: number;
+    showIcons: boolean;
+    showImages: boolean;
+    showDescriptions: boolean;
+    megaColumns: number;
+    activeId: string | number | null | undefined;
+    routePrefix?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: import('../CategoryManager').CategoryItem) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (item: import('../CategoryManager').CategoryItem) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;