@if (getDataType() == dataType.Multi) {
  <w-edit-treeselect [showLabel]="false" [removePaddingTop]="true"
    class="w-tree-field-width w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width q-inline-block-display inline-flex"
    [options]="treeNodeItems"
    selectionMode="checkbox"
    [placeholder]="selectPlaceholder"
    appendTo="self"
    [(ngModel)]="itemSelected"
    (ngModelChange)="onNodeSelected($event)"
    [filterBy]="'label,data'">
  </w-edit-treeselect>
}

@if (getDataType() == dataType.Single) {
  <w-edit-treeselect [showLabel]="false" [removePaddingTop]="true"
    class="w-tree-field-width w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width q-inline-block-display inline-flex"
    [options]="treeNodeItems"
    selectionMode="single"
    [placeholder]="selectPlaceholder"
    appendTo="self"
    [(ngModel)]="itemSelected"
    (ngModelChange)="onNodeSelected($event)"
    [filterBy]="'label,data'">
  </w-edit-treeselect>
}