{"__symbolic":"module","version":4,"metadata":{"Ionic4EmojiPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"emoji-picker","template":"<ion-content>\n \n  <ion-row>\n    <ion-col size=\"12\">\n      <!--EMOJI CATEGORIES-->\n\n      <div class=\"categoryContainer\" #categoryDiv>\n        <div  class=\"category\" [class.selectedCategory]=\"currentCategoryName==item.name\" *ngFor=\"let item of emojiCategories;let i=index;\" (click)=\"categoryChanged(item,i)\">\n          <p>{{item.icon[0]}}</p>\n          <p>{{item.name}}</p>\n        </div>\n      </div>\n\n    </ion-col>\n    <ion-col size=\"12\">\n      <!--CATEGORY CONTENT-->\n\n      <ion-slides #slides pager=\"false\">\n        <ion-slide *ngFor=\"let item of emojiCategories\">\n          <ion-row>\n            <ion-col size=\"1.5\" *ngFor=\"let childItem of item.emojis\" (click)=\"selectEmoji(childItem[0])\">\n              <p style=\"margin:1px;\">{{childItem[0]}}</p>\n            </ion-col>\n          </ion-row>\n        </ion-slide>\n      </ion-slides>\n      \n\n\n    </ion-col>\n  </ion-row>\n</ion-content>","styles":[".categoryContainer\n  {\n      overflow: scroll;\n      white-space: nowrap;\n  }\n\n  .category\n  {\n      display: inline-block;\n      padding: 10px;\n      text-align: center;\n  }\n  \n  .selectedCategory\n  {\n      border-bottom: 2px solid var(--ion-color-primary);\n  }"]}]}],"members":{"slides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["slides",{"static":false}]}]}],"categoryContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["categoryDiv",{"static":false}]}]}],"isInModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["isInModal"]}]}],"selectionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3},"arguments":["onEmojiSelect"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ionic/angular","name":"ModalController","line":69,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getEmojiCategories":[{"__symbolic":"method"}],"categoryChanged":[{"__symbolic":"method"}],"selectEmoji":[{"__symbolic":"method"}],"setActiveCategorySlide":[{"__symbolic":"method"}]}},"Ionic4EmojiPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"Ionic4EmojiPickerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"Ionic4EmojiPickerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ionic/angular","name":"IonicModule","line":11,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"Ionic4EmojiPickerComponent"}]}]}],"members":{}}},"origins":{"Ionic4EmojiPickerComponent":"./lib/ionic4-emoji-picker.component","Ionic4EmojiPickerModule":"./lib/ionic4-emoji-picker.module"},"importAs":"ionic4-emoji-picker"}