intelliwaketssveltekitv25 0.1.57 → 0.1.59

package/dist/Definitions.d.ts

@@ -96,7 +96,7 @@ export type TListGroupItem = {
 export type TMasterDetailListGroupItem = Omit<TListGroupItem, 'subs'> & {
     subs?: TMasterDetailListGroupItem[];
     roundedDetailFormatted?: boolean;
-    detailShowHeader?: boolean;
+    detailShowHeader?: boolean | string;
 };
 export declare const MasterDetailSubItemBuild: (item: TListGroupItem, items: TListGroupItem[], collapsedValues: (string | null | undefined)[], options?: {
     start_date?: string | null;

package/dist/MasterDetailLayout.svelte

@@ -4,7 +4,7 @@
 	import { quintOut } from 'svelte/easing'
 	import { fly } from 'svelte/transition'
 	import { browser } from '$app/environment'
-	import type { TMasterDetailListGroupItem } from './Definitions'
+	import type { IFAProps, TMasterDetailListGroupItem } from './Definitions'
 	import { type TFindIsActive, ToPascalCase } from '@solidbasisventures/intelliwaketsfoundation'
 	import { PathAnalyzer } from './PathAnalyzer'
 	import type { Snippet } from 'svelte'
@@ -27,6 +27,7 @@
 		rounded = false,
 		roundedDetailFormatted = true,
 		detailShowHeader = false,
+		detailShowHeaderFAProps = null,
 		showDetailOnNoSelection = true,
 		showAllPrint = false,
 		smallScreenWidth = 767, // 1024
@@ -51,7 +52,8 @@
 		noLinkReplace?: boolean
 		rounded?: boolean
 		roundedDetailFormatted?: boolean
-		detailShowHeader?: boolean
+		detailShowHeader?: boolean | string
+		detailShowHeaderFAProps?: IFAProps | null
 		showDetailOnNoSelection?: boolean
 		showAllPrint?: boolean
 		smallScreenWidth?: number
@@ -73,7 +75,7 @@
 
 	let showRoundedDetailFormatted = $derived(rounded && (openItem?.roundedDetailFormatted ?? roundedDetailFormatted))
 
-	let showDetailShowHeader = $derived(!!openItem && (openItem?.detailShowHeader ?? detailShowHeader))
+	let showDetailShowHeader = $derived(!openItem ? false : (openItem?.detailShowHeader ?? detailShowHeader))
 
 	let innerWidth = $state<number | undefined>(undefined)
 
@@ -146,31 +148,29 @@
 			{/if}
 		{/if}
 
-		{#if !smallScreen || !!pathAnalyzer.activePageSlug}
-			<div class="grid grid-rows-[auto_1fr] overflow-hidden">
+		{#if (!smallScreen || !!pathAnalyzer.activePageSlug) && (showDetailOnNoSelection || !!openItem)}
+			<div class="grid grid-rows-[auto_1fr] overflow-hidden"
+					 transition:fly|local={!animate ? undefined : {duration: 300, x: 100, opacity: 0, easing: quintOut}}>
 				<div>
-					{#if showDetailShowHeader}
+					{#if !!showDetailShowHeader}
 						<h3 class="text-center">
-							{#if !!openItem?.faProps}
-								<Icon {...openItem.faProps} fw />
+							{#if !!openItem?.faProps || !!detailShowHeaderFAProps}
+								<Icon {...(openItem?.faProps ?? detailShowHeaderFAProps)} fw />
 							{/if}
-							{openItem?.title ?? ''}
+							{typeof showDetailShowHeader === 'string' ? showDetailShowHeader : openItem?.title ?? ''}
 						</h3>
 					{/if}
 				</div>
-				{#if showDetailOnNoSelection || !!openItem}
-					<div
-						class='masterDetailMaster relative grid grid-rows-1 md:relative overflow-hidden print:overflow-visible max-md:h-full max-md:w-full {detailClass}'
-						class:bg-white={showRoundedDetailFormatted}
-						class:dark:bg-slate-700={showRoundedDetailFormatted}
-						class:rounded-lg={showRoundedDetailFormatted}
-						class:drop-shadow={showRoundedDetailFormatted}
-						transition:fly|local={!animate ? undefined : {duration: 300, x: 100, opacity: 0, easing: quintOut}}>
-						{#if detail}
-							{@render detail()}
-						{/if}
-					</div>
-				{/if}
+				<div
+					class='masterDetailMaster relative grid grid-rows-1 md:relative overflow-hidden print:overflow-visible max-md:h-full max-md:w-full {detailClass}'
+					class:bg-white={showRoundedDetailFormatted}
+					class:dark:bg-slate-700={showRoundedDetailFormatted}
+					class:rounded-lg={showRoundedDetailFormatted}
+					class:drop-shadow={showRoundedDetailFormatted}>
+					{#if detail}
+						{@render detail()}
+					{/if}
+				</div>
 			</div>
 		{/if}
 	</div>

package/dist/MasterDetailLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TMasterDetailListGroupItem } from './Definitions';
+import type { IFAProps, TMasterDetailListGroupItem } from './Definitions';
 import { type TFindIsActive } from '@solidbasisventures/intelliwaketsfoundation';
 import type { Snippet } from 'svelte';
 type $$ComponentProps = {
@@ -17,7 +17,8 @@ type $$ComponentProps = {
     noLinkReplace?: boolean;
     rounded?: boolean;
     roundedDetailFormatted?: boolean;
-    detailShowHeader?: boolean;
+    detailShowHeader?: boolean | string;
+    detailShowHeaderFAProps?: IFAProps | null;
     showDetailOnNoSelection?: boolean;
     showAllPrint?: boolean;
     smallScreenWidth?: number;

package/package.json

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