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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { AfterViewInit, ChangeDetectionStrategy, Component, Injector, Input, OnDestroy } from '@angular/core';
import { projectContent } from '../shared/utility/projection.utility';
import { WvrBaseComponent } from '../shared/wvr-base.component';
/**
* A stylable list.
*/
@Component({
selector: 'wvr-list-component',
templateUrl: './wvr-list.component.html',
styleUrls: ['./wvr-list.component.scss'],
changeDetection: ChangeDetectionStrategy.Default
})
export class WvrListComponent extends WvrBaseComponent implements AfterViewInit, OnDestroy {
/** Specifies the display format of this list. */
@Input() listType = 'unordered';
private readonly observer = new MutationObserver(() => {
this.project();
});
constructor(injector: Injector) {
super(injector);
}
ngAfterViewInit(): void {
this.project();
const element: Element = this.eRef.nativeElement.querySelector('template[list-items],template[wvr-compile]');
Iif (!!element) {
this.observer.observe(element, {
attributes: false,
childList: true,
subtree: false
});
}
}
ngOnDestroy(): void {
super.ngOnDestroy();
this.observer.disconnect();
}
private project(): void {
projectContent(this.eRef, 'template[list-items],template[wvr-compile]', 'ul[list-items],ol[list-items],dl[list-items],div[list-items]');
}
}
|