@ctrl/ngx-emoji-mart 6.0.1 → 6.1.0

package/fesm2015/{ctrl-ngx-emoji-mart-ngx-emoji.js → ctrl-ngx-emoji-mart-ngx-emoji.mjs}

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 const categories = [
@@ -31568,11 +31569,12 @@ class EmojiService {
         return this.sanitize(this.getData(emoji, skin, set));
     }
 }
-EmojiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function EmojiService_Factory() { return new EmojiService(); }, token: EmojiService, providedIn: "root" });
-EmojiService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-EmojiService.ctorParameters = () => [];
+EmojiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EmojiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
 
 class EmojiComponent {
     constructor(emojiService) {
@@ -31679,10 +31681,48 @@ class EmojiComponent {
         this.emojiLeave.emit({ emoji, $event });
     }
 }
-EmojiComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ngx-emoji',
-                template: `
+EmojiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiComponent, deps: [{ token: EmojiService }], target: i0.ɵɵFactoryTarget.Component });
+EmojiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: EmojiComponent, selector: "ngx-emoji", inputs: { skin: "skin", set: "set", sheetSize: "sheetSize", isNative: "isNative", forceSize: "forceSize", tooltip: "tooltip", size: "size", emoji: "emoji", fallback: "fallback", hideObsolete: "hideObsolete", sheetRows: "sheetRows", sheetColumns: "sheetColumns", useButton: "useButton", backgroundImageFn: "backgroundImageFn", imageUrlFn: "imageUrlFn" }, outputs: { emojiOver: "emojiOver", emojiLeave: "emojiLeave", emojiClick: "emojiClick" }, usesOnChanges: true, ngImport: i0, template: `
+    <button
+      *ngIf="useButton && isVisible"
+      type="button"
+      (click)="handleClick($event)"
+      (mouseenter)="handleOver($event)"
+      (mouseleave)="handleLeave($event)"
+      [title]="title"
+      [attr.aria-label]="label"
+      class="emoji-mart-emoji"
+      [class.emoji-mart-emoji-native]="isNative"
+      [class.emoji-mart-emoji-custom]="custom"
+    >
+      <span [ngStyle]="style">
+        <ng-template [ngIf]="isNative">{{ unified }}</ng-template>
+        <ng-content></ng-content>
+      </span>
+    </button>
+
+    <span
+      *ngIf="!useButton && isVisible"
+      (click)="handleClick($event)"
+      (mouseenter)="handleOver($event)"
+      (mouseleave)="handleLeave($event)"
+      [title]="title"
+      [attr.aria-label]="label"
+      class="emoji-mart-emoji"
+      [class.emoji-mart-emoji-native]="isNative"
+      [class.emoji-mart-emoji-custom]="custom"
+    >
+      <span [ngStyle]="style">
+        <ng-template [ngIf]="isNative">{{ unified }}</ng-template>
+        <ng-content></ng-content>
+      </span>
+    </span>
+  `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-emoji',
+                    template: `
     <button
       *ngIf="useButton && isVisible"
       type="button"
@@ -31718,47 +31758,64 @@ EmojiComponent.decorators = [
       </span>
     </span>
   `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                preserveWhitespaces: false
-            },] }
-];
-EmojiComponent.ctorParameters = () => [
-    { type: EmojiService }
-];
-EmojiComponent.propDecorators = {
-    skin: [{ type: Input }],
-    set: [{ type: Input }],
-    sheetSize: [{ type: Input }],
-    isNative: [{ type: Input }],
-    forceSize: [{ type: Input }],
-    tooltip: [{ type: Input }],
-    size: [{ type: Input }],
-    emoji: [{ type: Input }],
-    fallback: [{ type: Input }],
-    hideObsolete: [{ type: Input }],
-    sheetRows: [{ type: Input }],
-    sheetColumns: [{ type: Input }],
-    useButton: [{ type: Input }],
-    emojiOver: [{ type: Output }],
-    emojiLeave: [{ type: Output }],
-    emojiClick: [{ type: Output }],
-    backgroundImageFn: [{ type: Input }],
-    imageUrlFn: [{ type: Input }]
-};
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                }]
+        }], ctorParameters: function () { return [{ type: EmojiService }]; }, propDecorators: { skin: [{
+                type: Input
+            }], set: [{
+                type: Input
+            }], sheetSize: [{
+                type: Input
+            }], isNative: [{
+                type: Input
+            }], forceSize: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], emoji: [{
+                type: Input
+            }], fallback: [{
+                type: Input
+            }], hideObsolete: [{
+                type: Input
+            }], sheetRows: [{
+                type: Input
+            }], sheetColumns: [{
+                type: Input
+            }], useButton: [{
+                type: Input
+            }], emojiOver: [{
+                type: Output
+            }], emojiLeave: [{
+                type: Output
+            }], emojiClick: [{
+                type: Output
+            }], backgroundImageFn: [{
+                type: Input
+            }], imageUrlFn: [{
+                type: Input
+            }] } });
 
 class EmojiModule {
 }
-EmojiModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                exports: [EmojiComponent],
-                declarations: [EmojiComponent],
-            },] }
-];
+EmojiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EmojiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiModule, declarations: [EmojiComponent], imports: [CommonModule], exports: [EmojiComponent] });
+EmojiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: EmojiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EmojiComponent],
+                    declarations: [EmojiComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
 export { DEFAULT_BACKGROUNDFN, EmojiComponent, EmojiModule, EmojiService, categories, emojis, skins };
-//# sourceMappingURL=ctrl-ngx-emoji-mart-ngx-emoji.js.map
+//# sourceMappingURL=ctrl-ngx-emoji-mart-ngx-emoji.mjs.map