ul.treeview-level
//- ROOT NODE
li.treeview-node(v-if='!props.parentId')
.treeview-label(@click='setRoot', :class='{ "active": !selection }')
q-icon(name='img:/_assets/icons/fluent-ftp.svg', size='sm')
.treeview-label-text(:class='$q.dark.isActive ? `text-purple-4` : `text-purple`') root
q-menu(
v-if='rootContextActionList.length > 0'
touch-position
context-menu
auto-close
transition-show='jump-down'
transition-hide='jump-up'
)
q-card.q-pa-sm
q-list(dense, style='min-width: 150px;')
q-item(
v-for='action of rootContextActionList'
:key='action.key'
clickable
@click='action.handler(null)'
)
q-item-section(side)
q-icon(:name='action.icon', :color='action.iconColor')
q-item-section(:class='action.labelColor && (`text-` + action.labelColor)') {{action.label}}
q-icon(
v-if='!selection'
name='las la-angle-right'
:color='$q.dark.isActive ? `purple-4` : `purple`'
)
//- NORMAL NODES
tree-node(
v-for='node of level'
:key='node.id'
:node='node'
:depth='props.depth'
:parent-id='props.parentId'
)