{#if href}
{
if (disabled) return;
clickNode(node, event);
}}
on:keydown={(event) => {
if (
event.key === "ArrowUp" ||
event.key === "ArrowDown" ||
event.key === "Home" ||
event.key === "End"
) {
event.preventDefault();
}
if (
event.key === "ArrowLeft" ||
event.key === "ArrowRight" ||
event.key === "Enter"
) {
event.preventDefault();
event.stopPropagation();
}
if (event.key === "ArrowLeft") {
const parentNode = findParentTreeNode(ref.parentNode?.parentNode);
if (parentNode) parentNode.focus();
}
if (event.key === "Enter" || event.key === " ") {
event.preventDefault();
if (disabled) return;
clickNode(node, event);
}
}}
on:focus={() => {
focusNode(node);
}}
>
{text}
{:else}
{
if (disabled) return;
clickNode(node, event);
}}
on:keydown={(event) => {
if (
event.key === "ArrowUp" ||
event.key === "ArrowDown" ||
event.key === "Home" ||
event.key === "End"
) {
event.preventDefault();
}
if (
event.key === "ArrowLeft" ||
event.key === "ArrowRight" ||
event.key === "Enter"
) {
event.preventDefault();
event.stopPropagation();
}
if (event.key === "ArrowLeft") {
const parentNode = findParentTreeNode(ref.parentNode);
if (parentNode) parentNode.focus();
}
if (event.key === "Enter" || event.key === " ") {
event.preventDefault();
if (disabled) return;
clickNode(node, event);
}
}}
on:focus={() => {
focusNode(node);
}}
>
{text}
{/if}