tera-system-ui 0.0.33 → 0.0.35

package/dist/components/language-picker-button/LanguagePickerButton.svelte

@@ -82,14 +82,13 @@
 
     let openDialog = $state(false)
 
-    let flagUrl = $derived(getFlagUrl(currentLangItem.flag))
 </script>
 
 <!--add component here-->
 <button onclick={() => {openDialog = true}}
         class="h-8 flex items-center bg-neutral-token-4 text-neutral-token-9 rounded-full ps-2 pe-1 hover:bg-neutral-token-5 transition-all duration-element-react">
     <IconLanguage class="size-icon-xs"/>
-    <img class="size-6 flag-img" src={flagUrl} alt={currentLangItem.flag}>
+    <img class="size-6 flag-img" src={currentLangItem?.flag} alt={currentLangItem?.flag}>
 </button>
 
 <Dialog bind:open={openDialog} class="text-neutral-token-13" size="xs" staticRender>
@@ -105,7 +104,7 @@
                     }}
                     data-selected={lang.code === language ? '' : undefined}>
                 <div class="flex items-center gap-2">
-                    <img class="size-8 flag-img" src={getFlagUrl(lang.flag)} alt={currentLangItem.flag} loading="lazy">
+                    <img class="size-8 flag-img" src={getFlagUrl(lang.flag)} alt={currentLangItem?.flag} loading="lazy">
                     {lang.label}
                 </div>
                 <div class="check">

package/dist/components/side-navigation/SideNavigation.d.ts

