{#if !collectionA?.id} Added {collectionB?.name} {:else if !collectionB?.id} Deleted {collectionA?.name} {:else}

{#if hasAnyChange} Changed {/if} {#if collectionA.name !== collectionB.name} {collectionA.name} {/if} {collectionB.name}

{/if}

{#each mainModelProps as prop} {/each} {#if deleteMissing || isDeleteDiff} {#each removedFields as field} {#each Object.entries(field) as [key, value]} {/each} {/each} {/if} {#each sharedFields as field} {#each Object.entries(field) as [key, newValue]} {/each} {/each} {#each addedFields as field} {#each Object.entries(field) as [key, value]} {/each} {/each}

Props Old New

{prop}
{displayValue(collectionA?.[prop])}

{displayValue(collectionB?.[prop])}

field: {field.name} Deleted - All stored data related to {field.name} will be deleted!
{key}
{displayValue(value)}

field: {field.name} {#if hasChanges(getFieldById(schemaA, field.id), getFieldById(schemaB, field.id))} Changed {/if}
{key}
{displayValue(getFieldById(schemaA, field.id)?.[key])}

{displayValue(newValue)}

field: {field.name} Added
{key}
{displayValue(value)}

Props	Old	New
{prop}	{displayValue(collectionA?.[prop])}	{displayValue(collectionB?.[prop])}
field: {field.name} Deleted - All stored data related to {field.name} will be deleted!
{key}	{displayValue(value)}
field: {field.name} {#if hasChanges(getFieldById(schemaA, field.id), getFieldById(schemaB, field.id))} Changed {/if}
{key}	{displayValue(getFieldById(schemaA, field.id)?.[key])}	{displayValue(newValue)}
field: {field.name} Added
{key}		{displayValue(value)}