@bagelink/vue 1.12.8 → 1.12.11

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,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd"}
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/types/NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,kBAAkB,CAAA;IACzB,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;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.12.8",
+  "version": "1.12.11",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",
@@ -90,7 +90,7 @@
     "signature_pad": "^5.0.9",
     "vue-i18n": "^11.2.8",
     "vue-toastification": "^2.0.0-rc.5",
-    "@bagelink/utils": "1.12.8"
+    "@bagelink/utils": "1.12.11"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/Menu.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { NavLink } from '@bagelink/vue'
 import { Btn, Icon, Dropdown } from '@bagelink/vue'
+import { resolveI18n } from '../i18n'
 
 defineProps<{ items: NavLink[] }>()
 </script>
@@ -9,12 +10,12 @@ defineProps<{ items: NavLink[] }>()
 	<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.label">
-				<Dropdown v-if="item.children" :value="item.label" iconEnd="keyboard_arrow_down">
+				<Dropdown v-if="item.children" :value="resolveI18n(item.label)" iconEnd="keyboard_arrow_down">
 					<template #trigger="{ show }">
 						<Btn thin flat :class="item.class" @click="show()">
 							<Icon :name="item.icon" size="0.8" style="margin-bottom: -0.1rem" />
 							<p class="-ms-025">
-								{{ item.label }}
+								{{ resolveI18n(item.label) }}
 							</p>
 							<Icon name="keyboard_arrow_down" size="0.8" style="margin-bottom: -0.1rem" />
 						</Btn>

package/src/components/NavBar.vue

@@ -2,6 +2,7 @@
 import type { IconType, NavLink } from '@bagelink/vue'
 import { Icon } from '@bagelink/vue'
 import { onMounted, ref } from 'vue'
