4 && length === 'short'} class:tiny={displayItems.length > 2 && length === 'tiny'} > {#each displayItems as item, i} { if (editable) { closeTooltip() editChannel(eventToHTMLElement(ev), i, item) } else { dispatch('open', item) } }} showTooltip={{ component: opened !== i ? ChannelEditor : undefined, props: { value: item.value, placeholder: item.placeholder, editable: editable !== undefined ? false : undefined, openable: item.presenter ?? false }, onUpdate: (result) => { if (result.detail === 'open') { closeTooltip() dispatch('open', item) } else if (result.detail === 'edit') { closeTooltip() editChannel(btns[i], i, item) } } }} /> {/each} {#if actions.length > 0 && editable} {#if displayItems.length === 0} {:else} {/if} {/if}