vlite3 0.8.8 → 0.8.10

package/components/ColorPicker/ColorPicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { TooltTipPlacement } from 'v-tooltip-lite/types';
+import { TooltTipPlacement } from '../../lib/v-tooltip-lite/types';
 import { ButtonProps } from '../../types';
 interface Props {
     modelValue?: string;

package/components/Dropdown/Dropdown.vue.d.ts

@@ -1,5 +1,5 @@
 import { IDropdownOption, ButtonProps } from '../../types';
-import { TooltTipPlacement } from 'v-tooltip-lite/types';
+import { TooltTipPlacement } from '../../lib/v-tooltip-lite/types';
 type __VLS_Props = {
     selected?: any;
     modelValue?: any;
@@ -65,10 +65,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         option?: IDropdownOption;
     }) => any;
     "update:modelValue": (value: any) => any;
+    "update:isOpen": (value: boolean) => any;
     "load-more": () => any;
     onClose: () => any;
     onOpen: () => any;
-    "update:isOpen": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSearch?: (query: string) => any;
     onOnSelect?: (payload: {
@@ -77,14 +77,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         option?: IDropdownOption;
     }) => any;
     "onUpdate:modelValue"?: (value: any) => any;
+    "onUpdate:isOpen"?: (value: boolean) => any;
     "onLoad-more"?: () => any;
     onOnClose?: () => any;
     onOnOpen?: () => any;
-    "onUpdate:isOpen"?: (value: boolean) => any;
 }>, {
     loading: boolean;
-    selectable: boolean;
+    offset: [number, number];
     options: (IDropdownOption | string | number)[];
+    teleport: boolean;
+    isOpen: boolean;
+    selectable: boolean;
     columns: number | string;
     selectedIndex: number | null;
     maxHeight: string;
@@ -98,9 +101,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     closeOnSelect: boolean;
     toggleSelection: boolean;
     emptyMessage: string;
-    offset: [number, number];
-    isOpen: boolean;
-    teleport: boolean;
     showSelectedLabel: boolean;
     doubleConfirmation: boolean;
     isNested: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as K, ref as i, computed as m, watch as T, provide as Q, reactive as W, toRefs as X, openBlock as A, createElementBlock as Y, normalizeStyle as Z, createVNode as B, unref as v, withCtx as c, renderSlot as d, createBlock as _, normalizeClass as ee, createSlots as te, normalizeProps as H, guardReactiveProps as L, createCommentVNode as le } from "vue";
