{"__symbolic":"module","version":4,"metadata":{"MentionConfig":{"__symbolic":"interface"},"Mentions":{"__symbolic":"interface"},"MentionsTab":{"__symbolic":"interface"},"MentionDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"[mention], [mentionConfig]","host":{"(keydown)":"keyHandler($event)","(input)":"inputHandler($event)","(blur)":"blurHandler($event)","autocomplete":"off","$quoted$":["(keydown)","(input)","(blur)","autocomplete"]}}]}],"members":{"mention":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["mention"]}]}],"mentionConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"mentionListTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"showMentionPrompt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"mentionPromptTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"searchTerm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"itemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"mentionsTabSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":89,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":90,"character":31}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateConfig":[{"__symbolic":"method"}],"addConfig":[{"__symbolic":"method"}],"setIframe":[{"__symbolic":"method"}],"stopEvent":[{"__symbolic":"method"}],"blurHandler":[{"__symbolic":"method"}],"inputHandler":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method"}],"startSearch":[{"__symbolic":"method"}],"stopSearch":[{"__symbolic":"method"}],"updateSearchList":[{"__symbolic":"method"}],"showSearchList":[{"__symbolic":"method"}]}},"MentionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MentionDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"MentionDirective"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"mention-list","template":"\n    <ng-template #defaultItemTemplate let-item=\"item\">\n      {{item[labelKey]}}\n    </ng-template>\n    <ul #list [hidden]=\"hidden && !showPrompt\" class=\"dropdown-menu scrollable-menu\"\n        [class.mention-menu]=\"!styleOff\" [class.mention-dropdown]=\"!styleOff && dropUp\">\n      <ng-container *ngIf=\"tabs\">\n        <li>\n          <ul class=\"dropdown-tabs\">\n            <li *ngFor=\"let tab of tabs\" [class.active-tab]=\"activeTab==tab.value\">\n              <a (mousedown)=\"activeTab=tab.value;tabClick.emit(tab.value);$event.preventDefault()\">\n                <img class=\"tab-icon\" [src]=\"tab.img\">\n              </a>\n            </li>\n          </ul>\n        </li>\n      </ng-container>\n\n      <ng-container *ngIf=\"items && items.length > 0\">\n        <li *ngFor=\"let item of items; let i = index\"\n            [class.active]=\"activeIndex==i\" [class.mention-active]=\"!styleOff && activeIndex==i\">\n          <a class=\"dropdown-item\" [class.mention-item]=\"!styleOff\"\n             (mousedown)=\"activeIndex=i;itemClick.emit();$event.preventDefault()\">\n            <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{'item':item}\"></ng-template>\n          </a>\n        </li>\n      </ng-container>\n\n      <ng-container *ngIf=\"!(items && items.length > 0) && showPrompt\">\n        <li (mousedown)=\"messageTemplateClick.emit($event);$event.preventDefault()\">\n          <ng-template [ngTemplateOutlet]=\"promptTemplate\"></ng-template>\n        </li>\n      </ng-container>\n\n    </ul>\n  ","styles":[".mention-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:11em;padding:.5em 0;margin:.125em 0 0;font-size:1em;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25em}.mention-item{display:block;padding:.2em 1.5em;line-height:1.5em;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.mention-active>a{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.scrollable-menu{display:block;height:auto;max-height:292px;overflow:auto}[hidden]{display:none}.mention-dropdown{bottom:100%;top:auto;margin-bottom:2px}.tab-icon{height:32px;width:32px;margin-bottom:10px;border-radius:2px}.dropdown-tabs{list-style:none;padding:0;margin-left:20px;margin-bottom:5px}.dropdown-tabs li{display:inline;margin-right:15px}.dropdown-tabs .active-tab a{border-bottom:5px solid gray}"]}]}],"members":{"labelKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"tabClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"messageTemplateClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["list",{"static":true}]}]}],"defaultItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":3},"arguments":["defaultItemTemplate",{"static":true}]}]}],"promptTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":75,"character":31}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"activateNextItem":[{"__symbolic":"method"}],"activatePreviousItem":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"checkBounds":[{"__symbolic":"method"}],"positionElement":[{"__symbolic":"method"}],"getBlockCursorDimensions":[{"__symbolic":"method"}]}}},"origins":{"MentionConfig":"./lib/mention-config","Mentions":"./lib/mention-config","MentionsTab":"./lib/mention-config","MentionDirective":"./lib/mention.directive","MentionModule":"./lib/mention.module","ɵa":"./lib/mention-list.component"},"importAs":"angular-social-mentions"}