scttcper / ngx-emoji-mart

Customizable Slack-like emoji picker for Angular

Home Page:https://ngx-emoji-mart.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Many errors after update from ver 7.1.0 to ver 9.x

Maker4You opened this issue · comments

Error: node_modules/@ctrl/ngx-emoji-mart/anchors.component.d.ts:19:91 - error TS2344: Type '{ categories: { alias: "categories"; required: false; }; color: { alias: "color"; required: false; }; selected: { alias: "selected"; required: false; }; i18n: { alias: "i18n"; required: false; }; icons: { alias: "icons"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"categories"' is incompatible with index signature.
Type '{ alias: "categories"; required: false; }' is not assignable to type 'string'.

19 static ɵcmp: i0.ɵɵComponentDeclaration<AnchorsComponent, "emoji-mart-anchors", never, { "categories": { "alias": "categories"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; }, { "anchorClick": "anchorClick"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/category.component.d.ts:64:88 - error TS2344: Type '{ emojis: { alias: "emojis"; required: false; }; hasStickyPosition: { alias: "hasStickyPosition"; required: false; }; name: { alias: "name"; required: false; }; perLine: { alias: "perLine"; required: false; }; ... 18 more ...; emojiUseButton: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"emojis"' is incompatible with index signature.
Type '{ alias: "emojis"; required: false; }' is not assignable to type 'string'.

64 static ɵcmp: i0.ɵɵComponentDeclaration<CategoryComponent, "emoji-category", never, { "emojis": { "alias": "emojis"; "required": false; }; "hasStickyPosition": { "alias": "hasStickyPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "perLine": { "alias": "perLine"; "required": false; }; "totalFrequentLines": { "alias": "totalFrequentLines"; "required": false; }; "recent": { "alias": "recent"; "required": false; }; "custom": { "alias": "custom"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hideObsolete": { "alias": "hideObsolete"; "required": false; }; "notFoundEmoji": { "alias": "notFoundEmoji"; "required": false; }; "virtualize": { "alias": "virtualize"; "required":
false; }; "virtualizeOffset": { "alias": "virtualizeOffset"; "required": false; }; "emojiIsNative": { "alias": "emojiIsNative"; "required": false; }; "emojiSkin": { "alias": "emojiSkin"; "required": false; }; "emojiSize": { "alias": "emojiSize"; "required": false; }; "emojiSet": { "alias": "emojiSet"; "required": false; }; "emojiSheetSize": { "alias": "emojiSheetSize"; "required": false; }; "emojiForceSize": { "alias": "emojiForceSize"; "required": false; }; "emojiTooltip": { "alias":
"emojiTooltip"; "required": false; }; "emojiBackgroundImageFn": { "alias": "emojiBackgroundImageFn"; "required": false; }; "emojiImageUrlFn": { "alias": "emojiImageUrlFn"; "required": false; }; "emojiUseButton": { "alias": "emojiUseButton"; "required": false; }; }, { "emojiClick": "emojiClick"; "emojiOverOutsideAngular": "emojiOverOutsideAngular"; "emojiLeaveOutsideAngular": "emojiLeaveOutsideAngular"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/ngx-emoji/emoji.component.d.ts:78:80 - error TS2344: Type '{ skin: { alias: "skin"; required: false; }; set: { alias: "set"; required: false; }; sheetSize: { alias: "sheetSize"; required: false; }; isNative: { alias: "isNative"; required: false; }; forceSize: { alias: "forceSize"; required: false; }; ... 9 more ...; imageUrlFn: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"skin"' is incompatible with index signature.
Type '{ alias: "skin"; required: false; }' is not assignable to type 'string'.

78 static ɵcmp: i0.ɵɵComponentDeclaration<EmojiComponent, "ngx-emoji", never, { "skin": { "alias": "skin"; "required": false; }; "set": { "alias": "set"; "required": false; }; "sheetSize": { "alias": "sheetSize"; "required": false; }; "isNative": { "alias": "isNative"; "required": false; }; "forceSize": { "alias": "forceSize"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "emoji": { "alias": "emoji"; "required": false; }; "fallback": { "alias": "fallback"; "required": false; }; "hideObsolete": { "alias": "hideObsolete"; "required": false; }; "sheetRows": { "alias": "sheetRows"; "required": false; }; "sheetColumns": { "alias": "sheetColumns"; "required": false; }; "useButton": { "alias": "useButton"; "required": false; }; "backgroundImageFn": { "alias": "backgroundImageFn"; "required": false; }; "imageUrlFn": { "alias": "imageUrlFn"; "required": false; }; }, { "emojiClick": "emojiClick"; "emojiOver": "emojiOver"; "emojiOverOutsideAngular": "emojiOverOutsideAngular"; "emojiLeave":
"emojiLeave"; "emojiLeaveOutsideAngular": "emojiLeaveOutsideAngular"; }, never, ["", ""], true,
never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/picker.component.d.ts:99:82 - error TS2344: Type '{ perLine: { alias: "perLine"; required: false; }; totalFrequentLines: { alias: "totalFrequentLines"; required: false; }; i18n: { alias: "i18n"; required: false; }; style: { alias: "style"; required: false; }; ... 31 more ...; backgroundImageFn: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"perLine"' is incompatible with index signature.
Type '{ alias: "perLine"; required: false; }' is not assignable to type 'string'.

99 static ɵcmp: i0.ɵɵComponentDeclaration<PickerComponent, "emoji-mart", never, { "perLine": { "alias": "perLine"; "required": false; }; "totalFrequentLines": { "alias": "totalFrequentLines";
"required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "style": { "alias": "style"; "required": false; }; "title": { "alias": "title"; "required": false; }; "emoji": { "alias": "emoji"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hideObsolete": { "alias": "hideObsolete"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "activeCategories": { "alias": "activeCategories"; "required": false; }; "set": { "alias": "set"; "required": false; }; "skin": {
"alias": "skin"; "required": false; }; "isNative": { "alias": "isNative"; "required": false; }; "emojiSize": { "alias": "emojiSize"; "required": false; }; "sheetSize": { "alias": "sheetSize"; "required": false; }; "emojisToShowFilter": { "alias": "emojisToShowFilter"; "required": false; }; "showPreview": { "alias": "showPreview"; "required": false; }; "emojiTooltip": { "alias": "emojiTooltip"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "custom": {
"alias": "custom"; "required": false; }; "hideRecent": { "alias": "hideRecent"; "required": false; }; "imageUrlFn": { "alias": "imageUrlFn"; "required": false; }; "include": { "alias": "include";
"required": false; }; "exclude": { "alias": "exclude"; "required": false; }; "notFoundEmoji": { "alias": "notFoundEmoji"; "required": false; }; "categoriesIcons": { "alias": "categoriesIcons"; "required": false; }; "searchIcons": { "alias": "searchIcons"; "required": false; }; "useButton": { "alias": "useButton"; "required": false; }; "enableFrequentEmojiSort": { "alias": "enableFrequentEmojiSort"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "showSingleCategory": { "alias": "showSingleCategory"; "required": false; }; "virtualize": { "alias": "virtualize"; "required": false; }; "virtualizeOffset": { "alias": "virtualizeOffset"; "required": false; }; "recent": { "alias": "recent"; "required": false; }; "backgroundImageFn": { "alias": "backgroundImageFn"; "required": false; }; }, { "emojiClick": "emojiClick"; "emojiSelect": "emojiSelect"; "skinChange": "skinChange"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/preview.component.d.ts:24:86 - error TS2344: Type '{ title: { alias: "title"; required: false; }; emoji: { alias: "emoji"; required: false; }; idleEmoji: { alias: "idleEmoji"; required: false; }; i18n: { alias: "i18n"; required: false; }; emojiIsNative: { alias: "emojiIsNative"; required: false; }; ... 5 more ...; emojiImageUrlFn: { ...; }; }' does
not satisfy the constraint '{ [key: string]: string; }'.
Property '"title"' is incompatible with index signature.
Type '{ alias: "title"; required: false; }' is not assignable to type 'string'.

24 static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "emoji-preview", never, { "title": { "alias": "title"; "required": false; }; "emoji": { "alias": "emoji"; "required": false; }; "idleEmoji": { "alias": "idleEmoji"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "emojiIsNative": { "alias": "emojiIsNative"; "required": false; }; "emojiSkin": { "alias": "emojiSkin"; "required": false; }; "emojiSize": { "alias": "emojiSize"; "required": false; }; "emojiSet": { "alias": "emojiSet"; "required": false; }; "emojiSheetSize": { "alias": "emojiSheetSize"; "required": false; }; "emojiBackgroundImageFn": { "alias": "emojiBackgroundImageFn"; "required":
false; }; "emojiImageUrlFn": { "alias": "emojiImageUrlFn"; "required": false; }; }, { "skinChange": "skinChange"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/search.component.d.ts:31:84 - error TS2344: Type '{ maxResults: { alias: "maxResults"; required: false; }; autoFocus: { alias: "autoFocus"; required: false; }; i18n: { alias: "i18n"; required: false; }; include: { alias: "include"; required: false; }; exclude: { ...; }; custom: { ...; }; icons: { ...; }; emojisToShowFilter: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"maxResults"' is incompatible with index signature.
Type '{ alias: "maxResults"; required: false; }' is not assignable to type 'string'.

31 static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "emoji-search", never, { "maxResults": { "alias": "maxResults"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "include": { "alias": "include"; "required": false; }; "exclude": { "alias": "exclude"; "required": false; }; "custom": { "alias": "custom"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "emojisToShowFilter": { "alias": "emojisToShowFilter"; "required": false; }; }, { "searchResults": "searchResults"; "enterKey": "enterKey"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@ctrl/ngx-emoji-mart/skins.component.d.ts:19:81 - error TS2344: Type '{ skin:
{ alias: "skin"; required: false; }; i18n: { alias: "i18n"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"skin"' is incompatible with index signature.
Type '{ alias: "skin"; required: false; }' is not assignable to type 'string'.

19 static ɵcmp: i0.ɵɵComponentDeclaration<SkinComponent, "emoji-skins", never, { "skin": { "alias": "skin"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "changeSkin": "changeSkin"; }, never, never, true, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: src/app/user/contacts-table/contacts-table.component.html:96:63 - error NG8002: Can't bind
to 'i18n' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'i18n' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">
~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:96:300 - error NG8002: Can't bind to 'showPreview' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'showPreview' input, then verify that it is
    part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

    ~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:96:322 - error NG8002: Can't bind to 'enableSearch' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'enableSearch' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                          ~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:96:345 - error NG8002: Can't bind to 'custom' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'custom' input, then verify that it is part
    of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:96:371 - error NG8002: Can't bind to 'useButton' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'useButton' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                                                           ~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:96:439 - error NG8002: Can't bind to 'skin' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'skin' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

96 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/contacts-table.component.html:102:71 - error NG8002: Can't bind to 'skin' since it isn't a known property of 'ngx-emoji'.

  1. If 'ngx-emoji' is an Angular component and it has 'skin' input, then verify that it is part of
    this module.
  2. If 'ngx-emoji' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas'
    of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

102 <ngx-emoji emoji="point_up" set="apple" size="38" [skin]="currentSkinIndex + 1">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/contacts-table.component.ts:16:16
16 templateUrl: './contacts-table.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ContactsTableComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:63 - error NG8002: Can't bind to 'i18n' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'i18n' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">
~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:300 - error NG8002: Can't bind to 'showPreview' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'showPreview' input, then verify that it is
    part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

    ~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:322 - error NG8002: Can't bind to 'enableSearch' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'enableSearch' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                          ~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:345 - error NG8002: Can't bind to 'custom' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'custom' input, then verify that it is part
    of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:371 - error NG8002: Can't bind to 'useButton' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'useButton' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                                                           ~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:61:439 - error NG8002: Can't bind to 'skin' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'skin' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="27" perLine="6" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="2" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor" [showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true"
emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">

                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
12 templateUrl: './group-extractor.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.html:67:71 - error NG8002: Can't bind to 'skin' since it isn't a known property of 'ngx-emoji'.

  1. If 'ngx-emoji' is an Angular component and it has 'skin' input, then verify that it is part of
    this module.
  2. If 'ngx-emoji' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas'
    of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

67 <ngx-emoji emoji="point_up" set="apple" size="38" [skin]="currentSkinIndex

  • 1">
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    src/app/user/contacts-table/load-contacts/group-extractor/group-extractor.component.ts:12:16
    12 templateUrl: './group-extractor.component.html',
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component GroupExtractorComponent.

Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:67 - error NG8002: Can't
bind to 'i18n' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'i18n' input, then verify that it is part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">
~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
17 templateUrl: './text.component.html',
~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TextComponent.

Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:292 - error NG8002: Can't bind to 'showPreview' since it isn't a known property of 'emoji-mart'.

  1. If 'emoji-mart' is an Angular component and it has 'showPreview' input, then verify that it is
    part of this module.
  2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1">


  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.


Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:314 - error NG8002: Can't bind to 'enableSearch' since it isn't a known property of 'emoji-mart'.
1. If 'emoji-mart' is an Angular component and it has 'enableSearch' input, then verify that it is part of this module.
2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61                 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1"></emoji-mart>
   


                      ~~~~~~~~~~~~~~~~~~~~~~

  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.


Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:337 - error NG8002: Can't bind to 'custom' since it isn't a known property of 'emoji-mart'.
1. If 'emoji-mart' is an Angular component and it has 'custom' input, then verify that it is part
of this module.
2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61                 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1"></emoji-mart>
   


                                             ~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.


Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:363 - error NG8002: Can't bind to 'useButton' since it isn't a known property of 'emoji-mart'.
1. If 'emoji-mart' is an Angular component and it has 'useButton' input, then verify that it is part of this module.
2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61                 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1"></emoji-mart>
   


                                                                       ~~~~~~~~~~~~~~~~~~

  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.


Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:61:431 - error NG8002: Can't bind to 'skin' since it isn't a known property of 'emoji-mart'.
1. If 'emoji-mart' is an Angular component and it has 'skin' input, then verify that it is part of this module.
2. If 'emoji-mart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

61                 <emoji-mart (mousedown)="$event.preventDefault()" [i18n]="EmojisText['I18n']" emojiSize="26" include="['recent','custom','people','nature','foods','activity','places','objects','symbols','flags']" totalFrequentLines="1" [ngClass]="'emoji-wl-ck-' + UserService.selectedColor"
[showPreview]="false" [enableSearch]="false" [custom]="myCustomEmojis" [useButton]="true" emoji="point_up" (emojiClick)="addEmoji($event)" [skin]="currentSkinIndex + 1"></emoji-mart>
   



                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.


Error: src/app/user/text-msgs/color-msgs/msg/text/text.component.html:65:75 - error NG8002: Can't
bind to 'skin' since it isn't a known property of 'ngx-emoji'.
1. If 'ngx-emoji' is an Angular component and it has 'skin' input, then verify that it is part of
this module.
2. If 'ngx-emoji' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas'
of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

65                         <ngx-emoji emoji="point_up" set="apple" size="38" [skin]="currentSkinIndex + 1"></ngx-emoji>
                                                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/user/text-msgs/color-msgs/msg/text/text.component.ts:17:16
    17   templateUrl: './text.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component TextComponent.

Solved:
Updated angular version to 16 and typescript to 5.