@hyvor/design 0.0.54 → 0.0.55

package/dist/components/Internationalization/T.svelte

@@ -10,12 +10,20 @@ function getParamsForBackend() {
   let retParams = {};
   for (let [key2, value] of Object.entries(params)) {
     let newValue;
-    if (typeof value === "object" && value !== null && value.hasOwnProperty("component")) {
-      newValue = (chunks) => {
-        const children = typeof chunks === "string" ? chunks : chunks.join("");
-        return children;
-      };
-      hasComponentParams = true;
+    if (typeof value === "object" && value !== null) {
+      if (value.hasOwnProperty("component")) {
+        newValue = (chunks) => {
+          const children = typeof chunks === "string" ? chunks : chunks.join("");
+          return children;
+        };
+        hasComponentParams = true;
+      } else if (value.hasOwnProperty("element")) {
+        newValue = (chunks) => {
+          const children = typeof chunks === "string" ? chunks : chunks.join("");
+          const el = value.element;
+          return `<${el}>${children}</${el}>`;
+        };
+      }
     } else {
       newValue = value;
     }

package/dist/components/Internationalization/T.svelte.d.ts

@@ -5,7 +5,8 @@ declare const __propDef: {
     props: {
         key: string;
         params?: Record<string, PrimitiveType | {
-            component: ComponentType;
+            element?: string | undefined;
+            component?: ComponentType | undefined;
             props?: Record<string, any> | undefined;
         }> | undefined;
     };

package/dist/components/Internationalization/i18n.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="svelte" />
+import type { PrimitiveType } from "intl-messageformat";
 import { type Readable, type Writable } from "svelte/store";
 export type i18nLoaderType = () => Promise<any>;
 interface LanguageBase {
@@ -28,6 +29,7 @@ export declare class InternationalizationService {
     register(language: Language): void;
     found(code: string): boolean;
     languageByCode(code: string): LanguageWithLoader | undefined;
+    t(key: string, params?: Record<string, PrimitiveType>): string;
 }
 export declare function getStringByKey(messages: Record<string, any>, key: string): string | undefined;
 export {};

package/dist/components/Internationalization/i18n.js

@@ -1,5 +1,6 @@
 import { deepmerge } from "deepmerge-ts";
 import { writable, derived } from "svelte/store";
+import { t } from "./t.js";
 export class InternationalizationService {
     languages = [];
     locale;
@@ -58,6 +59,9 @@ export class InternationalizationService {
     languageByCode(code) {
         return this.languages.find(l => l.code === code);
     }
+    t(key, params = {}) {
+        return t(key, params, this);
+    }
 }
 export function getStringByKey(messages, key) {
     const keys = key.split('.');

package/dist/components/Internationalization/t.d.ts

@@ -3,5 +3,6 @@ import { type InternationalizationService } from "./i18n.js";
 type ParamValue = PrimitiveType | ((chunks: string | string[]) => string);
 type ParamsType = Record<string, ParamValue>;
 export declare function getMessage(key: string, params: ParamsType, $strings: Record<string, any>, $locale: string): string;
+export type TParams = Record<string, PrimitiveType>;
 export declare function t(key: string, params?: Record<string, PrimitiveType>, i18n?: InternationalizationService | null): string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.54",
+	"version": "0.0.55",
 	"license": "MIT",
 	"private": false,
 	"scripts": {