@@ -5,6 +5,7 @@ export interface SideNavigationProps extends SideNavigationVariants {
     children?: any;
     class?: string;
     sideNavHref?: string;
+    language?: string;
 }
 export declare const SCREEN_BREAK_POINTS: {
     sm: number;

package/dist/components/side-navigation/SideNavigation.svelte

@@ -19,7 +19,7 @@
 
     import {getGlobalContext} from "../tera-ui-context/global-context";
 
-    let {children, sideNavHref, ...props}: SideNavigationProps = $props();
+    let {children, sideNavHref, language, ...props}: SideNavigationProps = $props();
 
     let temporaryExpand: any = undefined
 
@@ -48,19 +48,23 @@
     let globalContext = getGlobalContext()
 
     sideNavHref = sideNavHref || globalContext?.sideNavHref
+    language = language || globalContext?.language
+
+    let langPath = (language === 'en' || !language) ? '' : `/${language}`
 
     function isSelected(href: string) {
         return sideNavHref?.startsWith(href)
     }
 
+
     const NAV_ITEM = [
         {
-            href: '/calculator',
+            href: `/calculator${langPath}`,
             icon: IconCalculator,
             title: m.text_calces_scientific_calculator(),
         },
         {
-            href: '/convert',
+            href: `/convert${langPath}`,
             icon: IconTransform,
             title: m.text_unit_converter(),
         },

package/dist/components/side-navigation/SideNavigationLayout.svelte

@@ -2,7 +2,7 @@
     import {SideNavigation} from "./";
     import './sidenav.scss'
 
-    let {children} = $props()
+    let {children, language} = $props()
 </script>
 
 <main
@@ -10,7 +10,7 @@
         class="side-nav_main-layout relative"
         data-side-nav-state="compact"
 >
-    <SideNavigation/>
+    <SideNavigation language={language}/>
 
     <section class="side-nav_main-content">
         {@render children?.()}

package/dist/components/side-navigation/SideNavigationLayout.svelte.d.ts

@@ -1,6 +1,7 @@
 import './sidenav.scss';
 declare const SideNavigationLayout: import("svelte").Component<{
     children: any;
+    language: any;
 }, {}, "">;
 type SideNavigationLayout = ReturnType<typeof SideNavigationLayout>;
 export default SideNavigationLayout;

package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte

@@ -10,12 +10,13 @@
     } from "../dropdown-menu";
     import {IconLogout, IconSettings} from "../icons";
     import {extractShortUsernameFromEmail} from "../../internal/service/user.service";
-
+    import * as m from '../../paraglide/messages'
     let {children, user, onLogout,...props}: UserAvatarWithMenuProps = $props();
 
     let shortUserName = extractShortUsernameFromEmail(user?.email)
     let triggerRef = $state()
     let open = $state(false)
+
 </script>
 
 
@@ -54,14 +55,14 @@
                 href="/account-settings"
             >
                 <IconSettings/>
-                Account Settings
+                {m.text_account_settings()}
             </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator/>
         <DropdownMenuGroup>
             <DropdownMenuItem onclick={onLogout}>
                 <IconLogout/>
-                Logout
+                {m.text_logout()}
             </DropdownMenuItem>
         </DropdownMenuGroup>
     </DropdownMenu>

package/dist/paraglide/messages/de.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/de.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `CalcES Sci. Rechner`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `CalcES Dokumentation`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Kontoeinstellungen`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Abmelden`

package/dist/paraglide/messages/en.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/en.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `CalcES Scientific Calcul
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `CalcES Documentation`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Account Settings`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Logout`

package/dist/paraglide/messages/es.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/es.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculadora Científica`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentación de CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Configuración de la cuenta`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Cerrar sesión`

package/dist/paraglide/messages/fr.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/fr.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculatrice Scientifiqu
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentation de CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Paramètres du compte`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Déconnexion`

package/dist/paraglide/messages/it.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/it.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calcolatrice Scientifica
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentazione di CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Impostazioni dell'account`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Disconnettersi`

package/dist/paraglide/messages/pt.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/pt.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculadora Científica`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentação CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Configurações da conta`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Sair`

package/dist/paraglide/messages/ru.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/ru.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Научный каль
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Документация CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Настройки аккаунта`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Выйти`

package/dist/paraglide/messages/vi.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/vi.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Máy Tính Khoa Học`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Tài Liệu CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Cài đặt tài khoản`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Đăng xuất`

package/dist/paraglide/messages.d.ts

@@ -10,3 +10,9 @@ export function text_calces_scientific_calculator(params?: {}, options?: {
 export function text_calces_documentation(params?: {}, options?: {
     languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
 }): string;
+export function text_account_settings(params?: {}, options?: {
+    languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+}): string;
+export function text_logout(params?: {}, options?: {
+    languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+}): string;

package/dist/paraglide/messages.js

@@ -120,3 +120,59 @@ export const text_calces_documentation = (params = {}, options = {}) => {
 	}[options.languageTag ?? languageTag()]()
 }
 
+
+
+/**
+ * This message has been compiled by [inlang paraglide](https://inlang.com/m/gerre34r/library-inlang-paraglideJs).
+ *
+ * - Don't edit the message's code. Use [Sherlock (VS Code extension)](https://inlang.com/m/r7kp499g/app-inlang-ideExtension),
+ *   the [web editor](https://inlang.com/m/tdozzpar/app-inlang-finkLocalizationEditor) instead, or edit the translation files manually.
+ * 
+ * - The params are NonNullable<unknown> because the inlang SDK does not provide information on the type of a param (yet).
+ * 
+ * @param {{}} params
+ * @param {{ languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it" }} options
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = (params = {}, options = {}) => {
+	return {
+		de: de.text_account_settings,
+		en: en.text_account_settings,
+		es: es.text_account_settings,
+		fr: fr.text_account_settings,
+		it: it.text_account_settings,
+		pt: pt.text_account_settings,
+		ru: ru.text_account_settings,
+		vi: vi.text_account_settings
+	}[options.languageTag ?? languageTag()]()
+}
+
+
+
+/**
+ * This message has been compiled by [inlang paraglide](https://inlang.com/m/gerre34r/library-inlang-paraglideJs).
+ *
+ * - Don't edit the message's code. Use [Sherlock (VS Code extension)](https://inlang.com/m/r7kp499g/app-inlang-ideExtension),
+ *   the [web editor](https://inlang.com/m/tdozzpar/app-inlang-finkLocalizationEditor) instead, or edit the translation files manually.
+ * 
+ * - The params are NonNullable<unknown> because the inlang SDK does not provide information on the type of a param (yet).
+ * 
+ * @param {{}} params
+ * @param {{ languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it" }} options
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = (params = {}, options = {}) => {
+	return {
+		de: de.text_logout,
+		en: en.text_logout,
+		es: es.text_logout,
+		fr: fr.text_logout,
+		it: it.text_logout,
+		pt: pt.text_logout,
+		ru: ru.text_logout,
+		vi: vi.text_logout
+	}[options.languageTag ?? languageTag()]()
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tera-system-ui",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",