[{"__symbolic":"module","version":3,"metadata":{"MentionListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mention-list","styles":["\n      .scrollable-menu {\n        display: block;\n        height: auto;\n        max-height: 300px;\n        overflow: auto;\n      }\n    ","\n      [hidden] {\n        display: none;\n      }\n    ","\n      li.active {\n        background-color: #f7f7f9;\n      } \n      .mention-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      z-index: 1000;\n      display: none;\n      float: left;\n      min-width: 11em;\n      padding: 0.5em 0;\n      margin: 0.125em 0 0;\n      font-size: 1em;\n      color: #212529;\n      text-align: left;\n      list-style: none;\n      background-color: #fff;\n      background-clip: padding-box;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 0.25em;\n    }\n    .mention-item {\n      display: block;\n      padding: 0.2em 1.5em;\n      line-height: 1.5em;\n      clear: both;\n      font-weight: 400;\n      color: #212529;\n      text-align: inherit;\n      white-space: nowrap;\n      background-color: transparent;\n      border: 0;\n    }\n    .mention-active > a {\n      color: #fff;\n      text-decoration: none;\n      background-color: #337ab7;\n      outline: 0;\n    }\n    .scrollable-menu {\n      display: block;\n      height: auto;\n      max-height: 292px; /* fits 11 items with 14px font-size */\n      overflow: auto;\n    }\n    [hidden] {\n      display: none;\n    }\n    \n    .mention-dropdown {\n      bottom: 100%;\n      top: auto;\n      margin-bottom: 2px;\n    }\n    \n    "],"template":"\n    <ng-template #defaultItemTemplate let-item=\"item\">\n      {{item[labelKey]}}\n    </ng-template>\n    <ul #list [hidden]=\"hidden\" class=\"dropdown-menu scrollable-menu\" [class.mention-dropdown]=\"dropUp\">\n        <li *ngFor=\"let item of items; let i = index\" [class.active]=\"activeIndex==i\">\n            <a class=\"dropdown-item mention-item\" (mousedown)=\"activeIndex=i;itemClick.emit();$event.preventDefault()\">\n              <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{'item':item}\"></ng-template>\n            </a>\n        </li>\n    </ul>\n    "}]}],"members":{"labelKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["list"]}]}],"defaultItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["defaultItemTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"activateNextItem":[{"__symbolic":"method"}],"activatePreviousItem":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"checkBounds":[{"__symbolic":"method"}],"positionElement":[{"__symbolic":"method"}],"getBlockCursorDimensions":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MentionListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mention-list","styles":["\n      .scrollable-menu {\n        display: block;\n        height: auto;\n        max-height: 300px;\n        overflow: auto;\n      }\n    ","\n      [hidden] {\n        display: none;\n      }\n    ","\n      li.active {\n        background-color: #f7f7f9;\n      } \n      .mention-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      z-index: 1000;\n      display: none;\n      float: left;\n      min-width: 11em;\n      padding: 0.5em 0;\n      margin: 0.125em 0 0;\n      font-size: 1em;\n      color: #212529;\n      text-align: left;\n      list-style: none;\n      background-color: #fff;\n      background-clip: padding-box;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 0.25em;\n    }\n    .mention-item {\n      display: block;\n      padding: 0.2em 1.5em;\n      line-height: 1.5em;\n      clear: both;\n      font-weight: 400;\n      color: #212529;\n      text-align: inherit;\n      white-space: nowrap;\n      background-color: transparent;\n      border: 0;\n    }\n    .mention-active > a {\n      color: #fff;\n      text-decoration: none;\n      background-color: #337ab7;\n      outline: 0;\n    }\n    .scrollable-menu {\n      display: block;\n      height: auto;\n      max-height: 292px; /* fits 11 items with 14px font-size */\n      overflow: auto;\n    }\n    [hidden] {\n      display: none;\n    }\n    \n    .mention-dropdown {\n      bottom: 100%;\n      top: auto;\n      margin-bottom: 2px;\n    }\n    \n    "],"template":"\n    <ng-template #defaultItemTemplate let-item=\"item\">\n      {{item[labelKey]}}\n    </ng-template>\n    <ul #list [hidden]=\"hidden\" class=\"dropdown-menu scrollable-menu\" [class.mention-dropdown]=\"dropUp\">\n        <li *ngFor=\"let item of items; let i = index\" [class.active]=\"activeIndex==i\">\n            <a class=\"dropdown-item mention-item\" (mousedown)=\"activeIndex=i;itemClick.emit();$event.preventDefault()\">\n              <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{'item':item}\"></ng-template>\n            </a>\n        </li>\n    </ul>\n    "}]}],"members":{"labelKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["list"]}]}],"defaultItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["defaultItemTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"activateNextItem":[{"__symbolic":"method"}],"activatePreviousItem":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"checkBounds":[{"__symbolic":"method"}],"positionElement":[{"__symbolic":"method"}],"getBlockCursorDimensions":[{"__symbolic":"method"}]}}}}]