import { Component , Input , ChangeDetectionStrategy , ViewChild , ElementRef , AfterViewInit } from "@angular/core" ; link @ Component ( { changeDetection : ChangeDetectionStrategy . OnPush , selector : "sm-list" , template : `
<div class="ui list {{class}}" #innerElement>
<ng-content></ng-content>
</div>
` } ) export class SemanticListComponent implements AfterViewInit { @ Input ( ) class : string ; @ ViewChild ( "innerElement" ) innerElement : ElementRef ; ngAfterViewInit ( ) { Array . from ( this . innerElement . nativeElement . childNodes ) . filter ( ( element ) => element . nodeName === "SM-LIST" ) . map ( ( element ) => element . firstElementChild . classList . remove ( "ui" ) ) ; } }