@hyvor/design 1.1.7 → 1.1.9

package/dist/components/CodeBlock/CodeBlock.svelte

@@ -12,11 +12,12 @@
 	import getCode, { type Language } from './getCode.js';
 	interface Props {
 		code: string;
-		language?: InputLanguage;
+		language?: InputLanguage | null;
 	}
 
 	let { code, language = 'html' }: Props = $props();
-	const languageCode = (languagesMap[language] || language) as Language;
+
+	let languageCode = $derived(language ? (languagesMap[language] || language) : null) as Language | null;
 </script>
 
 <pre class="language-{languageCode} hljs"><code>{@html getCode(code, languageCode)}</code></pre>

package/dist/components/CodeBlock/CodeBlock.svelte.d.ts

@@ -2,7 +2,7 @@ import './hljs.scss';
 type InputLanguage = 'html' | 'css' | 'js' | 'ts' | 'yaml' | 'json' | 'svelte' | 'jsx' | 'php';
 interface Props {
     code: string;
-    language?: InputLanguage;
+    language?: InputLanguage | null;
 }
 declare const CodeBlock: import("svelte").Component<Props, {}, "">;
 type CodeBlock = ReturnType<typeof CodeBlock>;

package/dist/components/CodeBlock/getCode.d.ts

@@ -1,2 +1,2 @@
 export type Language = 'html' | 'css' | 'js' | 'ts';
-export default function getCode(code: string, language: Language): string;
+export default function getCode(code: string, language: Language | null): string;

package/dist/components/CodeBlock/getCode.js

@@ -35,5 +35,7 @@ export default function getCode(code, language) {
         return line;
     });
     ret = lines.join('\n');
-    return hljs.highlight(ret, { language }).value;
+    return language === null ?
+        ret :
+        hljs.highlight(ret, { language }).value;
 }

package/dist/components/Internationalization/LanguageToggle.svelte

@@ -16,6 +16,7 @@
 		icon?: boolean;
 		size?: 'medium' | 'small';
 		staticPage?: boolean;
+		goto?: Function; // sveltekit goto function, required for static pages
 	}
 
 	let {
@@ -24,7 +25,8 @@
 		caret = IconCaretDown,
 		icon = false,
 		size = 'medium',
-		staticPage = false
+		staticPage = false,
+		goto,
 	}: Props = $props();
 
 	const i18n = getContext<InternationalizationService>('i18n');
@@ -43,11 +45,12 @@
 			}
 			const url = new URL(window.location.href);
 			url.pathname = url.pathname.replace(`/${currentLocale}`, `/${language.code}`);
-
-			// dynamically loading to avoid sveltekit dependency
-			await import('$app/navigation').then(({ goto }) => {
+			
+			if (goto) {
 				goto(url.toString());
-			});
+			} else {
+				window.location.href = url.toString();
+			}
 		}
 
 		i18n.setLocale(language.code);

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

@@ -7,6 +7,7 @@ interface Props {
     icon?: boolean;
     size?: 'medium' | 'small';
     staticPage?: boolean;
+    goto?: Function;
 }
 declare const LanguageToggle: Component<Props, {}, "">;
 type LanguageToggle = ReturnType<typeof LanguageToggle>;

package/package.json

@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.7"
+	"version": "1.1.9"
 }