@bagelink/vue 1.6.51 → 1.6.53

package/dist/types/NavLink.d.ts

@@ -6,6 +6,6 @@ export interface NavLink {
     href?: string;
     localized?: string;
     children?: NavLink[];
-    onClick?: () => void;
+    action?: () => void;
 }
 //# sourceMappingURL=NavLink.d.ts.map

package/dist/types/NavLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/types/NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB"}
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/types/NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.6.51",
+  "version": "1.6.53",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/Menu.vue

@@ -1,45 +1,38 @@
 <script setup lang="ts">
-import type { IconType } from '@bagelink/vue'
+import type { NavLink } from '@bagelink/vue'
 import { Btn, Icon, Dropdown } from '@bagelink/vue'
 
-export interface MenuItem {
-	icon: IconType
-	value: string
-	to: string
-	items?: MenuItem[]
-}
-
-defineProps<{ items: MenuItem[] }>()
+defineProps<{ items: NavLink[] }>()
 </script>
 
 <template>
 	<div class="flex space-between m_w-100vw overflow m_-ms-1 m_px-05 m_py-025 bglTopMenu">
 		<div class="flex gap-025 m_gap-05">
-			<template v-for="item in items" :key="item.value">
-				<Dropdown v-if="item.items" :value="item.value" iconEnd="keyboard_arrow_down">
+			<template v-for="item in items" :key="item.label">
+				<Dropdown v-if="item.children" :value="item.label" iconEnd="keyboard_arrow_down">
 					<template #trigger="{ show }">
 						<Btn thin flat @click="show()">
 							<Icon :name="item.icon" size="0.8" style="margin-bottom: -0.1rem" />
 							<p class="-ms-025">
-								{{ item.value }}
+								{{ item.label }}
 							</p>
 							<Icon name="keyboard_arrow_down" size="0.8" style="margin-bottom: -0.1rem" />
 						</Btn>
 					</template>
 					<Btn
-						v-for="subItem in item.items" :key="subItem.value" thin flat :to="subItem.to"
+						v-for="subItem in item.children" :key="subItem.label" thin flat :to="subItem.to"
 						class="block m_px-025"
 					>
 						<Icon :name="subItem.icon" size="0.8" style="margin-bottom: -0.1rem" />
 						<p class="-ms-025">
-							{{ subItem.value }}
+							{{ subItem.label }}
 						</p>
 					</Btn>
 				</Dropdown>
 				<Btn v-else thin flat :to="item.to" class="m_px-025">
 					<Icon :name="item.icon" size="0.9" style="margin-bottom: -0.1rem" />
 					<p class="-ms-025">
-						{{ item.value }}
+						{{ item.label }}
 					</p>
 				</Btn>
 			</template>

package/src/components/NavBar.vue

@@ -60,7 +60,7 @@ onMounted(calcIsOpen)
 						:key="link.label"
 						class="nav-button"
 						:to="link.to"
-						@click="link.onClick?.()"
+						@click="link.action?.()"
 					>
 						<Icon :icon="link.icon" />
 						<div class="tooltip">
@@ -77,7 +77,7 @@ onMounted(calcIsOpen)
 					:key="link.label"
 					class="nav-button"
 					:to="link.to"
-					@click="link.onClick?.()"
+					@click="link.action?.()"
 				>
 					<Icon :icon="link.icon" />
 					<div class="tooltip">

package/src/components/layout/AppSidebar.vue

@@ -4,9 +4,8 @@ import { Btn, Icon } from '@bagelink/vue'
 import { inject, computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
-// Extended interface for links that can have actions
+// Extended interface for links with active route tracking
 interface LinkWithAction extends NavLink {
-	action?: () => void
 	activeRoutes?: string[] // נתיבים שצריכים להיות מסומנים כאקטיביים עבור הלינק הזה
 }
 

package/src/components/layout/BottomMenu.vue

@@ -20,7 +20,7 @@ defineProps<{
 		<slot name="brand" />
 		<Btn
 			v-for="(nav, i) in navLinks" :key="i" :to="nav.to" class="m_h-auto"
-			@click="nav.onClick"
+			@click="nav.action"
 		>
 			<Icon :icon="nav.icon" :size="1.4" class="m-0 line-height-14" />
 			<p class="m-0 pb-025 txt10 line-height-1 w60 menu-text">

package/src/components/layout/SidebarMenu.vue

@@ -47,7 +47,7 @@ const toggleMenu = useDebounceFn(() => {
 				v-bind="{
 					...(nav.to && { to: nav.to }),
 					...(nav.href && { href: nav.href }),
-					...(nav.onClick && { onClick: nav.onClick }),
+					...(nav.action && { onClick: nav.action }),
 				}"
 				class="nav-button px-075 me-auto w-100"
 			>

package/src/types/NavLink.ts

@@ -7,5 +7,5 @@ export interface NavLink {
 	href?: string
 	localized?: string
 	children?: NavLink[]
-	onClick?: () => void
+	action?: () => void
 }