// a component template for testing other components, by full html template
 test_comp_html(tmplt, cls, obs_pars = {}, static_pars = {}, outputs = {}) {
   let cmp = class {
     constructor() {
       for (let k in obs_pars) this[k] = new BehaviorSubject(obs_pars[k]);
       for (let k in static_pars) this[k] = static_pars[k];
       for (let k in outputs) this[k] = outputs[k];
     }
   };
   Reflect.decorate([Component({
     // selector: 'test',
     directives: [cls],
     template: tmplt,
   })], cmp);
   Reflect.decorate([ViewChild(cls)], cmp.prototype, 'comp');
   return cmp;
 }

    // -----------------------------------------------------------------------------------------------------
    // @ Accessors
    // -----------------------------------------------------------------------------------------------------

    // Directive
    @ViewChild(FusePerfectScrollbarDirective)
    set directive(theDirective: FusePerfectScrollbarDirective)
    {
        if ( !theDirective )
        {
            return;
        }

        this._fusePerfectScrollbar = theDirective;

        // Update the scrollbar on collapsable item toggle
        this._fuseNavigationService.onItemCollapseToggled
            .pipe(
                delay(500),
                takeUntil(this._unsubscribeAll)
            )
            .subscribe(() => {
                this._fusePerfectScrollbar.update();
            });

        // Scroll to the active item position
        this._router.events
            .pipe(
                filter((event) => event instanceof NavigationEnd),
                take(1)
            )
            .subscribe(() => {
                    setTimeout(() => {
                        const activeNavItem: any = document.querySelector('navbar .nav-link.active');

                        if ( activeNavItem )
                        {
                            const activeItemOffsetTop       = activeNavItem.offsetTop,
                                  activeItemOffsetParentTop = activeNavItem.offsetParent.offsetTop,
                                  scrollDistance            = activeItemOffsetTop - activeItemOffsetParentTop - (48 * 3) - 168;

                            this._fusePerfectScrollbar.scrollToTop(scrollDistance);
                        }
                    });
                }
            );
    }

 @ViewChild('cellDiv')
 public set cellDiv(val: ElementRef) {
   this.div = val.nativeElement;
   this.processStyle();
 }

 @ViewChild('replyInput')
 set replyInput(content: ElementRef)
 {
     this._replyInput = content;
 }

 @ViewChild('replyForm')
 set replyForm(content: NgForm)
 {
     this._replyForm = content;
 }

 @ViewChild('consoleDiv')
 public set consoleDiv(elem: ElementRef) {
   this.div = elem.nativeElement;
 }

 @ViewChild('item') 
 set _listItems(item: ElementRef){
     let cardView: any = item.nativeElement;
     //cardView.shadowColor = new Color("#FF0000").android;
 }

  // Component wormhole

  // This is the target where the component will be rendered
  @ViewChild('target', { read: ViewContainerRef })
  set target(vcRef: ViewContainerRef) {
    this.host =  new WormholeHost(vcRef);
  }