<ul dx-start-with="treedata" class="tree-view">
    <li ng-repeat="node in $dxPrior.children" ng-class="{hidden: (node.hidden &amp;&amp; !ngShowHidden)}">
        <div class="tx-grey-70 d-flex items-center mb-1" style="gap: 5px" alt="{{node.selected ? 'selected' : 'not selected'}}">
            <i
                aria-label="{{node.expanded ? 'expanded' : 'contracted'}}"
                ng-click="toggleExpanded(node)"
                ng-style="{visibility: node.leaf ? 'hidden' : 'visible'}"
                style="font-size: 20px"
                class="ic-chevron-{{node.expanded ? 'down': 'right'}}"
            ></i>
            <div
                class="checkbox-container"
                ng-show="!node.root"
            >
                <input
                    id="selected-folder-{{node.id}}-{{$index}}"
                    type="checkbox"
                    ng-checked="node.include == '+' || node.include === ' '"
                    ng-click="$event.stopPropagation(); toggleCheck(node)"
                />
                <label class="checkbox-label mb-0" for="selected-folder-{{node.id}}-{{$index}}">
                    <span class="checkbox" ng-class="{exclude: node.include === '-', include: node.include == '+' || node.include === ' '}">
                        <i
                            aria-label="{{node.include == ' ' ? 'partially included' : (node.include == '-' ? 'excluded' : (node.include == '+' ? 'included' : 'not checked'))}}"
                            class="{{getNodeCheckboxIcon(node)}}"
                        ></i>
                    </span>
                </label>
            </div>
            <i 
                aria-label="{{loading ? 'loading' : node.entrytype}}"
                class="{{parseIconClsToDocaposteIcons(node)}}"
            ></i>
            <span  ng-click="toggleSelected(node)" title="{{ node.tooltip }}">{{ node.text }}</span>
        </div>
    <ul ng-class="{expanded: node.expanded, include: node.include, exclude: node.exclude}" alt="{{node.include == '+' ? 'included' : (node.include == '-' ? 'excluded' : 'partially included')}}" dx-connect="node"/>
    </li>
</ul>
