ngx-emoji
Version:
Components with Emoji for Angular 4+
1 lines • 16 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NgxEmojiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8}],"declarations":[{"__symbolic":"reference","name":"NgxEmojiPickerComponent"},{"__symbolic":"reference","name":"NgxEmojiComponent"},{"__symbolic":"reference","name":"NgxEmojiWithPickerComponent"}],"providers":[{"__symbolic":"reference","name":"NgxEmojiService"}],"exports":[{"__symbolic":"reference","name":"NgxEmojiPickerComponent"},{"__symbolic":"reference","name":"NgxEmojiComponent"},{"__symbolic":"reference","name":"NgxEmojiWithPickerComponent"}]}]}],"members":{},"statics":{"emojiBundlesPath":"https://cdn.rawgit.com/arswarog/ngx-emoji/build/ngx-emoji-assets/","recentMax":20,"getEmojiBundlesPath":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NgxEmojiModule"},"member":"emojiBundlesPath"}},"getRecentMax":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NgxEmojiModule"},"member":"recentMax"}}}},"NgxEmojiPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-emoji-picker","template":"<div>\n <i *ngFor=\"let emoji of getEmojis()\"\n [class]=\"'ngx-emoji ngx-emoji-' + emoji.unified\"\n aria-hidden=\"true\"\n unselectable=\"on\"\n onselectstart=\"return false;\"\n (click)=\"emojiPicked(emoji.unified)\"\n ></i>\n</div>\n<hr>\n<i *ngFor=\"let category of getCategories()\"\n [class]=\"'ngx-emoji-cat ' + category.class\"\n unselectable=\"on\"\n onselectstart=\"return false;\"\n onmousedown=\"return false;\"\n aria-hidden=\"true\"\n (click)=\"selectCategory(category.name)\"\n></i>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":15},{"__symbolic":"reference","name":"NgxEmojiService"}]}],"setEmojiService":[{"__symbolic":"method"}],"inputFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5},"arguments":["for"]}]}],"emojiPicked":[{"__symbolic":"method"}],"selectCategory":[{"__symbolic":"method"}],"loadCategory":[{"__symbolic":"method"}],"getEmojis":[{"__symbolic":"method"}],"getCategories":[{"__symbolic":"method"}]}},"NgxEmojiComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"ngx-emoji","template":""}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5},"arguments":["placeholder"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":77,"character":15},{"__symbolic":"reference","name":"NgxEmojiService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addEmojiService":[{"__symbolic":"method"}],"inputPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5},"arguments":["picker"]}]}],"attrContenteditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":5},"arguments":["attr.contenteditable"]}]}],"contenteditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":5},"arguments":["contenteditable"]}]}],"contenteditableChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":5},"arguments":["contenteditableChange"]}]}],"enterOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":5},"arguments":["enterOn"]}]}],"enterOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":5},"arguments":["enterOnChange"]}]}],"enterKeyIsEnter":[{"__symbolic":"method"}],"enterKeyIsCtrlEnter":[{"__symbolic":"method"}],"enterKeyIsShiftEnter":[{"__symbolic":"method"}],"fullHtml":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":5},"arguments":["fullHtml"]}]}],"fullHtmlChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":232,"character":5},"arguments":["fullHtmlChange"]}]}],"html":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":239,"character":5},"arguments":["html"]}]}],"htmlChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":257,"character":5},"arguments":["htmlChange"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":5},"arguments":["text"]}]}],"textChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":289,"character":5},"arguments":["textChange"]}]}],"entities":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":296,"character":5},"arguments":["entities"]}]}],"entitiesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":315,"character":5},"arguments":["entitiesChange"]}]}],"onEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":322,"character":5},"arguments":["enter"]}]}],"onKeydownEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":325,"character":5},"arguments":["keydown.enter",["$event"]]}]}],"onKeydownControlEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":338,"character":5},"arguments":["keydown.control.enter",["$event"]]}]}],"onKeydownShiftEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":351,"character":5},"arguments":["keydown.shift.enter",["$event"]]}]}],"emitEnter":[{"__symbolic":"method"}],"onCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":376,"character":5},"arguments":["command"]}]}],"onLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":383,"character":5},"arguments":["link"]}]}],"onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":390,"character":5},"arguments":["keydown",["$event"]]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":410,"character":5},"arguments":["focus"]}]}],"onFocusout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":420,"character":5},"arguments":["focusout"]}]}],"onSelectionChange":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":442,"character":5},"arguments":["paste",["$event"]]}]}],"onCopy":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":462,"character":5},"arguments":["copy",["$event"]]}]}],"onCut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":495,"character":5},"arguments":["cut",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":505,"character":5},"arguments":["click",["$event"]]}]}],"onElementModified":[{"__symbolic":"method"}],"insertEmoji":[{"__symbolic":"method"}]}},"NgxEmojiEntity":{"__symbolic":"interface"},"NgxEmojiEntityType":{"Bold":0,"Italic":1,"Underline":2,"Strike":3,"Code":4,"Pre":5,"Command":6,"Url":7,"TextLink":8},"NgxEmojiWithPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-emoji-with-picker","template":"<ngx-emoji-picker *ngIf=\"showPicker\" [for]=\"emoji\" #picker></ngx-emoji-picker>\n<ngx-emoji #emoji></ngx-emoji>\n<img *ngIf=\"emoji.contenteditable\"\n aria-hidden=\"true\"\n src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"\n alt=\"Emoji picker\"\n [class]=\"showPicker ? 'ngx-emoji-cat-smileys-people' : 'ngx-emoji-cat-smileys-people-inactive'\"\n (click)=\"togglePicker()\">\n"}]}],"members":{"emojiComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["emoji"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"togglePicker":[{"__symbolic":"method"}],"pickerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["picker"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5},"arguments":["placeholder"]}]}],"attrContenteditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5},"arguments":["attr.contenteditable"]}]}],"contenteditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5},"arguments":["contenteditable"]}]}],"contenteditableChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":5},"arguments":["contenteditableChange"]}]}],"enterOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5},"arguments":["enterOn"]}]}],"enterOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":5},"arguments":["enterOnChange"]}]}],"fullHtml":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5},"arguments":["fullHtml"]}]}],"fullHtmlChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":5},"arguments":["fullHtmlChange"]}]}],"html":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5},"arguments":["html"]}]}],"htmlChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":5},"arguments":["htmlChange"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5},"arguments":["text"]}]}],"textChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":5},"arguments":["textChange"]}]}],"entities":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":5},"arguments":["entities"]}]}],"entitiesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":147,"character":5},"arguments":["entitiesChange"]}]}],"onEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":5},"arguments":["enter"]}]}],"onCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":153,"character":5},"arguments":["command"]}]}],"onLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":156,"character":5},"arguments":["link"]}]}]}},"NgxEmojiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"setActiveComponent":[{"__symbolic":"method"}],"isActiveComponent":[{"__symbolic":"method"}],"recentPush":[{"__symbolic":"method"}],"getRecent":[{"__symbolic":"method"}]},"statics":{"emojis":null,"isCssBundleLoaded":{"__symbolic":"function","parameters":["bundleId"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"document"},"member":"getElementById"},"arguments":[{"__symbolic":"binop","operator":"+","left":"ngx-emoji-bundle-","right":{"__symbolic":"reference","name":"bundleId"}}]},"thenExpression":true,"elseExpression":false}}}}},"origins":{"NgxEmojiModule":"./ngx-emoji.module","NgxEmojiPickerComponent":"./ngx-emoji-picker.component","NgxEmojiComponent":"./ngx-emoji.component","NgxEmojiEntity":"./ngx-emoji.component","NgxEmojiEntityType":"./ngx-emoji.component","NgxEmojiWithPickerComponent":"./ngx-emoji-with-picker.component","NgxEmojiService":"./ngx-emoji.service"},"importAs":"ngx-emoji"}