intelliwaketssveltekitv25 0.1.122 → 0.1.124

package/dist/DisplayHTML.svelte

@@ -1,5 +1,6 @@
 <script lang='ts'>
 	import { IncludesHTML, ReplaceLinks, TextToHTML } from '@solidbasisventures/intelliwaketsfoundation'
+	import type { Snippet } from 'svelte'
 
 	let {
 		value,
@@ -9,7 +10,7 @@
 		 */
 		noLinkReplace = false
 	}: {
-		value: string | null | undefined
+		value: string | null | undefined | Snippet
 		anchorClasses?: string
 		/**
 		 * Use the noLinkReplace property to not try to change a URL into an anchor link
@@ -17,15 +18,23 @@
 		noLinkReplace?: boolean
 	} = $props()
 
-	let valueLink = $derived(((noLinkReplace ? (value ?? '') : ReplaceLinks(TextToHTML((value ?? '').toString()), anchorClasses)) ?? '').toString())
+	let isSnippet = $derived(!!value && typeof value === 'function')
 
-	let isHTML = $derived(IncludesHTML((valueLink ?? '').toString()))
+	let valueLink = $derived(isSnippet ? null : ((noLinkReplace ? (value ?? '') : ReplaceLinks(TextToHTML((value ?? '').toString()), anchorClasses)) ?? '').toString())
+
+	let isHTML = $derived(!isSnippet && IncludesHTML((valueLink ?? '').toString()))
 </script>
 
-{#if valueLink}
-	{#if isHTML}
-		{@html valueLink}
+{#if !!value}
+	{#if typeof value === 'function'}
+		{@render value()}
 	{:else}
-		{valueLink}
+		{#if valueLink}
+			{#if isHTML}
+				{@html valueLink}
+			{:else}
+				{valueLink}
+			{/if}
+		{/if}
 	{/if}
 {/if}

package/dist/DisplayHTML.svelte.d.ts

@@ -1,5 +1,6 @@
+import type { Snippet } from 'svelte';
 type $$ComponentProps = {
-    value: string | null | undefined;
+    value: string | null | undefined | Snippet;
     anchorClasses?: string;
     /**
      * Use the noLinkReplace property to not try to change a URL into an anchor link

package/dist/ListGroupItems.svelte

@@ -42,9 +42,13 @@
 		empty?: Snippet
 	} = $props()
 
+	function titleString(title: string | null | undefined | Snippet): string | null {
+		return (typeof title === 'string') ? title : null
+	}
+
 	function pathFromItem(modalItem: TListGroupItem): string {
 		return modalItem.href ??
-			(ToPascalCase((modalItem.title ?? '').toString()) + (modalItem.value ? `:${modalItem.value}` : ''))
+			(ToPascalCase((titleString(modalItem.title) ?? '').toString()) + (modalItem.value ? `:${modalItem.value}` : ''))
 	}
 
 	type TGroupItemPath = TListGroupItem & {
@@ -96,7 +100,7 @@
 	}
 
 	function getKey(listItem: TListGroupItem) {
-		return listItem.key ?? `${listItem.value ?? 'v'}:${listItem.title ?? listItem.paneName ?? 't'}:${listItem.sub_title ?? 'st'}:${listItem.badgeValue ?? 'bv'}:${listItem.rightText ?? 'rt'}}`
+		return listItem.key ?? `${listItem.value ?? 'v'}:${titleString(listItem.title) ?? listItem.paneName ?? 't'}:${titleString(listItem.sub_title) ?? 'st'}:${listItem.badgeValue ?? 'bv'}:${listItem.rightText ?? 'rt'}}`
 	}
 
 	function sectionClick(section: string) {
@@ -130,19 +134,20 @@
 	{:else}
 		{#each subItems as listItem, idx (getKey(listItem))}
 			{#if listItem?.section && listItem.section !== subItems[idx - 1]?.section}
-				<li class='listGroupHeader block w-full select-none font-bold p-1 cursor-pointer sticky top-0 bg-primary-main text-white'
-						class:mt-4={rounded}
-						class:overflow-x-hidden={wrapText || ellipses}
-						class:whitespace-nowrap={!wrapText}
-						class:mt-1={idx > 0}
-						class:roundedListGroupItem={rounded}
-						class:rounded-lg={rounded}
-						class:px-2={rounded}
-						title={listItem.hover_title}
-						role='menuitem'
-						tabindex={-1}
-						onkeydown={e => doKeyExecute(e, () => sectionClick(listItem.section ?? ""))}
-						onclick={() => sectionClick(listItem?.section ?? "")}>
+				<li
+					class='listGroupHeader block w-full select-none font-bold p-1 cursor-pointer sticky top-0 bg-primary-main text-white'
+					class:mt-4={rounded}
+					class:overflow-x-hidden={wrapText || ellipses}
+					class:whitespace-nowrap={!wrapText}
+					class:mt-1={idx > 0}
+					class:roundedListGroupItem={rounded}
+					class:rounded-lg={rounded}
+					class:px-2={rounded}
+					title={listItem.hover_title}
+					role='menuitem'
+					tabindex={-1}
+					onkeydown={e => doKeyExecute(e, () => sectionClick(listItem.section ?? ""))}
+					onclick={() => sectionClick(listItem?.section ?? "")}>
 					<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 											 value={listItem.section} />
 				</li>
@@ -229,7 +234,7 @@
 									<Icon fw
 												scale={!listItem.bigIcon ? 1 : 2}
 												{...listItem.faProps}
-												class={`mr-2 inline-block ${!listItem.bigIcon ? '' : 'ml-2'} ${listItem.faProps.class ?? ''}`.trim()}/>
+												class={`mr-2 inline-block ${!listItem.bigIcon ? '' : 'ml-2'} ${listItem.faProps.class ?? ''}`.trim()} />
 								{/if}
 								{#if !!listItem.icon}
 									<Icon fw
@@ -241,10 +246,10 @@
 							<div class='overflow-hidden'
 									 class:whitespace-nowrap={!wrapText}
 									 class:text-ellipsis={!wrapText && ellipses}
-									 title={!ellipses ? undefined : listItem.title}>
+									 title={!ellipses ? undefined : titleString(listItem.title) ?? undefined}>
 								<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 														 value={listItem.title} />
-								{#if listItem.sub_title && !rounded}
+								{#if !!titleString(listItem.sub_title) && !rounded}
 									<div class='text-sm font-thin'>
 										<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 																 value={listItem.sub_title} />
@@ -278,7 +283,7 @@
 
 							<!-- row 2 -->
 							<div class:col-span-3={!listItem.bigIcon} class:col-span-2={listItem.bigIcon}>
-								{#if listItem.sub_title && rounded}
+								{#if !!titleString(listItem.sub_title) && rounded}
 									<div class='text-sm font-light text-gray-700 text-justify mt-0.5'>
 										<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 																 value={listItem.sub_title} />
@@ -313,10 +318,10 @@
 							<div class='overflow-hidden'
 									 class:whitespace-nowrap={!wrapText}
 									 class:text-ellipsis={!wrapText && ellipses}
-									 title={!ellipses ? undefined : listItem.title}>
+									 title={!ellipses ? undefined : titleString(listItem.title) ?? undefined}>
 								<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 														 value={listItem.title} />
-								{#if listItem.sub_title}
+								{#if !!titleString(listItem.sub_title)}
 									<div class='text-sm font-thin'>
 										<DisplayHTML noLinkReplace={listItem.noLinkReplace ?? noLinkReplace}
 																 value={listItem.sub_title} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.1.122",
+  "version": "0.1.124",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",