{"__symbolic":"module","version":4,"metadata":{"EmojiPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"declarations":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"providers":[],"entryComponents":[{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"EmojiPickerModule"},"providers":[{"__symbolic":"reference","name":"EmojiPickerOptions"}]}}}},"CaretEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"clone":[{"__symbolic":"method"}]},"statics":{"generateNullEvent":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"CaretEvent"},"arguments":[{"caretOffset":0,"textContent":""}]}}}},"EmojiEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]},"statics":{"fromArray":{"__symbolic":"function","parameters":["emojiArray"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"EmojiEvent"},"arguments":[{"char":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"emojiArray"},"index":0},"label":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"emojiArray"},"index":1}}]}}}},"EmojiPickerOptions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"setEmojiSheet":[{"__symbolic":"method"}]}},"EmojiPickerSheetOption":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[emojiPickerIf]","host":{"(mousedown)":"$event.emojiPickerExempt = true","$quoted$":["(mousedown)"]}}]}],"members":{"emojiPickerDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["emojiPickerDirection"]}]}],"emojiPickerPreserveSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["emojiPickerPreserveSelection"]}]}],"emojiPickerIf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["emojiPickerIf"]}]}],"emojiPickerIfEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3},"arguments":["emojiPickerIfChange"]}]}],"selectEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3},"arguments":["emojiPickerSelect"]}]}],"emojiPickerAutofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["emojiPickerAutofocus"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":64,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":65,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":17}]}],"openPicker":[{"__symbolic":"method"}],"closePicker":[{"__symbolic":"method"}],"recordSelection":[{"__symbolic":"method"}],"restoreSelection":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[emojiPickerCaretEmitter]","host":{"(keyup)":"updateCaretPosition()","(mouseup)":"updateCaretPosition()","(selectstart)":"updateCaretPosition()","(focus)":"updateCaretPosition()","(DOMSubtreeModified)":"updateCaretDueMutation($event)","$quoted$":["(keyup)","(mouseup)","(selectstart)","(focus)","(DOMSubtreeModified)"]}}]}],"members":{"caretEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3},"arguments":["emojiPickerCaretEmitter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateCaretPosition":[{"__symbolic":"method"}],"updateCaretDueMutation":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"emoji-button","template":"\n<button\n  *ngIf=\"!emojiPickerOptions.options.sheet; else sheetButton\"\n  class=\"emoji-button\"\n  (click)=\"selectionEmitter.emit(dataToEmit || emoji)\">\n  {{emoji[0]}}\n</button>\n<ng-template #sheetButton>\n  <span class=\"emoji-button-from-sheet-enclosure\" \n      (click)=\"selectionEmitter.emit(dataToEmit || emoji)\">\n    <span\n      class=\"emoji-button-from-sheet\"\n      [style.backgroundImage]=\"'url(' + emojiPickerOptions.options.sheet.url + ')'\"\n      [style.backgroundPositionX]=\"-emojiPickerOptions.options.sheet.locator(emoji[1]).x * 25 + 'px'\"\n      [style.backgroundPositionY]=\"-emojiPickerOptions.options.sheet.locator(emoji[1]).y * 25 + 'px'\">\n    </span>\n  </span>\n</ng-template>\n  ","styles":[":host{display:inline-block}.emoji-button{padding:0;outline:0;background:0 0;cursor:pointer;width:34px;height:34px;border:5px solid transparent;border-radius:3px;font-size:24px;line-height:1.1;transition:.2s}.emoji-button:focus,.emoji-button:hover{background:#f1f1f1;border-color:#f1f1f1}.emoji-button-from-sheet{padding:0;border:none;outline:0;display:inline-block;background-repeat:no-repeat;box-shadow:0 0 1px 1px #fff inset;background-size:1225px;width:25px;height:25px}.emoji-button-from-sheet-enclosure{display:inline-block;cursor:pointer;line-height:0;padding:4.5px;border-radius:3px}.emoji-button-from-sheet-enclosure:focus,.emoji-button-from-sheet-enclosure:hover{background:#f1f1f1;border-color:#f1f1f1}.emoji-button-from-sheet-enclosure:focus .emoji-button-from-sheet,.emoji-button-from-sheet-enclosure:hover .emoji-button-from-sheet{box-shadow:0 0 1px 1px #f1f1f1 inset}"]}]}],"members":{"emoji":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["emoji"]}]}],"dataToEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["dataToEmit"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["options"]}]}],"fitzpatrick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["fitzpatrick"]}]}],"selectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3},"arguments":["selection"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmojiPickerOptions"}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"emoji-content","template":"\n  <emoji-header \n    [emojisCategories]=\"emojisCategories\"\n    (categorySelection)=\"categorySelectionHandler($event)\"\n    [inputAutofocus]=\"inputAutofocus\"\n    (search)=\"searchHandler($event)\"></emoji-header>\n  <emoji-list [emojis]=\"emojis\" (emoji-selection)=\"emojiSelectionEmitter.emit($event)\"></emoji-list>\n  <emoji-footer></emoji-footer>\n  ","styles":[":host{display:flex;flex-direction:column;width:100vw;height:314px;border-radius:3px;background:#fff;text-align:left;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}@media (min-width:258px){:host{width:258px}}emoji-list{flex-grow:1}"]}]}],"members":{"emojiListComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"emojiSelectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3},"arguments":["emoji-selection"]}]}],"inputAutofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["inputAutofocus"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"searchHandler":[{"__symbolic":"method"}],"categorySelectionHandler":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"emoji-list","template":"\n  <div class=\"emoji-list\">\n    <ng-container *ngFor=\"let emojiCategory of emojis | notEmptyEmojiCategory\">\n      <emoji-category [category]=\"emojiCategory\"></emoji-category>\n      <div class=\"emoji-buttons\">\n        <emoji-button \n        *ngFor=\"let emoji of emojiCategory.emojis\"\n        (selection)=\"emojiSelectionEmitter.emit($event)\"\n        [emoji]=\"emoji\"></emoji-button>\n      </div>\n    </ng-container>\n  </div>\n  ","styles":[":host{overflow-y:auto}.emoji-list{padding:0 10px 10px}.emoji-buttons{display:flex;justify-content:center;flex-wrap:wrap;margin:5px 0}"]}]}],"members":{"emojiCategoryComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}],"emojis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["emojis"]}]}],"emojiSelectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3},"arguments":["emoji-selection"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"selectCategory":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"emoji-category","template":"\n  <p class=\"emoji-category\">{{category.name}}</p>\n  ","styles":[".emoji-category{margin:0;font-size:16px;padding:5px 0 5px 5px;border-bottom:1px solid #f0f0f0;color:#777;font-family:Arial,\"Arial Black\",Tahoma,\"Trebuchet MS\",Verdana}"]}]}],"members":{"category":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["category"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":32}]}],"scrollIntoView":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"emoji-picker","styles":[":host { position: absolute; z-index: 9999; }"],"template":"\n  <emoji-content (emoji-selection)=\"selectionEmitter.emit($event)\" [inputAutofocus]=\"emojiPickerAutofocus\"></emoji-content>\n  ","host":{"(document:mousedown)":"onBackground($event)","(mousedown)":"_lastHostMousedownEvent = $event","(window:resize)":"_windowResize.next($event)","$quoted$":["(document:mousedown)","(mousedown)","(window:resize)"]}}]}],"members":{"selectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3},"arguments":["emoji-select"]}]}],"pickerCloseEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3},"arguments":["picker-close"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":32,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":32,"character":56}]}],"setPosition":[{"__symbolic":"method"}],"setAutofocus":[{"__symbolic":"method"}],"onBackground":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"emoji-header","template":"\n  <emoji-categories [emojisCategories]=\"emojisCategories\" (categorySelection)=\"categorySelection.emit($event)\"></emoji-categories>\n  <emoji-search (search)=\"searchEmitter.emit($event)\" [inputAutofocus]=\"inputAutofocus\"></emoji-search>\n  ","styles":[":host{display:block;border-bottom:1px solid #f9f9f9;border-radius:3px 3px 0 0;padding:10px;background:#fcfcfc}"]}]}],"members":{"emojisCategories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["emojisCategories"]}]}],"inputAutofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["inputAutofocus"]}]}],"categorySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3},"arguments":["categorySelection"]}]}],"searchEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3},"arguments":["search"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"emoji-search","template":"\n  <input type=\"text\" autocomplete=\"off\" #input (input)=\"handleInputChange($event.target.value)\" placeholder=\"Search\"/>\n  ","styles":["input{width:100%;padding:5px 10px;border:1px solid #f0f0f0;outline:0;font-size:14px;font-weight:inherit;box-sizing:border-box}input:focus{border-color:#d7d7d7}"]}]}],"members":{"inputAutofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["inputAutofocus"]}]}],"searchEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3},"arguments":["search"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":21,"character":33}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleInputChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"emoji-categories","template":"\n  <ng-container *ngFor=\"let category of emojisCategories\">\n    <emoji-button \n      (selection)=\"handleCategorySelection($event)\"\n      [dataToEmit]=\"category\"\n      [emoji]=\"category.icon\"></emoji-button>\n  </ng-container>\n  ","styles":[":host{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 10px}"]}]}],"members":{"emojisCategories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["emojisCategories"]}]}],"categorySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3},"arguments":["categorySelection"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleCategorySelection":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"emoji-footer","template":"\n  <footer class=\"emoji-footer\"></footer>\n  ","styles":[".emoji-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f9f9f9;border-radius:0 0 3px 3px;padding:10px;background:#fcfcfc}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"notEmptyEmojiCategory"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"EmojiPickerModule":"./emoji-picker.module","CaretEvent":"./lib/caret-event","EmojiEvent":"./lib/emoji-event","EmojiPickerOptions":"./services/emoji-picker.service","EmojiPickerSheetOption":"./services/emoji-picker.service","ɵa":"./directives/emoji-picker-api.directive","ɵb":"./directives/emoji-picker-caret.directive","ɵc":"./components/emoji-button.component","ɵd":"./components/emoji-content.component","ɵe":"./components/emoji-list.component","ɵf":"./components/emoji-category.component","ɵg":"./components/emoji-picker.component","ɵh":"./components/emoji-header.component","ɵi":"./components/emoji-search.component","ɵj":"./components/emoji-categories.component","ɵk":"./components/emoji-footer.component","ɵl":"./pipes/emoji-empty-category.pipe"},"importAs":"ng5-emoji-picker"}