{#if field.type === "json"}
{@const stringifiedJson = JSON.stringify(rawValue)}
{#if short}
{CommonHelper.truncate(stringifiedJson)}
{:else}
{CommonHelper.truncate(stringifiedJson, 500, true)}
{/if}
{:else if CommonHelper.isEmpty(rawValue)}
N/A
{:else if field.type === "bool"}
{rawValue ? "True" : "False"}
{:else if field.type === "number"}
{rawValue}
{:else if field.type === "url"}
{CommonHelper.truncate(rawValue)}
{:else if field.type === "editor"}
{#if short}
{CommonHelper.truncate(CommonHelper.plainText(rawValue), 250)}
{:else}
{/if}
{:else if field.type === "date"}
{:else if field.type === "select"}
{#each CommonHelper.toArray(rawValue) as item, i (i + item)}
{item}
{/each}
{:else if field.type === "relation"}
{@const relations = CommonHelper.toArray(rawValue)}
{@const expanded = CommonHelper.toArray(record.expand[field.name])}
{@const relLimit = short ? 20 : 200}
{#if expanded.length}
{#each expanded.slice(0, relLimit) as item, i (i + item)}
{/each}
{:else}
{#each relations.slice(0, relLimit) as id}
{id}
{/each}
{/if}
{#if relations.length > relLimit}
...
{/if}
{:else if field.type === "file"}
{#each CommonHelper.toArray(rawValue) as filename, i (i + filename)}
{/each}
{:else if short}
{CommonHelper.truncate(rawValue)}
{:else}
{rawValue}
{/if}