@apptegy/nuxt-navigation 0.1.44 → 0.1.45

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@apptegy/nuxt-navigation",
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/runtime/composables/useBranding.d.ts

@@ -1,22 +1,4 @@
 export declare function useBranding(clientId?: number): Promise<{
-    brand: import("vue").Ref<null, null>;
-    getBrandingStyles: import("vue").ComputedRef<{
-        '--brand-color'?: undefined;
-        '--nav-background-color'?: undefined;
-        '--nav-text-color'?: undefined;
-        '--nav-border-colors'?: undefined;
-        '--nav-icon-background'?: undefined;
-        '--nav-icon-color'?: undefined;
-        '--nav-active-icon-background'?: undefined;
-        '--nav-active-icon-color'?: undefined;
-    } | {
-        '--brand-color': any;
-        '--nav-background-color': string;
-        '--nav-text-color': string;
-        '--nav-border-colors': string;
-        '--nav-icon-background': string;
-        '--nav-icon-color': string;
-        '--nav-active-icon-background': string;
-        '--nav-active-icon-color': string;
-    }>;
+    brand: any;
+    getBrandingStyles: any;
 }>;

package/dist/runtime/composables/useDropdown.d.ts

@@ -1,10 +1,11 @@
 import type { Ref } from "#imports";
-export declare function useDropdown(options: Array<unknown>, dropdownOptionsRef: Ref<Array<HTMLElement>>, dropdownTriggerRef: Ref<HTMLElement>, config?: {
+type OptionItem = string | Record<string, string | number | boolean>;
+export declare function useDropdown(options: Array<OptionItem>, dropdownOptionsRef: Ref<Array<HTMLElement>>, dropdownTriggerRef: Ref<HTMLElement>, config?: {
     searchable: boolean;
     trackBy?: string;
 }): {
-    active: Ref<boolean, boolean>;
-    searchQuery: Ref<string, string>;
+    active: any;
+    searchQuery: any;
     toggleDropdown: ($event: KeyboardEvent | MouseEvent) => Promise<void>;
     openDropdown: () => void;
     closeDropdown: () => void;
@@ -12,5 +13,6 @@ export declare function useDropdown(options: Array<unknown>, dropdownOptionsRef:
     keydownActionsOnTrigger: (event: KeyboardEvent) => void;
     handleKeydown: (event: KeyboardEvent, index: number) => number | undefined;
     handleDropdownSearch: (inputValue: KeyboardEvent & InputEvent) => void;
-    debouncedFocus: any;
+    debouncedFocus: import("@vueuse/core").PromisifyFn<(idx: number) => void>;
 };
+export {};

package/dist/runtime/composables/useDropdown.js

@@ -1,4 +1,4 @@
-import debounce from "lodash/debounce";
+import { useDebounceFn } from "@vueuse/core";
 import { ref, nextTick } from "#imports";
 export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, config = { searchable: false, trackBy: "name" }) {
   const active = ref(false);
@@ -18,17 +18,20 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
     active.value = false;
   }
   function onClickOutsideHandler() {
-    if (!active.value) return;
+    if (!active.value)
+      return;
     closeDropdown();
   }
   function keydownActionsOnTrigger(event) {
-    if (event.ctrlKey || event.metaKey || event.shiftKey) return;
+    if (event.ctrlKey || event.metaKey || event.shiftKey)
+      return;
     if (event.key !== "Tab") {
       event.preventDefault();
     }
     switch (event.key) {
       case "Tab":
-        if (!active.value) return;
+        if (!active.value)
+          return;
         closeDropdown();
         break;
       case "ArrowDown":
@@ -93,7 +96,8 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
     }
   }
   function handleKeydown(event, index) {
-    if (event.ctrlKey || event.metaKey || event.shiftKey) return;
+    if (event.ctrlKey || event.metaKey || event.shiftKey)
+      return;
     if (event.altKey && event.key === "ArrowUp") {
       closeDropdown();
       dropdownTriggerRef.value.focus();
@@ -127,13 +131,15 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
         });
         break;
       case "ArrowDown":
-        if (index === options.length - 1) break;
+        if (index === options.length - 1)
+          break;
         nextTick(() => {
           dropdownOptionsRef.value[index + 1].focus();
         });
         return index;
       case "ArrowUp":
-        if (index === 0) break;
+        if (index === 0)
+          break;
         nextTick(() => {
           dropdownOptionsRef.value[index - 1].focus();
         });
@@ -166,11 +172,12 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
         break;
     }
   }