-import oe from "v-tooltip-lite";
-import "v-tooltip-lite/style.css";
-import ne from "./DropdownMenu.vue.js";
-import ae from "./DropdownTrigger.vue.js";
-import ie from "../ConfirmationModal.vue.js";
-import { useDropdownIds as se } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as re } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as ue } from "./composables/useDropdownHydration.js";
-const be = /* @__PURE__ */ K({
+import { defineComponent as ee, ref as i, computed as c, inject as te, onMounted as ne, onUnmounted as le, watch as P, provide as oe, reactive as ae, toRefs as ie, openBlock as L, createElementBlock as se, normalizeStyle as re, createVNode as x, unref as p, withCtx as f, renderSlot as m, createBlock as ue, normalizeClass as de, createSlots as ce, normalizeProps as V, guardReactiveProps as R, createCommentVNode as fe } from "vue";
+import me from "../../lib/v-tooltip-lite/components/ToolTip.vue.js";
+/* empty css                                     */
+import ve from "./DropdownMenu.vue.js";
+import he from "./DropdownTrigger.vue.js";
+import pe from "../ConfirmationModal.vue.js";
+import { useDropdownIds as ge } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as ye } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Ce } from "./composables/useDropdownHydration.js";
+const xe = /* @__PURE__ */ ee({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -46,138 +46,149 @@ const be = /* @__PURE__ */ K({
     isNested: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: V }) {
-    const n = l, p = V, h = i(!1), f = i(null), s = i({
+  setup(l, { emit: z }) {
+    const o = l, g = z, y = i(!1), v = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), D = m(() => n.position ? n.position : n.direction === "rtl" ? "bottom-end" : "bottom-start"), R = m(() => n.nestedPosition ? n.nestedPosition : n.direction === "rtl" ? "left-start" : "right-start"), O = i(n.isOpen || !1), y = i(0);
-    T(
-      () => n.isOpen,
+    }), E = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), j = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = i(o.isOpen || !1), C = i(0), U = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || U), h = i([]), s = te("dropdown-context", null), q = (e) => {
+      h.value.includes(e) || h.value.push(e), s?.registerChildId?.(e);
+    }, F = (e) => {
+      h.value = h.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
+    };
+    ne(() => {
+      s?.registerChildId && s.registerChildId(`#${$.value}`);
+    }), le(() => {
+      s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
+    }), P(
+      () => o.isOpen,
       (e) => {
-        e !== void 0 && (O.value = e);
+        e !== void 0 && (S.value = e);
       }
     );
-    const P = (e) => {
-      O.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
-    }, g = () => {
-      P(!1);
+    const M = (e) => {
+      S.value = e, g("update:isOpen", e), g(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+    }, b = () => {
+      M(!1);
+    }, G = (e) => {
+      e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    Q("dropdown-context", {
-      close: g,
+    oe("dropdown-context", {
+      close: b,
       onChildToggle: (e) => {
-        e ? y.value++ : y.value = Math.max(0, y.value - 1);
-      }
+        G(e), s?.onChildToggle?.(e);
+      },
+      registerChildId: q,
+      unregisterChildId: F
     });
-    const b = m(() => n.options ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), C = i([]), I = i(!1), S = i(!1);
-    T(
-      b,
+    const w = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), O = i([]), N = i(!1), k = i(!1);
+    P(
+      w,
       (e) => {
         if (e) {
-          if (n.remote) {
-            const o = [...C.value];
+          if (o.remote) {
+            const n = [...O.value];
             e.forEach((t) => {
-              o.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || o.push(t);
-            }), C.value = o;
+              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
+            }), O.value = n;
           } else
-            C.value = e;
-          !I.value && e.length > 0 && (I.value = !0, setTimeout(() => {
-            S.value = !0, N(w.value);
+            O.value = e;
+          !N.value && e.length > 0 && (N.value = !0, setTimeout(() => {
+            k.value = !0, A(T.value);
           }, 10));
         }
       },
       { immediate: !0 }
-      // Performance fix: Removed deep: true to prevent heavy recursion mapping
     );
-    const u = m(() => {
-      const e = [...C.value], o = new Set(e.map((t) => t.value ?? t.label));
-      return k.value.forEach((t, r) => {
-        o.has(r) || (e.unshift(t), o.add(r));
+    const d = c(() => {
+      const e = [...O.value], n = new Set(e.map((t) => t.value ?? t.label));
+      return I.value.forEach((t, u) => {
+        n.has(u) || (e.unshift(t), n.add(u));
       }), e;
-    }), { selectedBuffer: k, isHydrating: z, hydrateSelected: N } = ue({
-      fetchSelected: n.fetchSelected,
-      getAvailableOptions: () => u.value,
-      isReady: () => S.value
-    }), { getAllRecursiveIds: E } = se(), j = W({
-      ...X(n),
-      options: u
-    }), { currentValue: w, selectedLabel: x, selectOption: U } = re(
-      j,
-      p
-    ), q = m(() => {
-      const e = n.ignoreClickOutside || [], o = E(u.value);
-      return [.../* @__PURE__ */ new Set([...e, ...o, ".tooltip-container"])];
+    }), { selectedBuffer: I, isHydrating: J, hydrateSelected: A } = Ce({
+      fetchSelected: o.fetchSelected,
+      getAvailableOptions: () => d.value,
+      isReady: () => k.value
+    }), { getAllRecursiveIds: K } = ge(), Q = ae({
+      ...ie(o),
+      options: d
+    }), { currentValue: T, selectedLabel: H, selectOption: W } = ye(
+      Q,
+      g
+    ), X = c(() => {
+      const e = o.ignoreClickOutside || [], n = K(d.value);
+      return [.../* @__PURE__ */ new Set([...e, ...n, ...h.value])];
     });
-    T(
-      () => w.value,
+    P(
+      () => T.value,
       (e) => {
-        S.value && N(e);
+        k.value && A(e);
       },
       { deep: !0 }
     );
-    const F = (e) => {
-      n.doubleConfirmation || !!e.confirmation ? (f.value = e, typeof e.confirmation == "object" ? s.value = {
+    const Y = (e) => {
+      o.doubleConfirmation || !!e.confirmation ? (v.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : s.value = {
+      } : r.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, h.value = !0, g()) : (M(e), n.closeOnSelect && g());
-    }, M = (e) => {
-      const o = e.value ?? e.label;
-      k.value.has(o) || k.value.set(o, e);
-      const t = U(e);
-      if (!n.isNested) {
-        const r = e._originalOption || e, a = r.value ?? r.label;
-        (e._path || [r]).forEach(($) => {
-          typeof $.onSelect == "function" && $.onSelect({
+      }, y.value = !0, b()) : (D(e), o.closeOnSelect && b());
+    }, D = (e) => {
+      const n = e.value ?? e.label;
+      I.value.has(n) || I.value.set(n, e);
+      const t = W(e);
+      if (!o.isNested) {
+        const u = e._originalOption || e, a = u.value ?? u.label;
+        (e._path || [u]).forEach((B) => {
+          typeof B.onSelect == "function" && B.onSelect({
             value: a,
-            option: $,
-            data: u.value || [],
+            option: B,
+            data: d.value || [],
             values: t
           });
         });
       }
-    }, G = () => {
-      f.value && (M(f.value), f.value = null, h.value = !1);
-    }, J = () => {
-      f.value = null, h.value = !1;
+    }, Z = () => {
+      v.value && (D(v.value), v.value = null, y.value = !1);
+    }, _ = () => {
+      v.value = null, y.value = !1;
     };
-    return (e, o) => (A(), Y("div", {
+    return (e, n) => (L(), se("div", {
       class: "relative inline-block text-left",
-      style: Z({ direction: l.direction })
+      style: re({ direction: l.direction })
     }, [
-      B(v(oe), {
+      x(p(me), {
         content: "",
         trigger: "click",
         arrow: !1,
         teleport: l.teleport,
         offset: l.offset,
-        placement: D.value,
-        isOpen: O.value,
-        keepAlive: y.value > 0,
-        menuId: l.menuId,
-        ignoreClickOutside: q.value,
+        placement: E.value,
+        isOpen: S.value,
+        keepAlive: C.value > 0,
+        menuId: $.value,
+        ignoreClickOutside: X.value,
         class: "w-full",
         className: "dropdown " + (l.className || ""),
-        onOnShow: o[2] || (o[2] = (t) => e.$emit("onOpen")),
-        onOnHide: o[3] || (o[3] = (t) => e.$emit("onClose")),
-        "onUpdate:isOpen": P,
+        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
+        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        "onUpdate:isOpen": M,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
-        trigger: c(({ isOpen: t }) => [
-          d(e.$slots, "trigger", H(L({ selectedLabel: v(x), isOpen: t })), () => [
-            B(ae, {
-              "selected-label": v(x),
+        trigger: f(({ isOpen: t }) => [
+          m(e.$slots, "trigger", V(R({ selectedLabel: p(H), isOpen: t })), () => [
+            x(he, {
+              "selected-label": p(H),
               "is-open": t,
               direction: l.direction,
               triggerProps: l.triggerProps,
@@ -185,77 +196,77 @@ const be = /* @__PURE__ */ K({
             }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
           ])
         ]),
-        default: c(() => [
-          d(e.$slots, "default"),
-          b.value.length || u.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (A(), _(ne, {
+        default: f(() => [
+          m(e.$slots, "default"),
+          w.value.length || d.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (L(), ue(ve, {
             key: 0,
-            options: b.value,
-            cachedOptions: u.value,
-            class: ee(l.className),
-            selected: v(w),
+            options: w.value,
+            cachedOptions: d.value,
+            class: de(l.className),
+            selected: p(T),
             selectedIndex: l.selectedIndex,
             maxHeight: l.maxHeight,
-            nestedPosition: R.value,
+            nestedPosition: j.value,
             nestedOffset: l.nestedOffset,
             selectable: l.selectable,
             direction: l.direction,
             layout: l.layout,
             columns: l.columns,
-            loading: l.loading || v(z),
+            loading: l.loading || p(J),
             hasMore: l.hasMore,
             searchable: l.searchable,
             remote: l.remote,
             debounceTime: l.debounceTime,
-            onSelect: F,
-            onClose: g,
-            onLoadMore: o[0] || (o[0] = (t) => e.$emit("load-more")),
-            onSearch: o[1] || (o[1] = (t) => e.$emit("search", t))
-          }, te({ _: 2 }, [
+            onSelect: Y,
+            onClose: b,
+            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
+            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
+          }, ce({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
-              fn: c(() => [
-                d(e.$slots, "menu")
+              fn: f(() => [
+                m(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: c((t) => [
-                d(e.$slots, "item", H(L(t)))
+              fn: f((t) => [
+                m(e.$slots, "item", V(R(t)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
-              fn: c(() => [
-                d(e.$slots, "header")
+              fn: f(() => [
+                m(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
-              fn: c(() => [
-                d(e.$slots, "footer")
+              fn: f(() => [
+                m(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : le("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : fe("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
-      B(ie, {
-        show: h.value,
-        title: s.value.title,
-        description: s.value.description,
-        "confirm-text": s.value.confirmText,
-        "cancel-text": s.value.cancelText,
-        variant: s.value.variant,
-        onConfirm: G,
-        onCancel: J
+      x(pe, {
+        show: y.value,
+        title: r.value.title,
+        description: r.value.description,
+        "confirm-text": r.value.confirmText,
+        "cancel-text": r.value.cancelText,
+        variant: r.value.variant,
+        onConfirm: Z,
+        onCancel: _
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  be as default
+  xe as default
 };

package/components/Dropdown/DropdownGroupedLayout.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onSelect?: (option: IDropdownOption) => any;
     onMouseenter?: (payload: any) => any;
 }>, {
-    selectable: boolean;
     options: IDropdownOptions;
+    selectable: boolean;
     columns: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     loading: boolean;
-    selectable: boolean;
     options: (IDropdownOption | string | number)[];
+    selectable: boolean;
     columns: number | string;
     cachedOptions: IDropdownOptions;
     selectedIndex: number | null;

package/components/Dropdown/useDropdownIds.d.ts

@@ -0,0 +1,7 @@
+export declare function useDropdownIds(): {
+    dropdownId: import('vue').Ref<string, string>;
+    menuId: import('vue').Ref<string, string>;
+    registerChildId: (id: string) => void;
+    unregisterChildId: (id: string) => void;
+    allChildIds: import('vue').ComputedRef<string[]>;
+};

package/components/IconPicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../types';
-import { TooltTipPlacement } from 'v-tooltip-lite/types';
+import { TooltTipPlacement } from '../lib/v-tooltip-lite/types';
 interface Props {
     btnProps?: ButtonProps;
     value?: string;

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7572bc5b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0f3159c0"]]);
 export {
-  p as default
+  m as default
 };

package/components/Navbar/Navbar.vue.d.ts

@@ -88,8 +88,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
     height: string;
     border: boolean;
     compact: boolean;
-    position: import('../../types/navbar.type').NavbarPosition;
     contentClass: string;
+    position: import('../../types/navbar.type').NavbarPosition;
     breadcrumb: boolean;
     centerPosition: import('../../types/navbar.type').NavbarCenterPosition;
     glass: boolean;

package/components/NavbarCommandPalette.vue.d.ts

@@ -22,8 +22,8 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     placeholder: string;
-    items: import('./CommandPalette').CommandPaletteItem[];
     enabled: boolean;
+    items: import('./CommandPalette').CommandPaletteItem[];
     menuItems: SidebarMenuItemSchema[];
     maxResultsPerGroup: number;
     shortcutKey: string;

package/components/SidePanel.vue.d.ts

@@ -52,12 +52,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     size: SidePanelSize;
     class: string;
+    triggerClass: string;
     headerClass: string;
     position: SidePanelPosition;
     show: boolean;
     closeOutside: boolean;
     backdrop: boolean;
-    triggerClass: string;
     bodyClass: string;
     footerClass: string;
     hideCloseButton: boolean;

package/components/SidebarMenu/SidebarMenu.vue.d.ts

@@ -2,6 +2,7 @@ import { SidebarMenuProps, SidebarMenuItemSchema } from './types';
 declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuProps> & Readonly<{}>, {
     variant: "default" | "ghost";
     compact: boolean;
+    showTooltip: boolean;
     items: SidebarMenuItemSchema[];
     iconSize: string;
     mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
@@ -19,7 +20,6 @@ declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {},
     compactItemPadding: string;
     nestedMenuWidth: string;
     nestedMenuMaxHeight: string;
-    showTooltip: boolean;
     forceTreeView: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 export default _default;