+import { resolveI18n } from '../i18n'
 
 withDefaults(
 	defineProps<{
@@ -64,7 +65,7 @@ onMounted(calcIsOpen)
 					>
 						<Icon :icon="link.icon" />
 						<div class="tooltip">
-							{{ link.label }}
+							{{ resolveI18n(link.label) }}
 						</div>
 					</component>
 				</div>
@@ -81,7 +82,7 @@ onMounted(calcIsOpen)
 				>
 					<Icon :icon="link.icon" />
 					<div class="tooltip">
-						{{ link.label }}
+						{{ resolveI18n(link.label) }}
 					</div>
 				</component>
 				<slot name="floor" />

package/src/components/layout/AppSidebar.vue

@@ -3,6 +3,7 @@ import type { NavLink } from '@bagelink/vue'
 import { Btn, Icon } from '@bagelink/vue'
 import { inject, computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { resolveI18n } from '../../i18n'
 
 // Extended interface for links with active route tracking
 interface LinkWithAction extends NavLink {
@@ -71,7 +72,7 @@ watch(
 function isActiveRoute(link: LinkWithAction): boolean {
 	const linkPath = link.to
 
-	if (!linkPath) {
+	if (linkPath == null || linkPath === '') {
 		return false
 	}
 
@@ -177,7 +178,7 @@ const sidebarStyles = computed(() => {
 			<nav class="sidebar-nav flex column flex-stretch gap-025 align-items-start scrollbar-gutter-stable">
 				<Btn
 					v-for="link in props.navLinks" :key="link.to"
-					:title="!menuState.isOpen.value && !menuState.isMobile.value ? link.label : ''" fullWidth
+					:title="!menuState.isOpen.value && !menuState.isMobile.value ? resolveI18n(link.label) : ''" fullWidth
 					alignTxt="start" class="flex-shrink-0 px-1" :class="{ 'nav-btn-active': isActiveRoute(link) }"
 					:style="{
 						backgroundColor: isActiveRoute(link) ? props.activeColor : props.bgColor,
@@ -186,7 +187,7 @@ const sidebarStyles = computed(() => {
 				>
 					<Icon :name="link.icon" size="1.2" />
 					<span class="nav-text">
-						{{ link.label }}
+						{{ resolveI18n(link.label) }}
 					</span>
 				</Btn>
 			</nav>
@@ -195,11 +196,11 @@ const sidebarStyles = computed(() => {
 				<!-- Footer Links -->
 				<Btn
 					v-for="link in props.footerLinks" :key="link.to || link.label"
-					:title="!menuState.isOpen.value && !menuState.isMobile.value ? link.label : ''" alignTxt="start"
+					:title="!menuState.isOpen.value && !menuState.isMobile.value ? resolveI18n(link.label) : ''" alignTxt="start"
 					fullWidth flat :icon="link.icon" class="flex-shrink-0 px-1" :to="link.to" @click="link.action"
 				>
 					<span class="nav-text">
-						{{ link.label }}
+						{{ resolveI18n(link.label) }}
 					</span>
 				</Btn>
 				<!-- Custom Footer Content Slot -->

package/src/components/layout/TabsNav.vue

@@ -116,6 +116,7 @@ onBeforeUnmount(() => {
 	--bgl_tabs-border-radius: var(--input-border-radius);
 	--bgl-tab-hover-bg: rgba(255, 255, 255, .4);
 	--bgl_tabs-indicator-color: var(--bgl-popup-bg);
+	--bgl-tabs-flat-indicator-color: var(--bgl-primary);
 }
 </style>
 
@@ -169,7 +170,7 @@ onBeforeUnmount(() => {
 }
 .bgl_flat-tabs.bgl_tabs_wrap::before{
 	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
+	border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
 	border-radius: 0;
 	top: calc(var(--btn-padding) * 1.25);
 	bottom: unset;
@@ -194,11 +195,11 @@ onBeforeUnmount(() => {
 }
 .bgl_vertical-tabs .bgl_tab:hover{
 	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
+	border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
 
 }
 .bgl_vertical-tabs .bgl_tab.active{
-	border-bottom: 1px solid var(--bgl-primary);
+	border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
 }
 .bgl_vertical-tabs.bgl_tabs_wrap::before{
 	border: none;

package/src/i18n/locales/en.json

@@ -209,5 +209,43 @@
     "notPublished": "Not published yet",
     "production": "Production",
     "publishFailed": "Publish failed"
+  },
+  "admin": {
+    "content": "Content",
+    "blox": "Blox",
+    "whatsapp": "WhatsApp",
+    "newsletter": "Newsletter",
+    "agent": "Agents",
+    "users": "Users",
+    "tenants": "Organizations"
+  },
+  "userManagement": {
+    "title": "Users",
+    "notConfigured": "User management interface is not configured",
+    "notConfiguredHint": "Pass userApi to createAuthAdmin() to enable this screen.",
+    "team": "Team",
+    "filterByRole": "Filter by role",
+    "invite": "Invite",
+    "pendingInvitations": "Pending invitations",
+    "pending": "Pending",
+    "resend": "Resend",
+    "delete": "Delete",
+    "activeUsers": "Active users",
+    "active": "Active",
+    "edit": "Edit",
+    "remove": "Remove",
+    "noUsers": "No users yet",
+    "inviteFirst": "Invite the first one",
+    "inviteTitle": "Invite user",
+    "firstName": "First name",
+    "lastName": "Last name",
+    "email": "Email",
+    "role": "Role",
+    "message": "Message",
+    "inviteSent": "Invitation sent again",
+    "inviteError": "Error sending invitation",
+    "deleteInviteConfirm": "Delete the invitation?",
+    "deleteInviteError": "Error deleting invitation",
+    "removeUserConfirm": "Remove {email}?"
   }
 }

package/src/i18n/locales/es.json

@@ -209,5 +209,43 @@
     "notPublished": "No publicado aún",
     "production": "Producción",
     "publishFailed": "Error al publicar"
+  },
+  "admin": {
+    "content": "Contenido",
+    "blox": "Blox",
+    "whatsapp": "WhatsApp",
+    "newsletter": "Boletín",
+    "agent": "Agentes",
+    "users": "Usuarios",
+    "tenants": "Organizaciones"
+  },
+  "userManagement": {
+    "title": "Usuarios",
+    "notConfigured": "La interfaz de gestión de usuarios no está configurada",
+    "notConfiguredHint": "Pasa userApi a createAuthAdmin() para habilitar esta pantalla.",
+    "team": "Equipo",
+    "filterByRole": "Filtrar por rol",
+    "invite": "Invitar",
+    "pendingInvitations": "Invitaciones pendientes",
+    "pending": "Pendiente",
+    "resend": "Reenviar",
+    "delete": "Eliminar",
+    "activeUsers": "Usuarios activos",
+    "active": "Activo",
+    "edit": "Editar",
+    "remove": "Eliminar",
+    "noUsers": "No hay usuarios aún",
+    "inviteFirst": "Invita al primero",
+    "inviteTitle": "Invitar usuario",
+    "firstName": "Nombre",
+    "lastName": "Apellido",
+    "email": "Correo electrónico",
+    "role": "Rol",
+    "message": "Mensaje",
+    "inviteSent": "Invitación reenviada",
+    "inviteError": "Error al enviar la invitación",
+    "deleteInviteConfirm": "¿Eliminar la invitación?",
+    "deleteInviteError": "Error al eliminar la invitación",
+    "removeUserConfirm": "¿Eliminar a {email}?"
   }
 }

package/src/i18n/locales/fr.json

@@ -209,5 +209,43 @@
     "notPublished": "Pas encore publié",
     "production": "Production",
     "publishFailed": "Échec de la publication"
+  },
+  "admin": {
+    "content": "Contenu",
+    "blox": "Blox",
+    "whatsapp": "WhatsApp",
+    "newsletter": "Newsletter",
+    "agent": "Agents",
+    "users": "Utilisateurs",
+    "tenants": "Organisations"
+  },
+  "userManagement": {
+    "title": "Utilisateurs",
+    "notConfigured": "L'interface de gestion des utilisateurs n'est pas configurée",
+    "notConfiguredHint": "Passez userApi à createAuthAdmin() pour activer cet écran.",
+    "team": "Équipe",
+    "filterByRole": "Filtrer par rôle",
+    "invite": "Inviter",
+    "pendingInvitations": "Invitations en attente",
+    "pending": "En attente",
+    "resend": "Renvoyer",
+    "delete": "Supprimer",
+    "activeUsers": "Utilisateurs actifs",
+    "active": "Actif",
+    "edit": "Modifier",
+    "remove": "Retirer",
+    "noUsers": "Aucun utilisateur pour l'instant",
+    "inviteFirst": "Invitez le premier",
+    "inviteTitle": "Inviter un utilisateur",
+    "firstName": "Prénom",
+    "lastName": "Nom",
+    "email": "E-mail",
+    "role": "Rôle",
+    "message": "Message",
+    "inviteSent": "Invitation renvoyée",
+    "inviteError": "Erreur lors de l'envoi de l'invitation",
+    "deleteInviteConfirm": "Supprimer l'invitation ?",
+    "deleteInviteError": "Erreur lors de la suppression de l'invitation",
+    "removeUserConfirm": "Retirer {email} ?"
   }
 }

package/src/i18n/locales/he.json

@@ -230,5 +230,43 @@
     "notPublished": "טרם פורסם",
     "production": "פרודקשן",
     "publishFailed": "פרסום נכשל"
+  },
+  "admin": {
+    "content": "תוכן",
+    "blox": "בלוקס",
+    "whatsapp": "וואטסאפ",
+    "newsletter": "ניוזלטר",
+    "agent": "סוכנים",
+    "users": "משתמשים",
+    "tenants": "ארגונים"
+  },
+  "userManagement": {
+    "title": "משתמשים",
+    "notConfigured": "ממשק ניהול משתמשים לא מוגדר",
+    "notConfiguredHint": "העבר userApi ל-createAuthAdmin() כדי להפעיל מסך זה.",
+    "team": "צוות",
+    "filterByRole": "סנן לפי תפקיד",
+    "invite": "הזמנה",
+    "pendingInvitations": "הזמנות ממתינות",
+    "pending": "ממתין",
+    "resend": "שלח מחדש",
+    "delete": "מחיקה",
+    "activeUsers": "משתמשים פעילים",
+    "active": "פעיל",
+    "edit": "עריכה",
+    "remove": "הסרה",
+    "noUsers": "אין משתמשים עדיין",
+    "inviteFirst": "הזמן את הראשון",
+    "inviteTitle": "הזמנת משתמש",
+    "firstName": "שם פרטי",
+    "lastName": "שם משפחה",
+    "email": "אימייל",
+    "role": "תפקיד",
+    "message": "הודעה",
+    "inviteSent": "ההזמנה נשלחה מחדש",
+    "inviteError": "שגיאה בשליחת ההזמנה",
+    "deleteInviteConfirm": "למחוק את ההזמנה?",
+    "deleteInviteError": "שגיאה במחיקת ההזמנה",
+    "removeUserConfirm": "להסיר את {email}?"
   }
 }

package/src/i18n/locales/it.json

@@ -209,5 +209,43 @@
     "notPublished": "Non ancora pubblicato",
     "production": "Produzione",
     "publishFailed": "Pubblicazione fallita"
+  },
+  "admin": {
+    "content": "Contenuto",
+    "blox": "Blox",
+    "whatsapp": "WhatsApp",
+    "newsletter": "Newsletter",
+    "agent": "Agenti",
+    "users": "Utenti",
+    "tenants": "Organizzazioni"
+  },
+  "userManagement": {
+    "title": "Utenti",
+    "notConfigured": "L'interfaccia di gestione utenti non è configurata",
+    "notConfiguredHint": "Passa userApi a createAuthAdmin() per abilitare questa schermata.",
+    "team": "Team",
+    "filterByRole": "Filtra per ruolo",
+    "invite": "Invita",
+    "pendingInvitations": "Inviti in sospeso",
+    "pending": "In sospeso",
+    "resend": "Reinvia",
+    "delete": "Elimina",
+    "activeUsers": "Utenti attivi",
+    "active": "Attivo",
+    "edit": "Modifica",
+    "remove": "Rimuovi",
+    "noUsers": "Nessun utente ancora",
+    "inviteFirst": "Invita il primo",
+    "inviteTitle": "Invita utente",
+    "firstName": "Nome",
+    "lastName": "Cognome",
+    "email": "Email",
+    "role": "Ruolo",
+    "message": "Messaggio",
+    "inviteSent": "Invito reinviato",
+    "inviteError": "Errore durante l'invio dell'invito",
+    "deleteInviteConfirm": "Eliminare l'invito?",
+    "deleteInviteError": "Errore durante l'eliminazione dell'invito",
+    "removeUserConfirm": "Rimuovere {email}?"
   }
 }

package/src/i18n/locales/ru.json

@@ -209,5 +209,43 @@
     "notPublished": "Ещё не опубликовано",
     "production": "Продакшн",
     "publishFailed": "Ошибка публикации"
+  },
+  "admin": {
+    "content": "Контент",
+    "blox": "Блокс",
+    "whatsapp": "WhatsApp",
+    "newsletter": "Рассылка",
+    "agent": "Агенты",
+    "users": "Пользователи",
+    "tenants": "Организации"
+  },
+  "userManagement": {
+    "title": "Пользователи",
+    "notConfigured": "Интерфейс управления пользователями не настроен",
+    "notConfiguredHint": "Передайте userApi в createAuthAdmin(), чтобы активировать этот экран.",
+    "team": "Команда",
+    "filterByRole": "Фильтр по роли",
+    "invite": "Пригласить",
+    "pendingInvitations": "Ожидающие приглашения",
+    "pending": "Ожидает",
+    "resend": "Отправить ещё раз",
+    "delete": "Удалить",
+    "activeUsers": "Активные пользователи",
+    "active": "Активен",
+    "edit": "Редактировать",
+    "remove": "Удалить",
+    "noUsers": "Пользователейещё нет",
+    "inviteFirst": "Пригласить первого",
+    "inviteTitle": "Приглашение пользователя",
+    "firstName": "Имя",
+    "lastName": "Фамилия",
+    "email": "Эл. почта",
+    "role": "Роль",
+    "message": "Сообщение",
+    "inviteSent": "Приглашение отправлено повторно",
+    "inviteError": "Ошибка при отправке приглашения",
+    "deleteInviteConfirm": "Удалить приглашение?",
+    "deleteInviteError": "Ошибка при удалении приглашения",
+    "removeUserConfirm": "Удалить {email}?"
   }
 }

package/src/styles/layout.css

@@ -7638,6 +7638,27 @@
     grid-template-rows: 1fr auto;
 }
 
+
+.grid-rows-1fr-auto-auto {
+    grid-template-rows: 1fr auto auto;
+}
+
+.grid-rows-auto-1fr-auto {
+    grid-template-rows: auto 1fr auto;
+}
+
+.grid-rows-auto-auto-1fr {
+    grid-template-rows: auto auto 1fr;
+}
+
+.grid-rows-1fr-auto {
+    grid-template-rows: 1fr auto;
+}
+
+.grid-rows-auto-1fr {
+    grid-template-rows: auto 1fr;
+}
+
 .grid-overlap {
     display: grid;
     grid-template-columns: 1fr;

package/src/styles/mobilLayout.css

@@ -294,6 +294,26 @@
         grid-auto-flow: column;
     }
 
+    .m_grid-rows-1fr-auto-auto {
+        grid-template-rows: 1fr auto auto;
+    }
+
+    .m_grid-rows-auto-1fr-auto {
+        grid-template-rows: auto 1fr auto;
+    }
+
+    .m_grid-rows-auto-auto-1fr {
+        grid-template-rows: auto auto 1fr;
+    }
+
+    .m_grid-rows-1fr-auto {
+        grid-template-rows: 1fr auto;
+    }
+
+    .m_grid-rows-auto-1fr {
+        grid-template-rows: auto 1fr;
+    }
+
     .m_grid-2-col {
         grid-template-columns: 1fr 1fr;
     }

package/src/types/NavLink.ts

@@ -1,7 +1,8 @@
+import type { TranslatableString } from '../i18n'
 import type { IconType } from './index'
 
 export interface NavLink {
-	label: string
+	label: TranslatableString
 	to?: string
 	icon: IconType
 	href?: string