<ng-template #iconAndValueTemplate let-value>     @if (matchedCondition(value); as match) {
       <i class="m-r-4" [c8yIcon]="match.icon" [style.color]="match.color"></i>
       @if (context.property.showIconAndValue) {
         @let displayValue = value | stringifyObject;
         <span class="text-truncate" [title]="displayValue">{{ displayValue }}</span>
       }
     } @else {
       @let displayValue = value | stringifyObject;
       <span class="text-truncate" [title]="displayValue">{{ displayValue }}</span>
     }
   </ng-template>

   @if (context?.property?.isLink) {
     <a class="d-flex a-i-center text-truncate" [href]="columnUtilService.getHref(context.item)">
       @if (computed$ | async; as computed) {
         <ng-container
           *ngTemplateOutlet="iconAndValueTemplate; context: { $implicit: computed }"
         ></ng-container>
       } @else {
         <ng-container
           *ngTemplateOutlet="
             iconAndValueTemplate;
             context: {
               $implicit: resolveValue(context)
             }
           "
         ></ng-container>
       }
     </a>
   } @else {
     <div class="d-flex a-i-center text-truncate">
       @if (computed$ | async; as computed) {
         <ng-container
           *ngTemplateOutlet="iconAndValueTemplate; context: { $implicit: computed }"
         ></ng-container>
       } @else {
         <ng-container
           *ngTemplateOutlet="
             iconAndValueTemplate;
             context: {
               $implicit: resolveValue(context)
             }
           "
         ></ng-container>
       }
     </div>
   }