Handle changes to input items

import { Directive, ElementRef, Input, ComponentFactoryResolver, ViewContainerRef, TemplateRef } from "@angular/core";

import { EventEmitter, Output, OnInit } from "@angular/core";

import { EventEmitter, Output, OnInit, OnChanges, SimpleChanges } from "@angular/core";

import { MentionListComponent } from './mention-list.component';

import { getValue, insertValue, getCaretPosition, setCaretPosition } from './mention-utils';

    '(blur)': 'blurHandler($event)'

  }

})

export class MentionDirective implements OnInit {

export class MentionDirective implements OnInit, OnChanges {

  @Input() set mention(items:any[]){

    this.items = items;

      // remove items without an labelKey (as it's required to filter the list)

      this.items = this.items.filter(e => e[this.labelKey]);

      this.items.sort((a,b)=>a[this.labelKey].localeCompare(b[this.labelKey]));

      if (this.searchList && !this.searchList.hidden) {

        this.updateSearchList();

      }

    }

  }

  ngOnChanges(changes: SimpleChanges): void {

    if (changes['mention']) {

      this.ngOnInit();

    }

  }

  setIframe(iframe: HTMLIFrameElement) {

    this.iframe = iframe;