@humandialog/forms.svelte 1.6.1 → 1.6.2

package/components/list/internal/list.element.svelte

@@ -18,6 +18,7 @@ import { rList_definition, rList_property_type } from "../List";
 import { push, link } from "svelte-spa-router";
 import { FaExternalLinkAlt } from "svelte-icons/fa/";
 import Tags from "../../tags.svelte";
+import { ext } from "../../../i18n";
 export let item;
 export let title = "";
 export let summary = "";
@@ -250,7 +251,7 @@ export function scrollToView() {
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 {#if item}
-{@const element_title = item[title]}
+{@const element_title = ext(item[title])}
 
 <section    class="my-1 flex flex-row w-full  text-stone-900 dark:text-stone-300 cursor-default rounded-md border border-transparent {selected_class} {focused_class} scroll-mt-[50px] sm:scroll-mt-[40px]"
             role="menu"
@@ -328,8 +329,9 @@ export function scrollToView() {
         </section>
 
         {#if summary && (item[summary] || placeholder=='Summary')}
+            {@const summaryText = ext(item[summary])}
             {@const element_id = `__hd_list_ctrl_${getItemKey(item)}_Summary`}
-            {#key item[summary] }           
+            {#key summaryText }           
                 {#if is_row_active}
                     <p  id={element_id} 
                         class=" text-sm                              
@@ -340,14 +342,14 @@ export function scrollToView() {
                                 onFinish: (d) => {placeholder='';},
                                 active: true
                             }}>
-                        {item[summary]}
+                        {summaryText}
                     </p>
                 {:else}
                     <p  id={element_id} 
                         class=" text-sm 
                                     text-stone-600 dark:text-stone-400"
                         on:click={(e) => on_active_row_clicked(e, 'bottom')}>
-                        {item[summary]}
+                        {summaryText}
                     </p>
                 {/if}
             {/key}

package/i18n.js

@@ -162,6 +162,9 @@ export function i18n(list)
 
 export function extractTranslated(str)
 {
+	if(!str)
+		return ""
+	
 	if(str.startsWith('_;'))
 	{
 		const body = str.replace(/^_;\s*/, '');   			// cut prefix "_;  "

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",