All files / tree-view si-tree-view-item-template.directive.ts

25% Statements 1/4
100% Branches 0/0
0% Functions 0/1
25% Lines 1/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64                                                                                                    1x                          
/**
 * Copyright (c) Siemens 2016 - 2025
 * SPDX-License-Identifier: MIT
 */
import { Directive, inject, input, TemplateRef } from '@angular/core';
 
import { TreeItem } from './si-tree-view.model';
 
/**
 * Tree view item template directive for defining custom item templates.
 *
 * @deprecated Use `siTreeViewItem` instead.
 *
 * This directive is deprecated and will be removed in a future version.
 *
 * @example
 * Migration Guide:
 *
 * Before (deprecated):
 * ```html
 * <si-tree-view>
 *   <ng-template siTreeViewItemTemplate="root" let-item>
 *     <div class="custom-item">Root {{ item.level }}</div>
 *   </ng-template>
 *   <ng-template siTreeViewItemTemplate="child" let-item>
 *     <div class="custom-item">Child {{ item.level }}</div>
 *   </ng-template>
 * </si-tree-view>
 * ```
 *
 * After (recommended):
 * ```html
 * <si-tree-view>
 *   <ng-template siTreeViewItem let-item="treeItem">
 *     <si-tree-view-item>
 *      <div class="custom-item">
 *       @if (item.level === 0) {
 *         Root {{ item.level }}
 *       } @else {
 *         Child {{ item.level }}
 *       }
 *      </div>
 *     </si-tree-view-item>
 *   </ng-template>
 * </si-tree-view>
 * ```
 */
@Directive({
  selector: '[siTreeViewItemTemplate]'
})
export class SiTreeViewItemTemplateDirective {
  /** @defaultValue undefined */
  readonly name = input<string | undefined>(undefined, { alias: 'siTreeViewItemTemplate' });
  /** @internal */
  template = inject(TemplateRef<any>);
 
  static ngTemplateContextGuard(
    dir: SiTreeViewItemTemplateDirective,
    ctx: any
  ): ctx is { $implicit: TreeItem } {
    return true;
  }
}