ngx-emoji-picker
Version:
A simple emoji picker for Angular 2+ / Ionic 3 with AOT build support
1 lines • 19.2 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NgxEmojiPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EmojiPickerApiDirective"},{"__symbolic":"reference","name":"EmojiPickerCaretDirective"},{"__symbolic":"reference","name":"EmojiButtonComponent"},{"__symbolic":"reference","name":"EmojiContentComponent"},{"__symbolic":"reference","name":"EmojiPickerComponent"},{"__symbolic":"reference","name":"EmojiListComponent"},{"__symbolic":"reference","name":"EmojiHeaderComponent"},{"__symbolic":"reference","name":"EmojiSearchComponent"},{"__symbolic":"reference","name":"EmojiCategoriesComponent"},{"__symbolic":"reference","name":"EmojiCategoryComponent"},{"__symbolic":"reference","name":"EmojiFooterComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4}],"exports":[{"__symbolic":"reference","name":"EmojiPickerApiDirective"},{"__symbolic":"reference","name":"EmojiPickerCaretDirective"},{"__symbolic":"reference","name":"EmojiButtonComponent"},{"__symbolic":"reference","name":"EmojiContentComponent"},{"__symbolic":"reference","name":"EmojiPickerComponent"},{"__symbolic":"reference","name":"EmojiListComponent"},{"__symbolic":"reference","name":"EmojiHeaderComponent"},{"__symbolic":"reference","name":"EmojiSearchComponent"},{"__symbolic":"reference","name":"EmojiCategoriesComponent"},{"__symbolic":"reference","name":"EmojiCategoryComponent"},{"__symbolic":"reference","name":"EmojiFooterComponent"}],"providers":[],"entryComponents":[{"__symbolic":"reference","name":"EmojiPickerComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgxEmojiPickerModule"},"providers":[]}}}},"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}}]}}}},"EmojiPickerApiDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[emojiPickerIf]","host":{"(click)":"$event.emojiPickerExempt = true","$quoted$":["(click)"]}}]}],"members":{"emojiPickerDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["emojiPickerDirection"]}]}],"emojiPickerIf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["emojiPickerIf"]}]}],"emojiPickerIfEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3},"arguments":["emojiPickerIfChange"]}]}],"selectEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3},"arguments":["emojiPickerSelect"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":55,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":56,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":57,"character":17}]}],"initPicker":[{"__symbolic":"method"}],"closePicker":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EmojiButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"emoji-button","template":"\n <button\n class=\"emoji-button\" \n (click)=\"selectionEmitter.emit(dataToEmit || emoji)\" [innerHTML]=\"emoji[0] | emojiFallback\">\n </button>\n ","styles":[":host{display:inline-block}.emoji-button{padding:0;border:none;outline:0;background:0 0;width:34px;height:34px;border-radius:3px;font-size:24px;line-height:1.1;cursor:pointer;transition:.2s}.emoji-button:focus,.emoji-button:hover{background:#f1f1f1;border-color:#f1f1f1}.emoji-button ::ng-deep img{width:20px}"]}]}],"members":{"emoji":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["emoji"]}]}],"dataToEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["dataToEmit"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["options"]}]}],"fitzpatrick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["fitzpatrick"]}]}],"selectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3},"arguments":["selection"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}},"EmojiContentComponent":{"__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 (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":18,"character":3},"arguments":[{"__symbolic":"reference","name":"EmojiListComponent"},{"static":true}]}]}],"emojiSelectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3},"arguments":["emoji-selection"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"searchHandler":[{"__symbolic":"method"}],"categorySelectionHandler":[{"__symbolic":"method"}]}},"EmojiPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"emoji-picker","styles":[":host { position: absolute; z-index: 9999; display: none; }"],"template":"\n <emoji-content\n (emoji-selection)=\"selectionEmitter.emit($event)\"\n ></emoji-content>\n ","host":{"(document:click)":"onBackground($event)","(click)":"_lastHostMousedownEvent = $event","(window:resize)":"_windowResize.next($event)","$quoted$":["(document:click)","(click)","(window:resize)"]}}]}],"members":{"selectionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3},"arguments":["emoji-select"]}]}],"pickerCloseEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3},"arguments":["picker-close"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":36,"character":33},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":68,"context":{"typeName":"HTMLElement"},"module":"./lib/components/emoji-picker.component"}]}]}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"onBackground":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EmojiListComponent":{"__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":"EmojiCategoryComponent"}]}]}],"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"}]}},"EmojiHeaderComponent":{"__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)\"></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":11,"character":3},"arguments":["emojisCategories"]}]}],"categorySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3},"arguments":["categorySelection"]}]}],"searchEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3},"arguments":["search"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"EmojiSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"emoji-search","template":"\n <input\n type=\"text\"\n autocomplete=\"off\"\n #input\n (input)=\"handleInputChange($event.target.value)\"\n aria-label=\"Search\"\n placeholder=\"Search\"\n />\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":{"searchEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3},"arguments":["search"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["input",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleInputChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EmojiCategoriesComponent":{"__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"}]}},"EmojiCategoryComponent":{"__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"}]}},"EmojiFooterComponent":{"__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"}]}},"EmojiPickerCaretDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"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":20,"character":3},"arguments":["emojiPickerCaretEmitter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":47,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateCaretPosition":[{"__symbolic":"method"}],"updateCaretDueMutation":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"notEmptyEmojiCategory"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"emojiFallback"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":36}]}],"transform":[{"__symbolic":"method"}],"supportsEmoji":[{"__symbolic":"method"}]}}},"origins":{"NgxEmojiPickerModule":"./lib/ngx-emoji-picker.module","CaretEvent":"./lib/misc/caret-event","EmojiEvent":"./lib/misc/emoji-event","EmojiPickerApiDirective":"./lib/directives/emoji-picker-api.directive","EmojiButtonComponent":"./lib/components/emoji-button.component","EmojiContentComponent":"./lib/components/emoji-content.component","EmojiPickerComponent":"./lib/components/emoji-picker.component","EmojiListComponent":"./lib/components/emoji-list.component","EmojiHeaderComponent":"./lib/components/emoji-header.component","EmojiSearchComponent":"./lib/components/emoji-search.component","EmojiCategoriesComponent":"./lib/components/emoji-categories.component","EmojiCategoryComponent":"./lib/components/emoji-category.component","EmojiFooterComponent":"./lib/components/emoji-footer.component","EmojiPickerCaretDirective":"./lib/directives/emoji-picker-caret.directive","ɵa":"./lib/pipes/emoji-empty-category.pipe","ɵb":"./lib/pipes/emoji-fallback.pipe"},"importAs":"ngx-emoji-picker"}