{ if (item.type == 'dir') { changeModel(tree => dbKeys_markNodeExpanded(tree, item.key, !isExpanded), false); } }} on:click={() => { if (item.type == 'dir') { changeModel(tree => dbKeys_markNodeExpanded(tree, item.key, !isExpanded), false); } else { openNewTab({ tabComponent: 'DbKeyDetailTab', title: item.text || _t('dbKeysTreeNode.noName', { defaultMessage: '(no name)' }), icon: 'img keydb', props: { isDefaultBrowser: true, conid, database, }, }); $activeDbKeysStore = { ...$activeDbKeysStore, [`${conid}:${database}`]: item.key, }; } }} on:mousedown={() => { $focusedTreeDbKey = _.pick(item, ['type', 'key', 'root', 'text']); }} extInfo={item.count ? `(${item.count})` : null} {indentLevel} menu={createMenu} isChoosed={$focusedTreeDbKey && item.key == $focusedTreeDbKey.key && item.root == $focusedTreeDbKey.root && item.type == $focusedTreeDbKey.type} /> {#if isExpanded && !parentRoots.includes(item.root)} {/if}