-  const debouncedFocus = debounce((idx) => {
+  const debouncedFocus = useDebounceFn((idx) => {
     dropdownOptionsRef.value[idx].focus();
   }, 500);
   function handleDropdownSearch(inputValue) {
-    if (!config.searchable) return;
+    if (!config.searchable)
+      return;
     if (inputValue.key == "Backspace") {
       searchQuery.value = searchQuery.value.slice(0, -1);
       return;
@@ -179,10 +186,16 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
     searchQuery.value = `${searchQuery.value}${pressedKey}`;
     const searchIndex = options.findIndex((option) => {
       if (!config.trackBy) {
-        return option.includes(searchQuery.value);
-      } else {
-        return option[config.trackBy].toLowerCase().includes(searchQuery.value.toLowerCase());
+        return typeof option === "string" && option.includes(searchQuery.value);
+      } else if (typeof option === "object" && option !== null && config.trackBy in option) {
+        const value = option[config.trackBy];
+        if (typeof value === "string") {
+          return value.toLowerCase().includes(searchQuery.value.toLowerCase());
+        } else if (value !== null && value !== void 0) {
+          return String(value).includes(searchQuery.value);
+        }
       }
+      return false;
     });
     if (searchIndex !== -1) {
       debouncedFocus(searchIndex);

package/dist/runtime/composables/useSidebar.d.ts

@@ -1,5 +1,5 @@
 export declare function useSidebar(): {
-    state: import("vue").Ref<boolean, boolean>;
+    state: any;
     toggleSidebar: () => void;
-    sidebarWidth: import("vue").ComputedRef<"264px" | "0px">;
+    sidebarWidth: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apptegy/nuxt-navigation",
-    "version": "0.1.44",
+    "version": "0.1.45",
     "type": "module",
     "exports": {
         ".": {
@@ -27,25 +27,25 @@
     },
     "dependencies": {
         "@apptegy/nuxt-intl": "2.1.2",
-        "@nuxt/kit": "^3.16.1",
+        "@nuxt/kit": "^3.17.0",
         "@vueuse/components": "12.8.2",
-        "lodash": "^4.17.21"
+        "@vueuse/core": "^12.8.2"
     },
     "devDependencies": {
-        "@nuxt/devtools": "^2.3.1",
-        "@nuxt/eslint-config": "^1.2.0",
+        "@nuxt/devtools": "^2.4.0",
+        "@nuxt/eslint-config": "^1.3.0",
         "@nuxt/module-builder": "^0.8.4",
-        "@nuxt/schema": "^3.16.1",
+        "@nuxt/schema": "^3.17.0",
         "@nuxt/test-utils": "^3.17.2",
-        "@types/node": "^20.17.24",
+        "@types/node": "^20.17.32",
         "changelogen": "^0.5.7",
-        "eslint": "^9.22.0",
-        "nuxt": "^3.16.1",
-        "sass": "^1.86.0",
-        "typescript": "^5.8.2",
-        "vitest": "^3.0.9",
+        "eslint": "^9.25.1",
+        "nuxt": "^3.17.0",
+        "sass": "^1.87.0",
+        "typescript": "^5.8.3",
+        "vitest": "^3.1.2",
         "vue": "^3.5.13",
-        "vue-tsc": "^2.2.8"
+        "vue-tsc": "^2.2.10"
     },
-    "gitHead": "875f0f01ddc64d6eaad53d38b9313f3a69ec3227"
+    "gitHead": "98fbfe464f87cbffa62256a493274fbdb7237ef2"
 }