pageHeader.barWidth, (w) => pageHeader.setBarWidth(w)}
class={twMerge(
'flex flex-col shrink-0 min-w-0 bg-surface transition-shadow duration-150',
showEdge &&
'shadow-[inset_0_-1px_0_0_rgb(var(--color-border-light))] dark:shadow-[inset_0_-1px_0_0_#374151] [html.github-dark_&]:shadow-[inset_0_-1px_0_0_rgb(var(--color-border-light))]'
)}
>
{#if (navDetached.val || panelled) && !navHidden}
navHandleSlot.open()}
onmouseleave={() => navHandleSlot.scheduleClose()}
>
{/if}
console.error('page header: breadcrumb failed to render', e)}
>
{#key content?.contexts}
{/key}
{#if item && hasSummary}
{stage.path || !summaryNamesItem ? '·' : '/'}
{#if item.summaryContent}
summaryContentWidth,
(w) => fit.caps.summary === undefined && (summaryContentWidth = w)
}
>
console.error('page header: summary failed to render', e)}
>
{#key content?.contexts}
{@render item.summaryContent()}
{/key}
{:else}
{item.summary}
{/if}
{#if pickerAfterSummary}
{/if}
{/if}
{#if hasActions}
{#each actions as entry, i (i)}
console.error('page header: actions failed to render', e)}
>
{#key entry.contexts}
{@render entry.render()}
{/key}
{/each}
{/if}
{#if item && hasSummary}
·
{#if item.summaryContent}
{:else}
{item.summary}
{/if}
{#if pickerAfterSummary}
{/if}
{item.summary ?? ''}
{/if}