@bagelink/vue 1.15.65 → 1.15.69

package/package.json

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

package/src/components/charts/ChartTooltip.vue

@@ -7,11 +7,15 @@
  * Positioned by the host via `style` (absolute left/top); the host owns
  * mouse tracking. Non-interactive (pointer-events: none).
  */
+import { useI18n } from '@bagelink/vue'
+
 export interface TipRow { name: string; color?: string; value: string }
 export interface TipStat { label: string; value: string }
 
 defineOptions({ name: 'BglChartTooltip' })
 
+const { $t } = useI18n()
+
 withDefaults(defineProps<{
 	label?: string
 	/** Big focal number (used by single-value charts like the funnel). */
@@ -39,7 +43,7 @@ withDefaults(defineProps<{
 		</p>
 
 		<p v-if="total" class="bgl-tip__row bgl-tip__total flex align-items-center m-0">
-			<span class="bgl-tip__name">Total</span>
+			<span class="bgl-tip__name">{{ $t('charts.total') }}</span>
 			<span class="bgl-tip__val tabular-nums">{{ total }}</span>
 		</p>
 

package/src/components/charts/Donut.vue

@@ -10,6 +10,7 @@
  *   <Donut :data="segments" :legend-value="false" />    // legend shows only %
  */
 import { computed, ref } from 'vue'
+import { useI18n } from '@bagelink/vue'
 import { ramp, resolveColor } from './core/palette'
 import { formatValue, type ValueFormat } from './core/format'
 import { useChartAnim } from './core/useChartAnim'
@@ -63,6 +64,7 @@ const props = withDefaults(defineProps<{
 	animated: true,
 })
 
+const { $t } = useI18n()
 const el = ref<HTMLElement>()
 const { progress } = useChartAnim({ el, enabled: props.animated, duration: 800 })
 
@@ -153,7 +155,7 @@ function onMove(e: MouseEvent) {
 }
 const hoverArc = computed(() => (hoverIdx.value == null ? null : arcs.value[hoverIdx.value]))
 const hoverValue = computed(() => (hoverArc.value ? fmtValue(hoverArc.value.value) : ''))
-const hoverStats = computed(() => (hoverArc.value ? [{ label: 'Share', value: `${hoverArc.value.pct.toFixed(0)}%` }] : []))
+const hoverStats = computed(() => (hoverArc.value ? [{ label: $t('charts.share'), value: `${hoverArc.value.pct.toFixed(0)}%` }] : []))
 const tooltipStyle = computed(() => ({ left: `${tipX.value}px`, top: `${tipY.value}px` }))
 </script>
 

package/src/components/layout/SidebarNavItem.vue

@@ -92,7 +92,7 @@ function onParentClick() {
 		>
 			<Icon :name="link.icon" size="1.2" />
 			<span class="nav-text flex-grow">{{ resolveI18n(link.label) }}</span>
-			<Icon name="expand_more" size="1.1" class="nav-text sidebar-chevron" :class="{ 'sidebar-chevron-open': expanded }" />
+			<Icon name="expand_more" size="1.1" class="nav-text sidebar-chevron line-height-1" :class="{ 'sidebar-chevron-open': expanded }" />
 		</Btn>
 		<div class="sidebar-children" :class="{ 'sidebar-children-open': expanded }">
 			<div class="sidebar-children-inner ps-1">

package/src/i18n/locales/en.json

@@ -491,5 +491,9 @@
     "office365": "Office 365",
     "yahoo": "Yahoo Calendar",
     "ics": "Calendar (ICS file)"
+  },
+  "charts": {
+    "total": "Total",
+    "share": "Share"
   }
 }

package/src/i18n/locales/he.json

@@ -512,5 +512,9 @@
     "office365": "Office 365",
     "yahoo": "יומן Yahoo",
     "ics": "יומן (קובץ ICS)"
+  },
+  "charts": {
+    "total": "סה״כ",
+    "share": "חלק"
   }
 }