@apptegy/nuxt-navigation 0.1.25 → 0.1.27

package/dist/module.json

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

package/dist/runtime/components/Nav/Sidebar.vue

@@ -70,7 +70,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSidebar, useBranding, ref } from '#imports';
+import { useSidebar, useBranding, ref, watch } from '#imports';
 import type { IApplication, IUser } from "../../types";
 import tsBrandLogo from '../../assets/thrillshare-logo-white.svg';
 
@@ -114,11 +114,20 @@ const props = withDefaults(defineProps<ISidebarProps>(), {
   clientId: undefined,
 });
 
+const emit = defineEmits<{
+  (e: 'toggle-expand', width: number): void
+}>();
+
 const { state: expanded } = useSidebar();
 const { brand, getBrandingStyles } = await useBranding(props.clientId);
 
 const brandLogo = ref(brand.value?.logo_light || tsBrandLogo);
 
+// Emit event when expanded changes with the
+// width of the component.
+watch(expanded, (value) => {
+  emit('toggle-expand', value ? 264 : 64);
+})
 
 // Debounced Expand on Hover
 let expandedTimer = null;

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

@@ -1,22 +1,4 @@
 export declare function useBranding(clientId?: number): Promise<{
-    brand: import("vue").Ref<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/useBranding.js

@@ -1,5 +1,5 @@
 import { computed, ref, useRuntimeConfig } from "#imports";
-let brand = ref(null);
+const brand = ref(null);
 export async function useBranding(clientId) {
   if (clientId !== void 0) {
     const config = useRuntimeConfig();
@@ -13,7 +13,10 @@ export async function useBranding(clientId) {
   }
   const brandPrimaryColor = computed(() => brand.value?.colors?.primary_color.hex || "#000000");
   const getBrandingStyles = computed(() => {
-    if (!brand.value) return {};
+    if (!brand.value?.logo_dark && !brand.value?.logo_light || !brand.value) {
+      brand.value = null;
+      return {};
+    }
     return {
       "--brand-color": brandPrimaryColor.value,
       "--nav-background-color": "#f6f6f6",

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

@@ -3,8 +3,8 @@ export declare function useDropdown(options: Array<unknown>, dropdownOptionsRef:
     searchable: boolean;
     trackBy?: string;
 }): {
-    active: Ref<boolean>;
-    searchQuery: Ref<string>;
+    active: any;
+    searchQuery: any;
     toggleDropdown: ($event: KeyboardEvent | MouseEvent) => Promise<void>;
     openDropdown: () => void;
     closeDropdown: () => void;
@@ -12,5 +12,5 @@ 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: import("lodash").DebouncedFunc<(idx: number) => void>;
+    debouncedFocus: any;
 };

package/dist/runtime/composables/useDropdown.js

@@ -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();
         });
@@ -170,7 +176,8 @@ export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, con
     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;

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

@@ -1,5 +1,5 @@
 export declare function useSidebar(): {
     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.25",
+  "version": "0.1.27",
   "type": "module",
   "exports": {
     ".": {
@@ -26,24 +26,26 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.14.1592",
+    "@apptegy/nuxt-intl": "2.0.0-next.9",
+    "@nuxt/kit": "^3.15.4",
     "@vueuse/components": "11.3.0",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.6.1",
-    "@nuxt/eslint-config": "^0.7.2",
+    "@nuxt/devtools": "^1.7.0",
+    "@nuxt/eslint-config": "^0.7.6",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.14.1592",
-    "@nuxt/test-utils": "^3.14.4",
+    "@nuxt/schema": "^3.15.4",
+    "@nuxt/test-utils": "^3.15.4",
     "@types/node": "^20.17.9",
     "changelogen": "^0.5.7",
     "eslint": "^9.15.0",
-    "nuxt": "^3.14.1592",
+    "nuxt": "^3.15.4",
     "sass": "^1.81.0",
     "typescript": "^5.7.2",
     "vitest": "^2.1.6",
     "vue": "^3.5.13",
     "vue-tsc": "^2.1.10"
-  }
+  },
+  "gitHead": "3f80f24cbe3b00bc1c234dd31484dd28d35f42a9"
 }