@humandialog/forms.svelte 1.5.1 → 1.6.0

package/horizontal.toolbar.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {FaUsers, FaCog, FaSignInAlt, FaSignOutAlt, FaBars, FaToggleOn, FaToggleOff} from 'svelte-icons/fa/'
+    import {FaUsers, FaCog, FaSignInAlt, FaSignOutAlt, FaBars, FaToggleOn, FaToggleOff, FaLanguage} from 'svelte-icons/fa/'
     //import GoPrimitiveDot from 'svelte-icons/go/GoPrimitiveDot.svelte'
     import {showMenu} from './components/menu'
     import {push, pop, location} from 'svelte-spa-router'
@@ -8,13 +8,8 @@
 
     import {
         dark_mode_store,
-        toggle_sidebar,
-        show_sidebar,
-        hide_sidebar,
         tools_visible_store,
         bottom_bar_visible_store,
-        previously_visible_sidebar,
-        main_sidebar_visible_store,
         sidebar_left_pos,
 		page_title,
 		nav_titles,
@@ -24,8 +19,8 @@
     import {session, signInHRef, signOutHRef} from '@humandialog/auth.svelte'
 
     import VerticalToolbar from './vertical.toolbar.svelte'
-	import { isDeviceSmallerThan, isOnNavigationPage, pushNavigationPage, popNavigationPage } from './utils.js';
-    
+	import { isDeviceSmallerThan, navIsVisible, navGetKey, navToggle, navShow, navHide, navPrevVisibleKey } from './utils.js';
+    import {setCurrentLanguage, getLanguages, i18n, getCurrentLanguage} from './i18n.js'
 
     export let appConfig = undefined;
     export let clearsContext = 'sel props'
@@ -35,7 +30,7 @@
     
     let config = null;
     let has_selection_details = false;
-    let selection_details_caption = 'Properties'
+    let selection_details_caption = i18n({en: 'Properties', es: 'Propiedades', pl: 'Właściwości'});
     
     let show_sign_in_out_icons = false;
     let is_logged_in = false;
@@ -53,7 +48,13 @@
             config = appConfig.mainToolbar;
             has_selection_details = appConfig.selectionDetails;
             if(has_selection_details)
-                selection_details_caption = appConfig.selectionDetails.caption ?? 'Properties';
+            {
+                if(appConfig.selectionDetails.captionFunc)
+                    selection_details_caption = appConfig.selectionDetails.captionFunc()
+                else if(appConfig.selectionDetails.caption)
+                    selection_details_caption = appConfig.selectionDetails.caption
+
+            }
         }
         else
         {
@@ -86,11 +87,12 @@
 
     let title = ''
     $:{
-        if($main_sidebar_visible_store == '*')
+        if(!navIsVisible())
             title = $page_title;
         else
         {
-            let nav_title = $nav_titles[$main_sidebar_visible_store];
+            const navKey = navGetKey()
+            let nav_title = $nav_titles[navKey];
             if(nav_title != undefined)
                 title = nav_title
             else
@@ -100,59 +102,25 @@
 
     function toggle_navigator(e)
     {
-        if(isDeviceSmallerThan('sm'))
+        if(tabs.length == 1)
         {
-            if(isOnNavigationPage())
-            {
-                popNavigationPage();
-            }
-            else
-            {
-                if(tabs.length == 1)
-                {
-                    $sidebar_left_pos = 0;
-                    show_sidebar(tabs[0]);
-                }
-                else
-                {
-                    let sidebar = $main_sidebar_visible_store;
-                    if(sidebar == "*")
-                    {
-                        if((!previously_visible_sidebar) || previously_visible_sidebar === '*')
-                            sidebar = Object.keys(appConfig.sidebar)[0];
-                        else
-                            sidebar = previously_visible_sidebar;
-                    }
-
-                    $sidebar_left_pos = 40;
-                    show_sidebar(sidebar)
-                }
-
-                pushNavigationPage();
-            }
+            $sidebar_left_pos = 0;
+            navToggle(tabs[0])
         }
         else
         {
+            $sidebar_left_pos = 40;
 
-            if(tabs.length == 1)
+            if(!navIsVisible())
             {
-                $sidebar_left_pos = 0;
-                toggle_sidebar(tabs[0]);
+                let navKey = navPrevVisibleKey()
+                if(!navKey)
+                    navKey = Object.keys(appConfig.sidebar)[0]
+                
+                navShow(navKey);
             }
             else
-            {
-                let sidebar = $main_sidebar_visible_store;
-                if(sidebar == "*")
-                {
-                    if((!previously_visible_sidebar) || previously_visible_sidebar === '*')
-                        sidebar = Object.keys(appConfig.sidebar)[0];
-                    else
-                        sidebar = previously_visible_sidebar;
-                }
-
-                $sidebar_left_pos = 40;
-                toggle_sidebar(sidebar)
-            }
+                navHide()
         }
     }
 
@@ -177,8 +145,14 @@
 
                 if(add)
                 {
+                    let caption = ''
+                    if(o.captionFunc)
+                        caption = o.captionFunc()
+                    else if(o.caption)
+                        caption = o.caption
+
                     options.push({
-                                caption: o.caption,
+                                caption: caption,
                                 icon: o.icon,
                                 action: o.action
                             })
@@ -191,7 +165,7 @@
                 if(!is_logged_in)
                 {
                     options.push({
-                        caption: 'Sign in',
+                        caption: i18n( { en: 'Sign in', es: 'Iniciar sesión', pl: 'Zaloguj'}),
                         icon: FaSignInAlt,
                         action: (focused) => { push(sign_in_href) }
                     });
@@ -199,7 +173,7 @@
                 else
                 {
                     options.push({
-                        caption: 'Sign out',
+                        caption: i18n({en: 'Sign out', es: 'Cerrar sesión', pl: 'Wyloguj' }) ,
                         icon: FaSignOutAlt,
                         action: (focused) => { push(sign_out_href) }
                     });
@@ -211,10 +185,11 @@
 
         if(!config || config.darkMode)
         {
+            const capt = i18n({en: 'Dark mode', es: 'Modo oscuro', pl: 'Tryb ciemny'})
             if($dark_mode_store == '')
             {
                 options.push( {
-                        caption: 'Dark mode',
+                        caption: capt,
                         icon: FaToggleOff,
                         action: (focused) => { $dark_mode_store = 'dark'; }
                     });
@@ -222,24 +197,41 @@
             else
             {
                 options.push( {
-                        caption: 'Dark mode',
+                        caption: capt,
                         icon: FaToggleOn,
                         action: (focused) => { $dark_mode_store = ''; }
                     });
             }
         }
 
+        const langs = getLanguages()
+        if(langs && langs.length > 1)
+        {
+            const langMenu = langs.map( l => ({
+                caption: l.name,
+                img: l.flag,
+                action: (b) => {setCurrentLanguage(l); reloadWholeApp()},
+                disabled: getCurrentLanguage() == l
+            }))
+
+            options.push( {
+                caption: i18n({en: 'Language', es:'Idioma', pl:'Język'}),
+                menu: langMenu,
+                icon: FaLanguage
+            })
+        }
+
         if(config && config.operations)
         {
             options.push( {
-                    caption: 'Toolbar',
+                    caption: i18n({en:'Toolbar', es:'Barra de herramientas', pl:'Pasek narzędzi'}),
                     icon: $tools_visible_store ? FaToggleOn : FaToggleOff,
                     action: (focused) => { $tools_visible_store = !$tools_visible_store; }
                 });
         }
 
          options.push({
-                caption: 'Left-handed floating actions',
+                caption: i18n({en: 'Left-handed mode', es: 'Modo para zurdos', pl: 'Tryb dla leworęcznych'}),
                 icon: $leftHandedFAB ? FaToggleOn : FaToggleOff,
                 action: (f) => { $leftHandedFAB = !$leftHandedFAB; }
             })
@@ -344,7 +336,7 @@
 
 </div>
 
-{#if false && tabs.length > 1 &&  $main_sidebar_visible_store != "*"}
+{#if false && tabs.length > 1 &&  navIsVisible()}
     <div  class="no-print flex-none block fixed left-0 top-[40px] w-[40px] h-screen z-20 inset-0   overflow-hidden">
         <div class="sticky top-0 flex h-full w-10 bg-stone-900 flex-col items-center text-stone-100 shadow">
             <VerticalToolbar {appConfig} mobile={true}/>

package/i18n-preprocess.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Zamienia:
+ *   _; EN;ES ;  PL
+ *   "_; EN;ES ;  PL"
+ *   '_; Foo ; Bar;Baz'
+ *   `_; A;  B ; C`
+ * na:
+ *   i18n(["EN", "ES", "PL"])  // znormalizowane odstępy: "; "
+ *
+ * Dwie fazy:
+ *  1) quoted: podmienia CAŁE literały stringów (", ', `)
+ *  2) unquoted: podmienia goły tekst (np. w markupie)
+ */
+export function i18nPreprocess({ dryRun }?: {
+    dryRun?: boolean | undefined;
+}): {
+    name: string;
+    markup({ content, filename }: {
+        content: any;
+        filename: any;
+    }): {
+        code: any;
+    };
+    script({ content, attributes, filename }: {
+        content: any;
+        attributes: any;
+        filename: any;
+    }): {
+        code: any;
+        attributes: any;
+    };
+    style({ content, attributes }: {
+        content: any;
+        attributes: any;
+    }): {
+        code: any;
+        attributes: any;
+    };
+};

package/i18n-preprocess.js

@@ -0,0 +1,100 @@
+/**
+ * Zamienia:
+ *   _; EN;ES ;  PL
+ *   "_; EN;ES ;  PL"
+ *   '_; Foo ; Bar;Baz'
+ *   `_; A;  B ; C`
+ * na:
+ *   i18n(["EN", "ES", "PL"])  // znormalizowane odstępy: "; "
+ *
+ * Dwie fazy:
+ *  1) quoted: podmienia CAŁE literały stringów (", ', `)
+ *  2) unquoted: podmienia goły tekst (np. w markupie)
+ */
+
+export  function i18nPreprocess({ dryRun = false } = {}) {
+  const lit = (s) => JSON.stringify(s);
+  const toArrayExpr = (list) =>
+  `[${list
+    .split(/\s*;\s*/g)        // zachowuje puste między ';;'
+    .map((s) => s.trim())     // przytnij brzegi
+    .map(lit)                 // JSON.stringify
+    .join(', ')}]`;
+
+  // 1) W <script> zamieniamy CAŁE literały "_; ...; ..." -> i18n([ ... ])
+  //    Uwaga: dla prostoty nie dopuszczamy cudzysłowów/backticków wewnątrz placeholderów
+  const QUOTED_IN_SCRIPT =
+    /(['"`])\s*_;\s*((?:[^'"`;\r\n]*)(?:\s*;\s*[^'"`;\r\n]*)*)\s*\1/g;
+
+
+  // 2) W markup – TYLKO surowy tekst między tagami (nie dotykamy atrybutów)
+  const UNQUOTED_TEXT_IN_MARKUP =
+    /(^|>)(\s*)_;\s*((?:[^;<>]*)(?:\s*;\s*[^;<>]*)*)/g;
+
+  // ATRYBUTY: name="_; A; ; C"  ->  name={i18n(["A", "", "C"])}
+  const ATTR_QUOTED =
+    /(\s[0-9A-Za-z_:@#.-]+)\s*=\s*(["'])\s*_;\s*((?:[^"'<>]*)(?:\s*;\s*[^"'<>]*)*)\s*\2/g;
+
+  // Wytnij i przywróć bloki, żeby w fazie markup nie ruszać <script>/<style>
+  const extractBlocks = (content, tag) => {
+    const re = new RegExp(`<${tag}\\b[\\s\\S]*?>[\\s\\S]*?<\\/${tag}>`, 'gi');
+    const blocks = [];
+    const placeholders = [];
+    let i = 0;
+    content = content.replace(re, (m) => {
+      const key = `<<<${tag.toUpperCase()}_BLOCK_${i++}>>>`;
+      blocks.push(m);
+      placeholders.push(key);
+      return key;
+    });
+    return { content, blocks, placeholders };
+  };
+
+  // UWAGA: używamy funkcji jako replacera, by nie zepsuć `$$props` -> `$props`
+  const restoreBlocks = (content, placeholders, blocks) => {
+    placeholders.forEach((key, idx) => {
+      content = content.replace(key, () => blocks[idx]);
+    });
+    return content;
+  };
+
+  return {
+    name: 'i18n-preprocess',
+
+    markup({ content, filename }) {
+      const s = extractBlocks(content, 'script');
+      const ss = extractBlocks(s.content, 'style');
+
+      let body = ss.content;
+      let count = 0;
+
+      body = body.replace(UNQUOTED_TEXT_IN_MARKUP, (m, before, pre, list) => {
+        count++;
+        return `${before}${pre}{i18n(${toArrayExpr(list)})}`;
+      });
+
+     if (count) console.log(`[i18n-preprocess][markup] ${filename} -> ${count} replace(s)`);
+
+      body = restoreBlocks(body, ss.placeholders, ss.blocks);
+      body = restoreBlocks(body, s.placeholders, s.blocks);
+
+      if (dryRun) return { code: content };
+      return { code: body };
+    },
+
+    script({ content, attributes, filename }) {
+      let count = 0;
+      const code = content.replace(QUOTED_IN_SCRIPT, (_m, _q, list) => {
+        count++;
+        return `i18n(${toArrayExpr(list)})`;
+      });
+    //  if (count) console.log(`[i18n-preprocess][script] ${filename} -> ${count} replace(s)`);
+      if (dryRun) return { code: content, attributes };
+      return { code, attributes };
+    },
+
+    style({ content, attributes }) {
+      return { code: content, attributes };
+    }
+  };
+}

package/i18n.d.ts

@@ -0,0 +1,30 @@
+export function setLanguages(langs: any): void;
+export function getLanguages(): ({
+    key: string;
+    name: string;
+    flag: string;
+    default: boolean;
+} | {
+    key: string;
+    name: string;
+    flag: string;
+    default?: undefined;
+})[];
+export function setCurrentLanguage(sel: any): void;
+export function getCurrentLanguage(): {
+    key: string;
+    name: string;
+    flag: string;
+    default: boolean;
+} | {
+    key: string;
+    name: string;
+    flag: string;
+    default?: undefined;
+};
+export function getCurrentLanguageIdx(): number;
+export function getCurrentLanguageKey(): string;
+/**
+ * i18n("EN; ES; PL") => "EN" albo "ES" albo "PL"
+ */
+export function i18n(list: any): any;

package/i18n.js

@@ -0,0 +1,162 @@
+
+// https://flagdownload.com/
+
+let languages = [
+	{
+		key: "en",
+		name: 'English',
+		flag: '/landing/lang/GB_64.png',
+		default: true
+	},
+	{
+		key: 'es',
+		name: "Español",
+		flag: '/landing/lang/ES_64.png'
+	},
+	{
+		key: 'pl',
+		name: 'Polski',
+		flag: '/landing/lang/PL_64.png'
+	}
+]
+
+function fetchCurrentLangIndex()
+{
+	const stored = localStorage.getItem("__hd_svelte_lang")
+	if(!stored)
+	{
+		if(languages.length == 0)
+			return 0;
+
+		if(!navigator.language)
+			return 0;
+
+		const browserLang = navigator.language.substring(0, 2)
+		const idx = languages.findIndex(l => l.key == browserLang)
+		if(idx >=0)
+			return idx;
+		else
+			return 0;
+	}
+	else
+	{
+		try{
+			return JSON.parse(stored)
+		}
+		catch(err)
+		{
+			return 0;
+		}
+	}
+}
+
+let currentLangIndex = 0// fetchCurrentLangIndex()
+let defaultLangIndex = 0;
+
+export function setLanguages(langs)
+{
+	languages = langs
+	defaultLangIndex = languages.findIndex(l => l.default == true)
+	if(defaultLangIndex < 0)
+		defaultLangIndex = 0
+
+	currentLangIndex = fetchCurrentLangIndex()
+}
+
+export function getLanguages()
+{
+	return languages
+}
+
+export function setCurrentLanguage(sel)
+{
+	if(typeof sel === 'number')
+		currentLangIndex = sel
+	else if (typeof sel === 'string' || sel instanceof String)
+	{
+		currentLangIndex = languages.findIndex(l => l.key == sel)
+		if(currentLangIndex < 0)
+		{
+			console.error(`language ${sel} doesn't exist`)
+			currentLangIndex = defaultLangIndex
+		}
+	}
+	else
+	{
+		currentLangIndex = languages.findIndex(l => l.key == sel.key)
+		if(currentLangIndex < 0)
+		{
+			console.error(`language ${sel.key} doesn't exist`)
+			currentLangIndex = defaultLangIndex
+		}
+	}
+
+	localStorage.setItem("__hd_svelte_lang", JSON.stringify(currentLangIndex))
+	
+}
+
+export function getCurrentLanguage()
+{
+	return languages[currentLangIndex]
+}
+
+export function getCurrentLanguageIdx()
+{
+	return currentLangIndex
+}
+
+export function getCurrentLanguageKey()
+{
+	return languages[currentLangIndex].key
+}
+
+
+/**
+ * i18n("EN; ES; PL") => "EN" albo "ES" albo "PL"
+ */
+
+export function i18n(list) 
+{
+	if (typeof list === 'string' || list instanceof String) 
+	{
+		const parts = list.split(/\s*;\s*/);
+
+		if(parts.length == 0)
+			return "";
+		
+		if(currentLangIndex < parts.length)
+			return parts[currentLangIndex]
+		else if(defaultLangIndex < parts.length)
+			return parts[defaultLangIndex]
+		else
+			return parts[0]
+	}
+	else if (Array.isArray(list)) 
+	{
+		if(list.length == 0)
+			return "";
+		
+		if(currentLangIndex < list.length)
+			return list[currentLangIndex]
+		else if(defaultLangIndex < list.length)
+			return list[defaultLangIndex]
+		else
+			return list[0]
+  	}
+	else 
+	{
+		let langKey = languages[currentLangIndex].key
+		if (Object.keys(list).includes(langKey))
+			return list[langKey]
+		else 
+		{
+			langKey = languages[defaultLangIndex].key
+			const keys = Object.keys(list)
+			if (keys.includes(langKey))
+				return list[langKey]
+			else
+				return list[keys[0]] 
+		}
+	}
+}
+

package/index.d.ts

@@ -26,7 +26,7 @@ export { default as ComboItem } from './components/combo/combo.item.svelte';
 export { default as RichEdit } from './components/document/rich.edit.svelte';
 export { default as Editor } from './components/document/editor.svelte';
 export { default as Spinner } from './components/delayed.spinner.svelte';
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { showMenu, showGridMenu, showFloatingToolbar, SHOW_MENU_BELOW, SHOW_MENU_ABOVE, SHOW_MENU_RIGHT, SHOW_MENU_LEFT } from './components/menu';
 export { default as Fab } from './components/Fab.svelte';
 export { default as Sidebar } from './components/sidebar/sidebar.svelte';
 export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
@@ -60,9 +60,9 @@ export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban'
 export { default as Paginator } from './components/paginator.svelte';
 export { default as Breadcrumb } from './components/breadcrumb.svelte';
 export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, wholeAppReloader, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, navKey, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores';
@@ -72,3 +72,5 @@ export { default as IcH2 } from './components/document/internal/h2.icon.svelte';
 export { default as IcH3 } from './components/document/internal/h3.icon.svelte';
 export { default as IcH4 } from './components/document/internal/h4.icon.svelte';
 export { registerKicksObserver, unregisterKicksObserver, forceKicksChecking } from './kicks.js';
+export { i18n, setLanguages, getLanguages, setCurrentLanguage, getCurrentLanguage, getCurrentLanguageIdx, getCurrentLanguageKey } from './i18n.js';
+export { i18nPreprocess } from './i18n-preprocess.js';

package/index.js

@@ -32,7 +32,7 @@ export { default as RichEdit } from './components/document/rich.edit.svelte';
 export { default as Editor } from './components/document/editor.svelte';
 export { default as Spinner } from './components/delayed.spinner.svelte';
 //export { default as Menu } from './components/contextmenu.svelte'
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { showMenu, showGridMenu, showFloatingToolbar, SHOW_MENU_BELOW, SHOW_MENU_ABOVE, SHOW_MENU_RIGHT, SHOW_MENU_LEFT } from './components/menu';
 export { default as Fab } from './components/Fab.svelte';
 export { default as Sidebar } from './components/sidebar/sidebar.svelte';
 export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
@@ -66,9 +66,9 @@ export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban'
 export { default as Paginator } from './components/paginator.svelte';
 export { default as Breadcrumb } from './components/breadcrumb.svelte';
 export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, wholeAppReloader, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, navKey, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores'; // tmp
@@ -78,3 +78,5 @@ export { default as IcH2 } from './components/document/internal/h2.icon.svelte';
 export { default as IcH3 } from './components/document/internal/h3.icon.svelte';
 export { default as IcH4 } from './components/document/internal/h4.icon.svelte';
 export { registerKicksObserver, unregisterKicksObserver, forceKicksChecking } from './kicks.js';
+export { i18n, setLanguages, getLanguages, setCurrentLanguage, getCurrentLanguage, getCurrentLanguageIdx, getCurrentLanguageKey } from './i18n.js';
+export { i18nPreprocess } from './i18n-preprocess.js';

package/modal.svelte

@@ -3,6 +3,7 @@ import Icon from "./components/icon.svelte";
 import { pushToolsActionsOperations, popToolsActionsOperations } from "./stores.js";
 import { isDeviceSmallerThan } from "./utils";
 import { FaTimes } from "svelte-icons/fa";
+import { i18n } from "./i18n.js";
 export let title = "";
 export let open = false;
 export let content = "";
@@ -13,7 +14,7 @@ export const Cancel = 2;
 export const Custom = 3;
 export let mode = OKCancel;
 export let okCaption = "OK";
-export let cancelCaption = "Cancel";
+export let cancelCaption = i18n({ en: "Cancel", es: "Cancelar", pl: "Anuluj" });
 export let onOkCallback = void 0;
 export let onCancelCallback = void 0;
 export function show(on_close_callback = void 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -156,6 +156,8 @@
     "./desk.svelte": "./desk.svelte",
     "./form.box.svelte": "./form.box.svelte",
     "./horizontal.toolbar.svelte": "./horizontal.toolbar.svelte",
+    "./i18n-preprocess": "./i18n-preprocess.js",
+    "./i18n": "./i18n.js",
     ".": "./index.js",
     "./internal/configurable.content.svelte": "./internal/configurable.content.svelte",
     "./internal/loading.svelte": "./internal/loading.svelte",

package/stores.d.ts

@@ -51,3 +51,4 @@ export const visible_property_tab_store: import("svelte/store").Writable<string>
 export const fabCollapsed: import("svelte/store").Writable<any>;
 export const showFABAlways: import("svelte/store").Writable<any>;
 export const leftHandedFAB: import("svelte/store").Writable<any>;
+export const navKey: import("svelte/store").Readable<any>;