(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('twemoji'), require('@angular/platform-browser')) :
    typeof define === 'function' && define.amd ? define('ngx-emoji-picker', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', 'twemoji', '@angular/platform-browser'], factory) :
    (global = global || self, factory(global['ngx-emoji-picker'] = {}, global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.twemoji, global.ng.platformBrowser));
}(this, (function (exports, core, common, rxjs, operators, twemoji, platformBrowser) { 'use strict';

    twemoji = twemoji && Object.prototype.hasOwnProperty.call(twemoji, 'default') ? twemoji['default'] : twemoji;

    /*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */
    /* global Reflect, Promise */

    var extendStatics = function(d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };

    function __extends(d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    }

    var __assign = function() {
        __assign = Object.assign || function __assign(t) {
            for (var s, i = 1, n = arguments.length; i < n; i++) {
                s = arguments[i];
                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
            }
            return t;
        };
        return __assign.apply(this, arguments);
    };

    function __rest(s, e) {
        var t = {};
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
            t[p] = s[p];
        if (s != null && typeof Object.getOwnPropertySymbols === "function")
            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                    t[p[i]] = s[p[i]];
            }
        return t;
    }

    function __decorate(decorators, target, key, desc) {
        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
        return c > 3 && r && Object.defineProperty(target, key, r), r;
    }

    function __param(paramIndex, decorator) {
        return function (target, key) { decorator(target, key, paramIndex); }
    }

    function __metadata(metadataKey, metadataValue) {
        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
    }

    function __awaiter(thisArg, _arguments, P, generator) {
        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
        return new (P || (P = Promise))(function (resolve, reject) {
            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
            step((generator = generator.apply(thisArg, _arguments || [])).next());
        });
    }

    function __generator(thisArg, body) {
        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
        function verb(n) { return function (v) { return step([n, v]); }; }
        function step(op) {
            if (f) throw new TypeError("Generator is already executing.");
            while (_) try {
                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                if (y = 0, t) op = [op[0] & 2, t.value];
                switch (op[0]) {
                    case 0: case 1: t = op; break;
                    case 4: _.label++; return { value: op[1], done: false };
                    case 5: _.label++; y = op[1]; op = [0]; continue;
                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
                    default:
                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                        if (t[2]) _.ops.pop();
                        _.trys.pop(); continue;
                }
                op = body.call(thisArg, _);
            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
        }
    }

    function __createBinding(o, m, k, k2) {
        if (k2 === undefined) k2 = k;
        o[k2] = m[k];
    }

    function __exportStar(m, exports) {
        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
    }

    function __values(o) {
        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
        if (m) return m.call(o);
        if (o && typeof o.length === "number") return {
            next: function () {
                if (o && i >= o.length) o = void 0;
                return { value: o && o[i++], done: !o };
            }
        };
        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
    }

    function __read(o, n) {
        var m = typeof Symbol === "function" && o[Symbol.iterator];
        if (!m) return o;
        var i = m.call(o), r, ar = [], e;
        try {
            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
        }
        catch (error) { e = { error: error }; }
        finally {
            try {
                if (r && !r.done && (m = i["return"])) m.call(i);
            }
            finally { if (e) throw e.error; }
        }
        return ar;
    }

    function __spread() {
        for (var ar = [], i = 0; i < arguments.length; i++)
            ar = ar.concat(__read(arguments[i]));
        return ar;
    }

    function __spreadArrays() {
        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
        for (var r = Array(s), k = 0, i = 0; i < il; i++)
            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
                r[k] = a[j];
        return r;
    };

    function __await(v) {
        return this instanceof __await ? (this.v = v, this) : new __await(v);
    }

    function __asyncGenerator(thisArg, _arguments, generator) {
        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
        var g = generator.apply(thisArg, _arguments || []), i, q = [];
        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
        function fulfill(value) { resume("next", value); }
        function reject(value) { resume("throw", value); }
        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
    }

    function __asyncDelegator(o) {
        var i, p;
        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
    }

    function __asyncValues(o) {
        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
        var m = o[Symbol.asyncIterator], i;
        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
    }

    function __makeTemplateObject(cooked, raw) {
        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
        return cooked;
    };

    function __importStar(mod) {
        if (mod && mod.__esModule) return mod;
        var result = {};
        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
        result.default = mod;
        return result;
    }

    function __importDefault(mod) {
        return (mod && mod.__esModule) ? mod : { default: mod };
    }

    function __classPrivateFieldGet(receiver, privateMap) {
        if (!privateMap.has(receiver)) {
            throw new TypeError("attempted to get private field on non-instance");
        }
        return privateMap.get(receiver);
    }

    function __classPrivateFieldSet(receiver, privateMap, value) {
        if (!privateMap.has(receiver)) {
            throw new TypeError("attempted to set private field on non-instance");
        }
        privateMap.set(receiver, value);
        return value;
    }

    var EmojiButtonComponent = /** @class */ (function () {
        function EmojiButtonComponent() {
            this.selectionEmitter = new core.EventEmitter();
        }
        EmojiButtonComponent.prototype.ngOnChanges = function () { };
        __decorate([
            core.Input('emoji'),
            __metadata("design:type", Object)
        ], EmojiButtonComponent.prototype, "emoji", void 0);
        __decorate([
            core.Input('dataToEmit'),
            __metadata("design:type", Object)
        ], EmojiButtonComponent.prototype, "dataToEmit", void 0);
        __decorate([
            core.Input('options'),
            __metadata("design:type", Object)
        ], EmojiButtonComponent.prototype, "options", void 0);
        __decorate([
            core.Input('fitzpatrick'),
            __metadata("design:type", Object)
        ], EmojiButtonComponent.prototype, "fitzpatrick", void 0);
        __decorate([
            core.Output('selection'),
            __metadata("design:type", core.EventEmitter)
        ], EmojiButtonComponent.prototype, "selectionEmitter", void 0);
        EmojiButtonComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiButtonComponent);
        return EmojiButtonComponent;
    }());

    var EmojiCategoriesComponent = /** @class */ (function () {
        function EmojiCategoriesComponent() {
            this.categorySelection = new core.EventEmitter();
        }
        EmojiCategoriesComponent.prototype.handleCategorySelection = function (event) {
            this.categorySelection.emit(event);
        };
        __decorate([
            core.Input('emojisCategories'),
            __metadata("design:type", Object)
        ], EmojiCategoriesComponent.prototype, "emojisCategories", void 0);
        __decorate([
            core.Output('categorySelection'),
            __metadata("design:type", Object)
        ], EmojiCategoriesComponent.prototype, "categorySelection", void 0);
        EmojiCategoriesComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiCategoriesComponent);
        return EmojiCategoriesComponent;
    }());

    var EmojiCategoryComponent = /** @class */ (function () {
        function EmojiCategoryComponent(_element) {
            this._element = _element;
        }
        EmojiCategoryComponent.prototype.scrollIntoView = function () {
            this._element.nativeElement.scrollIntoView();
        };
        EmojiCategoryComponent.ctorParameters = function () { return [
            { type: core.ElementRef }
        ]; };
        __decorate([
            core.Input('category'),
            __metadata("design:type", Object)
        ], EmojiCategoryComponent.prototype, "category", void 0);
        EmojiCategoryComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [core.ElementRef])
        ], EmojiCategoryComponent);
        return EmojiCategoryComponent;
    }());

    var EMOJIS = [
        {
            emojis: [
                ['😀', 'grinning'],
                ['😃', 'smiley'],
                ['😄', 'smile'],
                ['😁', 'grin'],
                ['😆', 'laughing'],
                ['😅', 'sweat_smile'],
                ['😂', 'joy'],
                ['🤣', 'rofl'],
                ['😊', 'blush'],
                ['😇', 'innocent'],
                ['🙂', 'slightly_smiling_face'],
                ['🙃', 'upside_down_face'],
                ['😉', 'wink'],
                ['😌', 'relieved'],
                ['😍', 'heart_eyes'],
                ['😘', 'kissing_heart'],
                ['😗', 'kissing'],
                ['😙', 'kissing_smiling_eyes'],
                ['😚', 'kissing_closed_eyes'],
                ['😋', 'yum'],
                ['😜', 'stuck_out_tongue_winking_eye'],
                ['😝', 'stuck_out_tongue_closed_eyes'],
                ['😛', 'stuck_out_tongue'],
                ['🤑', 'money_mouth_face'],
                ['🤗', 'hugs'],
                ['🤓', 'nerd_face'],
                ['😎', 'sunglasses'],
                ['🤡', 'clown_face'],
                ['🤠', 'cowboy_hat_face'],
                ['😏', 'smirk'],
                ['😒', 'unamused'],
                ['😞', 'disappointed'],
                ['😔', 'pensive'],
                ['😟', 'worried'],
                ['😕', 'confused'],
                ['🙁', 'slightly_frowning_face'],
                ['☹️', 'frowning_face'],
                ['😣', 'persevere'],
                ['😖', 'confounded'],
                ['😫', 'tired_face'],
                ['😩', 'weary'],
                ['😤', 'triumph'],
                ['😠', 'angry'],
                ['😡', 'rage'],
                ['😶', 'no_mouth'],
                ['😐', 'neutral_face'],
                ['😑', 'expressionless'],
                ['😯', 'hushed'],
                ['😦', 'frowning'],
                ['😧', 'anguished'],
                ['😮', 'open_mouth'],
                ['😲', 'astonished'],
                ['😵', 'dizzy_face'],
                ['😳', 'flushed'],
                ['😱', 'scream'],
                ['😨', 'fearful'],
                ['😰', 'cold_sweat'],
                ['😢', 'cry'],
                ['😥', 'disappointed_relieved'],
                ['🤤', 'drooling_face'],
                ['😭', 'sob'],
                ['😓', 'sweat'],
                ['😪', 'sleepy'],
                ['😴', 'sleeping'],
                ['🙄', 'roll_eyes'],
                ['🤔', 'thinking'],
                ['🤥', 'lying_face'],
                ['😬', 'grimacing'],
                ['🤐', 'zipper_mouth_face'],
                ['🤢', 'nauseated_face'],
                ['🤧', 'sneezing_face'],
                ['😷', 'mask'],
                ['🤒', 'face_with_thermometer'],
                ['🤕', 'face_with_head_bandage'],
                ['😈', 'smiling_imp'],
                ['👿', 'imp'],
                ['👹', 'japanese_ogre'],
                ['👺', 'japanese_goblin'],
                ['💩', 'hankey'],
                ['👻', 'ghost'],
                ['💀', 'skull'],
                ['☠️', 'skull_and_crossbones'],
                ['👽', 'alien'],
                ['👾', 'space_invader'],
                ['🤖', 'robot'],
                ['🎃', 'jack_o_lantern'],
                ['😺', 'smiley_cat'],
                ['😸', 'smile_cat'],
                ['😹', 'joy_cat'],
                ['😻', 'heart_eyes_cat'],
                ['😼', 'smirk_cat'],
                ['😽', 'kissing_cat'],
                ['🙀', 'scream_cat'],
                ['😿', 'crying_cat_face'],
                ['😾', 'pouting_cat'],
                ['👐', 'open_hands'],
                ['🙌', 'raised_hands'],
                ['👏', 'clap'],
                ['🙏', 'pray'],
                ['🤝', 'handshake'],
                ['👍', '+1'],
                ['👎', '-1'],
                ['👊', 'fist_oncoming'],
                ['✊', 'fist_raised'],
                ['🤛', 'fist_left'],
                ['🤜', 'fist_right'],
                ['🤞', 'crossed_fingers'],
                ['✌️', 'v'],
                ['🤘', 'metal'],
                ['👌', 'ok_hand'],
                ['👈', 'point_left'],
                ['👉', 'point_right'],
                ['👆', 'point_up_2'],
                ['👇', 'point_down'],
                ['☝️', 'point_up'],
                ['✋', 'hand'],
                ['🤚', 'raised_back_of_hand'],
                ['🖐', 'raised_hand_with_fingers_splayed'],
                ['🖖', 'vulcan_salute'],
                ['👋', 'wave'],
                ['🤙', 'call_me_hand'],
                ['💪', 'muscle'],
                ['🖕', 'middle_finger'],
                ['✍️', 'writing_hand'],
                ['🤳', 'selfie'],
                ['💅', 'nail_care'],
                ['💍', 'ring'],
                ['💄', 'lipstick'],
                ['💋', 'kiss'],
                ['👄', 'lips'],
                ['👅', 'tongue'],
                ['👂', 'ear'],
                ['👃', 'nose'],
                ['👣', 'footprints'],
                ['👁', 'eye'],
                ['👀', 'eyes'],
                ['🗣', 'speaking_head'],
                ['👤', 'bust_in_silhouette'],
                ['👥', 'busts_in_silhouette'],
                ['👶', 'baby'],
                ['👦', 'boy'],
                ['👧', 'girl'],
                ['👨', 'man'],
                ['👩', 'woman'],
                ['👱‍♀', 'blonde_woman'],
                ['👱', 'blonde_man'],
                ['👴', 'older_man'],
                ['👵', 'older_woman'],
                ['👲', 'man_with_gua_pi_mao'],
                ['👳‍♀', 'woman_with_turban'],
                ['👳', 'man_with_turban'],
                ['👮‍♀', 'policewoman'],
                ['👮', 'policeman'],
                ['👷‍♀', 'construction_worker_woman'],
                ['👷', 'construction_worker_man'],
                ['💂‍♀', 'guardswoman'],
                ['💂', 'guardsman'],
                ['🕵️‍♀️', 'female_detective'],
                ['🕵', 'male_detective'],
                ['👩‍⚕', 'woman_health_worker'],
                ['👨‍⚕', 'man_health_worker'],
                ['👩‍🌾', 'woman_farmer'],
                ['👨‍🌾', 'man_farmer'],
                ['👩‍🍳', 'woman_cook'],
                ['👨‍🍳', 'man_cook'],
                ['👩‍🎓', 'woman_student'],
                ['👨‍🎓', 'man_student'],
                ['👩‍🎤', 'woman_singer'],
                ['👨‍🎤', 'man_singer'],
                ['👩‍🏫', 'woman_teacher'],
                ['👨‍🏫', 'man_teacher'],
                ['👩‍🏭', 'woman_factory_worker'],
                ['👨‍🏭', 'man_factory_worker'],
                ['👩‍💻', 'woman_technologist'],
                ['👨‍💻', 'man_technologist'],
                ['👩‍💼', 'woman_office_worker'],
                ['👨‍💼', 'man_office_worker'],
                ['👩‍🔧', 'woman_mechanic'],
                ['👨‍🔧', 'man_mechanic'],
                ['👩‍🔬', 'woman_scientist'],
                ['👨‍🔬', 'man_scientist'],
                ['👩‍🎨', 'woman_artist'],
                ['👨‍🎨', 'man_artist'],
                ['👩‍🚒', 'woman_firefighter'],
                ['👨‍🚒', 'man_firefighter'],
                ['👩‍✈', 'woman_pilot'],
                ['👨‍✈', 'man_pilot'],
                ['👩‍🚀', 'woman_astronaut'],
                ['👨‍🚀', 'man_astronaut'],
                ['👩‍⚖', 'woman_judge'],
                ['👨‍⚖', 'man_judge'],
                ['🤶', 'mrs_claus'],
                ['🎅', 'santa'],
                ['👸', 'princess'],
                ['🤴', 'prince'],
                ['👰', 'bride_with_veil'],
                ['🤵', 'man_in_tuxedo'],
                ['👼', 'angel'],
                ['🤰', 'pregnant_woman'],
                ['🙇‍♀', 'bowing_woman'],
                ['🙇', 'bowing_man'],
                ['💁', 'tipping_hand_woman'],
                ['💁‍♂', 'tipping_hand_man'],
                ['🙅', 'no_good_woman'],
                ['🙅‍♂', 'no_good_man'],
                ['🙆', 'ok_woman'],
                ['🙆‍♂', 'ok_man'],
                ['🙋', 'raising_hand_woman'],
                ['🙋‍♂', 'raising_hand_man'],
                ['🤦‍♀', 'woman_facepalming'],
                ['🤦‍♂', 'man_facepalming'],
                ['🤷‍♀', 'woman_shrugging'],
                ['🤷‍♂', 'man_shrugging'],
                ['🙎', 'pouting_woman'],
                ['🙎‍♂', 'pouting_man'],
                ['🙍', 'frowning_woman'],
                ['🙍‍♂', 'frowning_man'],
                ['💇', 'haircut_woman'],
                ['💇‍♂', 'haircut_man'],
                ['💆', 'massage_woman'],
                ['💆‍♂', 'massage_man'],
                ['🕴', 'business_suit_levitating'],
                ['💃', 'dancer'],
                ['🕺', 'man_dancing'],
                ['👯', 'dancing_women'],
                ['👯‍♂', 'dancing_men'],
                ['🚶‍♀', 'walking_woman'],
                ['🚶', 'walking_man'],
                ['🏃‍♀', 'running_woman'],
                ['🏃', 'running_man'],
                ['👫', 'couple'],
                ['👭', 'two_women_holding_hands'],
                ['👬', 'two_men_holding_hands'],
                ['💑', 'couple_with_heart_woman_man'],
                ['👩‍❤️‍👩', 'couple_with_heart_woman_woman'],
                ['👨‍❤️‍👨', 'couple_with_heart_man_man'],
                ['💏', 'couplekiss_man_woman'],
                ['👩‍❤️‍💋‍👩', 'couplekiss_woman_woman'],
                ['👨‍❤️‍💋‍👨', 'couplekiss_man_man'],
                ['👪', 'family_man_woman_boy'],
                ['👨‍👩‍👧', 'family_man_woman_girl'],
                ['👨‍👩‍👧‍👦', 'family_man_woman_girl_boy'],
                ['👨‍👩‍👦‍👦', 'family_man_woman_boy_boy'],
                ['👨‍👩‍👧‍👧', 'family_man_woman_girl_girl'],
                ['👩‍👩‍👦', 'family_woman_woman_boy'],
                ['👩‍👩‍👧', 'family_woman_woman_girl'],
                ['👩‍👩‍👧‍👦', 'family_woman_woman_girl_boy'],
                ['👩‍👩‍👦‍👦', 'family_woman_woman_boy_boy'],
                ['👩‍👩‍👧‍👧', 'family_woman_woman_girl_girl'],
                ['👨‍👨‍👦', 'family_man_man_boy'],
                ['👨‍👨‍👧', 'family_man_man_girl'],
                ['👨‍👨‍👧‍👦', 'family_man_man_girl_boy'],
                ['👨‍👨‍👦‍👦', 'family_man_man_boy_boy'],
                ['👨‍👨‍👧‍👧', 'family_man_man_girl_girl'],
                ['👩‍👦', 'family_woman_boy'],
                ['👩‍👧', 'family_woman_girl'],
                ['👩‍👧‍👦', 'family_woman_girl_boy'],
                ['👩‍👦‍👦', 'family_woman_boy_boy'],
                ['👩‍👧‍👧', 'family_woman_girl_girl'],
                ['👨‍👦', 'family_man_boy'],
                ['👨‍👧', 'family_man_girl'],
                ['👨‍👧‍👦', 'family_man_girl_boy'],
                ['👨‍👦‍👦', 'family_man_boy_boy'],
                ['👨‍👧‍👧', 'family_man_girl_girl'],
                ['👚', 'womans_clothes'],
                ['👕', 'shirt'],
                ['👖', 'jeans'],
                ['👔', 'necktie'],
                ['👗', 'dress'],
                ['👙', 'bikini'],
                ['👘', 'kimono'],
                ['👠', 'high_heel'],
                ['👡', 'sandal'],
                ['👢', 'boot'],
                ['👞', 'mans_shoe'],
                ['👟', 'athletic_shoe'],
                ['👒', 'womans_hat'],
                ['🎩', 'tophat'],
                ['🎓', 'mortar_board'],
                ['👑', 'crown'],
                ['⛑', 'rescue_worker_helmet'],
                ['🎒', 'school_satchel'],
                ['👝', 'pouch'],
                ['👛', 'purse'],
                ['👜', 'handbag'],
                ['💼', 'briefcase'],
                ['👓', 'eyeglasses'],
                ['🕶', 'dark_sunglasses'],
                ['🌂', 'closed_umbrella'],
                ['☂️', 'open_umbrella']
            ],
            name: 'People',
            icon: ['😄', 'smile']
        },
        {
            emojis: [
                ['🐶', 'dog'],
                ['🐱', 'cat'],
                ['🐭', 'mouse'],
                ['🐹', 'hamster'],
                ['🐰', 'rabbit'],
                ['🦊', 'fox_face'],
                ['🐻', 'bear'],
                ['🐼', 'panda_face'],
                ['🐨', 'koala'],
                ['🐯', 'tiger'],
                ['🦁', 'lion'],
                ['🐮', 'cow'],
                ['🐷', 'pig'],
                ['🐽', 'pig_nose'],
                ['🐸', 'frog'],
                ['🐵', 'monkey_face'],
                ['🙈', 'see_no_evil'],
                ['🙉', 'hear_no_evil'],
                ['🙊', 'speak_no_evil'],
                ['🐒', 'monkey'],
                ['🐔', 'chicken'],
                ['🐧', 'penguin'],
                ['🐦', 'bird'],
                ['🐤', 'baby_chick'],
                ['🐣', 'hatching_chick'],
                ['🐥', 'hatched_chick'],
                ['🦆', 'duck'],
                ['🦅', 'eagle'],
                ['🦉', 'owl'],
                ['🦇', 'bat'],
                ['🐺', 'wolf'],
                ['🐗', 'boar'],
                ['🐴', 'horse'],
                ['🦄', 'unicorn'],
                ['🐝', 'bee'],
                ['🐛', 'bug'],
                ['🦋', 'butterfly'],
                ['🐌', 'snail'],
                ['🐚', 'shell'],
                ['🐞', 'beetle'],
                ['🐜', 'ant'],
                ['🕷', 'spider'],
                ['🕸', 'spider_web'],
                ['🐢', 'turtle'],
                ['🐍', 'snake'],
                ['🦎', 'lizard'],
                ['🦂', 'scorpion'],
                ['🦀', 'crab'],
                ['🦑', 'squid'],
                ['🐙', 'octopus'],
                ['🦐', 'shrimp'],
                ['🐠', 'tropical_fish'],
                ['🐟', 'fish'],
                ['🐡', 'blowfish'],
                ['🐬', 'dolphin'],
                ['🦈', 'shark'],
                ['🐳', 'whale'],
                ['🐋', 'whale2'],
                ['🐊', 'crocodile'],
                ['🐆', 'leopard'],
                ['🐅', 'tiger2'],
                ['🐃', 'water_buffalo'],
                ['🐂', 'ox'],
                ['🐄', 'cow2'],
                ['🦌', 'deer'],
                ['🐪', 'dromedary_camel'],
                ['🐫', 'camel'],
                ['🐘', 'elephant'],
                ['🦏', 'rhinoceros'],
                ['🦍', 'gorilla'],
                ['🐎', 'racehorse'],
                ['🐖', 'pig2'],
                ['🐐', 'goat'],
                ['🐏', 'ram'],
                ['🐑', 'sheep'],
                ['🐕', 'dog2'],
                ['🐩', 'poodle'],
                ['🐈', 'cat2'],
                ['🐓', 'rooster'],
                ['🦃', 'turkey'],
                ['🕊', 'dove'],
                ['🐇', 'rabbit2'],
                ['🐁', 'mouse2'],
                ['🐀', 'rat'],
                ['🐿', 'chipmunk'],
                ['🐾', 'feet'],
                ['🐉', 'dragon'],
                ['🐲', 'dragon_face'],
                ['🌵', 'cactus'],
                ['🎄', 'christmas_tree'],
                ['🌲', 'evergreen_tree'],
                ['🌳', 'deciduous_tree'],
                ['🌴', 'palm_tree'],
                ['🌱', 'seedling'],
                ['🌿', 'herb'],
                ['☘️', 'shamrock'],
                ['🍀', 'four_leaf_clover'],
                ['🎍', 'bamboo'],
                ['🎋', 'tanabata_tree'],
                ['🍃', 'leaves'],
                ['🍂', 'fallen_leaf'],
                ['🍁', 'maple_leaf'],
                ['🍄', 'mushroom'],
                ['🌾', 'ear_of_rice'],
                ['💐', 'bouquet'],
                ['🌷', 'tulip'],
                ['🌹', 'rose'],
                ['🥀', 'wilted_flower'],
                ['🌻', 'sunflower'],
                ['🌼', 'blossom'],
                ['🌸', 'cherry_blossom'],
                ['🌺', 'hibiscus'],
                ['🌎', 'earth_americas'],
                ['🌍', 'earth_africa'],
                ['🌏', 'earth_asia'],
                ['🌕', 'full_moon'],
                ['🌖', 'waning_gibbous_moon'],
                ['🌗', 'last_quarter_moon'],
                ['🌘', 'waning_crescent_moon'],
                ['🌑', 'new_moon'],
                ['🌒', 'waxing_crescent_moon'],
                ['🌓', 'first_quarter_moon'],
                ['🌔', 'moon'],
                ['🌚', 'new_moon_with_face'],
                ['🌝', 'full_moon_with_face'],
                ['🌞', 'sun_with_face'],
                ['🌛', 'first_quarter_moon_with_face'],
                ['🌜', 'last_quarter_moon_with_face'],
                ['🌙', 'crescent_moon'],
                ['💫', 'dizzy'],
                ['⭐️', 'star'],
                ['🌟', 'star2'],
                ['✨', 'sparkles'],
                ['⚡️', 'zap'],
                ['🔥', 'fire'],
                ['💥', 'boom'],
                ['☄', 'comet'],
                ['☀️', 'sunny'],
                ['🌤', 'sun_behind_small_cloud'],
                ['⛅️', 'partly_sunny'],
                ['🌥', 'sun_behind_large_cloud'],
                ['🌦', 'sun_behind_rain_cloud'],
                ['🌈', 'rainbow'],
                ['☁️', 'cloud'],
                ['🌧', 'cloud_with_rain'],
                ['⛈', 'cloud_with_lightning_and_rain'],
                ['🌩', 'cloud_with_lightning'],
                ['🌨', 'cloud_with_snow'],
                ['☃️', 'snowman_with_snow'],
                ['⛄️', 'snowman'],
                ['❄️', 'snowflake'],
                ['🌬', 'wind_face'],
                ['💨', 'dash'],
                ['🌪', 'tornado'],
                ['🌫', 'fog'],
                ['🌊', 'ocean'],
                ['💧', 'droplet'],
                ['💦', 'sweat_drops'],
                ['☔️', 'umbrella']
            ],
            name: 'Nature',
            icon: ['🌸', 'cherry_blossom']
        },
        {
            emojis: [
                ['🍏', 'green_apple'],
                ['🍎', 'apple'],
                ['🍐', 'pear'],
                ['🍊', 'tangerine'],
                ['🍋', 'lemon'],
                ['🍌', 'banana'],
                ['🍉', 'watermelon'],
                ['🍇', 'grapes'],
                ['🍓', 'strawberry'],
                ['🍈', 'melon'],
                ['🍒', 'cherries'],
                ['🍑', 'peach'],
                ['🍍', 'pineapple'],
                ['🥝', 'kiwi_fruit'],
                ['🥑', 'avocado'],
                ['🍅', 'tomato'],
                ['🍆', 'eggplant'],
                ['🥒', 'cucumber'],
                ['🥕', 'carrot'],
                ['🌽', 'corn'],
                ['🌶', 'hot_pepper'],
                ['🥔', 'potato'],
                ['🍠', 'sweet_potato'],
                ['🌰', 'chestnut'],
                ['🥜', 'peanuts'],
                ['🍯', 'honey_pot'],
                ['🥐', 'croissant'],
                ['🍞', 'bread'],
                ['🥖', 'baguette_bread'],
                ['🧀', 'cheese'],
                ['🥚', 'egg'],
                ['🍳', 'fried_egg'],
                ['🥓', 'bacon'],
                ['🥞', 'pancakes'],
                ['🍤', 'fried_shrimp'],
                ['🍗', 'poultry_leg'],
                ['🍖', 'meat_on_bone'],
                ['🍕', 'pizza'],
                ['🌭', 'hotdog'],
                ['🍔', 'hamburger'],
                ['🍟', 'fries'],
                ['🥙', 'stuffed_flatbread'],
                ['🌮', 'taco'],
                ['🌯', 'burrito'],
                ['🥗', 'green_salad'],
                ['🥘', 'shallow_pan_of_food'],
                ['🍝', 'spaghetti'],
                ['🍜', 'ramen'],
                ['🍲', 'stew'],
                ['🍥', 'fish_cake'],
                ['🍣', 'sushi'],
                ['🍱', 'bento'],
                ['🍛', 'curry'],
                ['🍚', 'rice'],
                ['🍙', 'rice_ball'],
                ['🍘', 'rice_cracker'],
                ['🍢', 'oden'],
                ['🍡', 'dango'],
                ['🍧', 'shaved_ice'],
                ['🍨', 'ice_cream'],
                ['🍦', 'icecream'],
                ['🍰', 'cake'],
                ['🎂', 'birthday'],
                ['🍮', 'custard'],
                ['🍭', 'lollipop'],
                ['🍬', 'candy'],
                ['🍫', 'chocolate_bar'],
                ['🍿', 'popcorn'],
                ['🍩', 'doughnut'],
                ['🍪', 'cookie'],
                ['🥛', 'milk_glass'],
                ['🍼', 'baby_bottle'],
                ['☕️', 'coffee'],
                ['🍵', 'tea'],
                ['🍶', 'sake'],
                ['🍺', 'beer'],
                ['🍻', 'beers'],
                ['🥂', 'clinking_glasses'],
                ['🍷', 'wine_glass'],
                ['🥃', 'tumbler_glass'],
                ['🍸', 'cocktail'],
                ['🍹', 'tropical_drink'],
                ['🍾', 'champagne'],
                ['🥄', 'spoon'],
                ['🍴', 'fork_and_knife'],
                ['🍽', 'plate_with_cutlery']
            ],
            name: 'Foods',
            icon: ['🍔', 'hamburger']
        },
        {
            emojis: [
                ['⚽️', 'soccer'],
                ['🏀', 'basketball'],
                ['🏈', 'football'],
                ['⚾️', 'baseball'],
                ['🎾', 'tennis'],
                ['🏐', 'volleyball'],
                ['🏉', 'rugby_football'],
                ['🎱', '8ball'],
                ['🏓', 'ping_pong'],
                ['🏸', 'badminton'],
                ['🥅', 'goal_net'],
                ['🏒', 'ice_hockey'],
                ['🏑', 'field_hockey'],
                ['🏏', 'cricket'],
                ['⛳️', 'golf'],
                ['🏹', 'bow_and_arrow'],
                ['🎣', 'fishing_pole_and_fish'],
                ['🥊', 'boxing_glove'],
                ['🥋', 'martial_arts_uniform'],
                ['⛸', 'ice_skate'],
                ['🎿', 'ski'],
                ['⛷', 'skier'],
                ['🏂', 'snowboarder'],
                ['🏋️‍♀️', 'weight_lifting_woman'],
                ['🏋', 'weight_lifting_man'],
                ['🤺', 'person_fencing'],
                ['🤼‍♀', 'women_wrestling'],
                ['🤼‍♂', 'men_wrestling'],
                ['🤸‍♀', 'woman_cartwheeling'],
                ['🤸‍♂', 'man_cartwheeling'],
                ['⛹️‍♀️', 'basketball_woman'],
                ['⛹', 'basketball_man'],
                ['🤾‍♀', 'woman_playing_handball'],
                ['🤾‍♂', 'man_playing_handball'],
                ['🏌️‍♀️', 'golfing_woman'],
                ['🏌', 'golfing_man'],
                ['🏄‍♀', 'surfing_woman'],
                ['🏄', 'surfing_man'],
                ['🏊‍♀', 'swimming_woman'],
                ['🏊', 'swimming_man'],
                ['🤽‍♀', 'woman_playing_water_polo'],
                ['🤽‍♂', 'man_playing_water_polo'],
                ['🚣‍♀', 'rowing_woman'],
                ['🚣', 'rowing_man'],
                ['🏇', 'horse_racing'],
                ['🚴‍♀', 'biking_woman'],
                ['🚴', 'biking_man'],
                ['🚵‍♀', 'mountain_biking_woman'],
                ['🚵', 'mountain_biking_man'],
                ['🎽', 'running_shirt_with_sash'],
                ['🏅', 'medal_sports'],
                ['🎖', 'medal_military'],
                ['🥇', '1st_place_medal'],
                ['🥈', '2nd_place_medal'],
                ['🥉', '3rd_place_medal'],
                ['🏆', 'trophy'],
                ['🏵', 'rosette'],
                ['🎗', 'reminder_ribbon'],
                ['🎫', 'ticket'],
                ['🎟', 'tickets'],
                ['🎪', 'circus_tent'],
                ['🤹‍♀', 'woman_juggling'],
                ['🤹‍♂', 'man_juggling'],
                ['🎭', 'performing_arts'],
                ['🎨', 'art'],
                ['🎬', 'clapper'],
                ['🎤', 'microphone'],
                ['🎧', 'headphones'],
                ['🎼', 'musical_score'],
                ['🎹', 'musical_keyboard'],
                ['🥁', 'drum'],
                ['🎷', 'saxophone'],
                ['🎺', 'trumpet'],
                ['🎸', 'guitar'],
                ['🎻', 'violin'],
                ['🎲', 'game_die'],
                ['🎯', 'dart'],
                ['🎳', 'bowling'],
                ['🎮', 'video_game'],
                ['🎰', 'slot_machine']
            ],
            name: 'Activity',
            icon: ['⚽️', 'soccer']
        },
        {
            emojis: [
                ['🚗', 'car'],
                ['🚕', 'taxi'],
                ['🚙', 'blue_car'],
                ['🚌', 'bus'],
                ['🚎', 'trolleybus'],
                ['🏎', 'racing_car'],
                ['🚓', 'police_car'],
                ['🚑', 'ambulance'],
                ['🚒', 'fire_engine'],
                ['🚐', 'minibus'],
                ['🚚', 'truck'],
                ['🚛', 'articulated_lorry'],
                ['🚜', 'tractor'],
                ['🛴', 'kick_scooter'],
                ['🚲', 'bike'],
                ['🛵', 'motor_scooter'],
                ['🏍', 'motorcycle'],
                ['🚨', 'rotating_light'],
                ['🚔', 'oncoming_police_car'],
                ['🚍', 'oncoming_bus'],
                ['🚘', 'oncoming_automobile'],
                ['🚖', 'oncoming_taxi'],
                ['🚡', 'aerial_tramway'],
                ['🚠', 'mountain_cableway'],
                ['🚟', 'suspension_railway'],
                ['🚃', 'railway_car'],
                ['🚋', 'train'],
                ['🚞', 'mountain_railway'],
                ['🚝', 'monorail'],
                ['🚄', 'bullettrain_side'],
                ['🚅', 'bullettrain_front'],
                ['🚈', 'light_rail'],
                ['🚂', 'steam_locomotive'],
                ['🚆', 'train2'],
                ['🚇', 'metro'],
                ['🚊', 'tram'],
                ['🚉', 'station'],
                ['🚁', 'helicopter'],
                ['🛩', 'small_airplane'],
                ['✈️', 'airplane'],
                ['🛫', 'flight_departure'],
                ['🛬', 'flight_arrival'],
                ['🚀', 'rocket'],
                ['🛰', 'artificial_satellite'],
                ['💺', 'seat'],
                ['🛶', 'canoe'],
                ['⛵️', 'boat'],
                ['🛥', 'motor_boat'],
                ['🚤', 'speedboat'],
                ['🛳', 'passenger_ship'],
                ['⛴', 'ferry'],
                ['🚢', 'ship'],
                ['⚓️', 'anchor'],
                ['🚧', 'construction'],
                ['⛽️', 'fuelpump'],
                ['🚏', 'busstop'],
                ['🚦', 'vertical_traffic_light'],
                ['🚥', 'traffic_light'],
                ['🗺', 'world_map'],
                ['🗿', 'moyai'],
                ['🗽', 'statue_of_liberty'],
                ['⛲️', 'fountain'],
                ['🗼', 'tokyo_tower'],
                ['🏰', 'european_castle'],
                ['🏯', 'japanese_castle'],
                ['🏟', 'stadium'],
                ['🎡', 'ferris_wheel'],
                ['🎢', 'roller_coaster'],
                ['🎠', 'carousel_horse'],
                ['⛱', 'parasol_on_ground'],
                ['🏖', 'beach_umbrella'],
                ['🏝', 'desert_island'],
                ['⛰', 'mountain'],
                ['🏔', 'mountain_snow'],
                ['🗻', 'mount_fuji'],
                ['🌋', 'volcano'],
                ['🏜', 'desert'],
                ['🏕', 'camping'],
                ['⛺️', 'tent'],
                ['🛤', 'railway_track'],
                ['🛣', 'motorway'],
                ['🏗', 'building_construction'],
                ['🏭', 'factory'],
                ['🏠', 'house'],
                ['🏡', 'house_with_garden'],
                ['🏘', 'houses'],
                ['🏚', 'derelict_house'],
                ['🏢', 'office'],
                ['🏬', 'department_store'],
                ['🏣', 'post_office'],
                ['🏤', 'european_post_office'],
                ['🏥', 'hospital'],
                ['🏦', 'bank'],
                ['🏨', 'hotel'],
                ['🏪', 'convenience_store'],
                ['🏫', 'school'],
                ['🏩', 'love_hotel'],
                ['💒', 'wedding'],
                ['🏛', 'classical_building'],
                ['⛪️', 'church'],
                ['🕌', 'mosque'],
                ['🕍', 'synagogue'],
                ['🕋', 'kaaba'],
                ['⛩', 'shinto_shrine'],
                ['🗾', 'japan'],
                ['🎑', 'rice_scene'],
                ['🏞', 'national_park'],
                ['🌅', 'sunrise'],
                ['🌄', 'sunrise_over_mountains'],
                ['🌠', 'stars'],
                ['🎇', 'sparkler'],
                ['🎆', 'fireworks'],
                ['🌇', 'city_sunrise'],
                ['🌆', 'city_sunset'],
                ['🏙', 'cityscape'],
                ['🌃', 'night_with_stars'],
                ['🌌', 'milky_way'],
                ['🌉', 'bridge_at_night'],
                ['🌁', 'foggy']
            ],
            name: 'Places',
            icon: ['🚗', 'car']
        },
        {
            emojis: [
                ['⌚️', 'watch'],
                ['📱', 'iphone'],
                ['📲', 'calling'],
                ['💻', 'computer'],
                ['⌨️', 'keyboard'],
                ['🖥', 'desktop_computer'],
                ['🖨', 'printer'],
                ['🖱', 'computer_mouse'],
                ['🖲', 'trackball'],
                ['🕹', 'joystick'],
                ['🗜', 'clamp'],
                ['💽', 'minidisc'],
                ['💾', 'floppy_disk'],
                ['💿', 'cd'],
                ['📀', 'dvd'],
                ['📼', 'vhs'],
                ['📷', 'camera'],
                ['📸', 'camera_flash'],
                ['📹', 'video_camera'],
                ['🎥', 'movie_camera'],
                ['📽', 'film_projector'],
                ['🎞', 'film_strip'],
                ['📞', 'telephone_receiver'],
                ['☎️', 'phone'],
                ['📟', 'pager'],
                ['📠', 'fax'],
                ['📺', 'tv'],
                ['📻', 'radio'],
                ['🎙', 'studio_microphone'],
                ['🎚', 'level_slider'],
                ['🎛', 'control_knobs'],
                ['⏱', 'stopwatch'],
                ['⏲', 'timer_clock'],
                ['⏰', 'alarm_clock'],
                ['🕰', 'mantelpiece_clock'],
                ['⌛️', 'hourglass'],
                ['⏳', 'hourglass_flowing_sand'],
                ['📡', 'satellite'],
                ['🔋', 'battery'],
                ['🔌', 'electric_plug'],
                ['💡', 'bulb'],
                ['🔦', 'flashlight'],
                ['🕯', 'candle'],
                ['🗑', 'wastebasket'],
                ['🛢', 'oil_drum'],
                ['💸', 'money_with_wings'],
                ['💵', 'dollar'],
                ['💴', 'yen'],
                ['💶', 'euro'],
                ['💷', 'pound'],
                ['💰', 'moneybag'],
                ['💳', 'credit_card'],
                ['💎', 'gem'],
                ['⚖️', 'balance_scale'],
                ['🔧', 'wrench'],
                ['🔨', 'hammer'],
                ['⚒', 'hammer_and_pick'],
                ['🛠', 'hammer_and_wrench'],
                ['⛏', 'pick'],
                ['🔩', 'nut_and_bolt'],
                ['⚙️', 'gear'],
                ['⛓', 'chains'],
                ['🔫', 'gun'],
                ['💣', 'bomb'],
                ['🔪', 'hocho'],
                ['🗡', 'dagger'],
                ['⚔️', 'crossed_swords'],
                ['🛡', 'shield'],
                ['🚬', 'smoking'],
                ['⚰️', 'coffin'],
                ['⚱️', 'funeral_urn'],
                ['🏺', 'amphora'],
                ['🔮', 'crystal_ball'],
                ['📿', 'prayer_beads'],
                ['💈', 'barber'],
                ['⚗️', 'alembic'],
                ['🔭', 'telescope'],
                ['🔬', 'microscope'],
                ['🕳', 'hole'],
                ['💊', 'pill'],
                ['💉', 'syringe'],
                ['🌡', 'thermometer'],
                ['🚽', 'toilet'],
                ['🚰', 'potable_water'],
                ['🚿', 'shower'],
                ['🛁', 'bathtub'],
                ['🛀', 'bath'],
                ['🛎', 'bellhop_bell'],
                ['🔑', 'key'],
                ['🗝', 'old_key'],
                ['🚪', 'door'],
                ['🛋', 'couch_and_lamp'],
                ['🛏', 'bed'],
                ['🛌', 'sleeping_bed'],
                ['🖼', 'framed_picture'],
                ['🛍', 'shopping'],
                ['🛒', 'shopping_cart'],
                ['🎁', 'gift'],
                ['🎈', 'balloon'],
                ['🎏', 'flags'],
                ['🎀', 'ribbon'],
                ['🎊', 'confetti_ball'],
                ['🎉', 'tada'],
                ['🎎', 'dolls'],
                ['🏮', 'izakaya_lantern'],
                ['🎐', 'wind_chime'],
                ['✉️', 'email'],
                ['📩', 'envelope_with_arrow'],
                ['📨', 'incoming_envelope'],
                ['📧', 'e-mail'],
                ['💌', 'love_letter'],
                ['📥', 'inbox_tray'],
                ['📤', 'outbox_tray'],
                ['📦', 'package'],
                ['🏷', 'label'],
                ['📪', 'mailbox_closed'],
                ['📫', 'mailbox'],
                ['📬', 'mailbox_with_mail'],
                ['📭', 'mailbox_with_no_mail'],
                ['📮', 'postbox'],
                ['📯', 'postal_horn'],
                ['📜', 'scroll'],
                ['📃', 'page_with_curl'],
                ['📄', 'page_facing_up'],
                ['📑', 'bookmark_tabs'],
                ['📊', 'bar_chart'],
                ['📈', 'chart_with_upwards_trend'],
                ['📉', 'chart_with_downwards_trend'],
                ['🗒', 'spiral_notepad'],
                ['🗓', 'spiral_calendar'],
                ['📆', 'calendar'],
                ['📅', 'date'],
                ['📇', 'card_index'],
                ['🗃', 'card_file_box'],
                ['🗳', 'ballot_box'],
                ['🗄', 'file_cabinet'],
                ['📋', 'clipboard'],
                ['📁', 'file_folder'],
                ['📂', 'open_file_folder'],
                ['🗂', 'card_index_dividers'],
                ['🗞', 'newspaper_roll'],
                ['📰', 'newspaper'],
                ['📓', 'notebook'],
                ['📔', 'notebook_with_decorative_cover'],
                ['📒', 'ledger'],
                ['📕', 'closed_book'],
                ['📗', 'green_book'],
                ['📘', 'blue_book'],
                ['📙', 'orange_book'],
                ['📚', 'books'],
                ['📖', 'book'],
                ['🔖', 'bookmark'],
                ['🔗', 'link'],
                ['📎', 'paperclip'],
                ['🖇', 'paperclips'],
                ['📐', 'triangular_ruler'],
                ['📏', 'straight_ruler'],
                ['📌', 'pushpin'],
                ['📍', 'round_pushpin'],
                ['✂️', 'scissors'],
                ['🖊', 'pen'],
                ['🖋', 'fountain_pen'],
                ['✒️', 'black_nib'],
                ['🖌', 'paintbrush'],
                ['🖍', 'crayon'],
                ['📝', 'memo'],
                ['✏️', 'pencil2'],
                ['🔍', 'mag'],
                ['🔎', 'mag_right'],
                ['🔏', 'lock_with_ink_pen'],
                ['🔐', 'closed_lock_with_key'],
                ['🔒', 'lock'],
                ['🔓', 'unlock']
            ],
            name: 'Objects',
            icon: ['🔔', 'bell']
        },
        {
            emojis: [
                ['❤️', 'heart'],
                ['💛', 'yellow_heart'],
                ['💚', 'green_heart'],
                ['💙', 'blue_heart'],
                ['💜', 'purple_heart'],
                ['🖤', 'black_heart'],
                ['💔', 'broken_heart'],
                ['❣️', 'heavy_heart_exclamation'],
                ['💕', 'two_hearts'],
                ['💞', 'revolving_hearts'],
                ['💓', 'heartbeat'],
                ['💗', 'heartpulse'],
                ['💖', 'sparkling_heart'],
                ['💘', 'cupid'],
                ['💝', 'gift_heart'],
                ['💟', 'heart_decoration'],
                ['☮️', 'peace_symbol'],
                ['✝️', 'latin_cross'],
                ['☪️', 'star_and_crescent'],
                ['🕉', 'om'],
                ['☸️', 'wheel_of_dharma'],
                ['✡️', 'star_of_david'],
                ['🔯', 'six_pointed_star'],
                ['🕎', 'menorah'],
                ['☯️', 'yin_yang'],
                ['☦️', 'orthodox_cross'],
                ['🛐', 'place_of_worship'],
                ['⛎', 'ophiuchus'],
                ['♈️', 'aries'],
                ['♉️', 'taurus'],
                ['♊️', 'gemini'],
                ['♋️', 'cancer'],
                ['♌️', 'leo'],
                ['♍️', 'virgo'],
                ['♎️', 'libra'],
                ['♏️', 'scorpius'],
                ['♐️', 'sagittarius'],
                ['♑️', 'capricorn'],
                ['♒️', 'aquarius'],
                ['♓️', 'pisces'],
                ['🆔', 'id'],
                ['⚛️', 'atom_symbol'],
                ['🉑', 'accept'],
                ['☢️', 'radioactive'],
                ['☣️', 'biohazard'],
                ['📴', 'mobile_phone_off'],
                ['📳', 'vibration_mode'],
                ['🈶', 'u6709'],
                ['🈚️', 'u7121'],
                ['🈸', 'u7533'],
                ['🈺', 'u55b6'],
                ['🈷️', 'u6708'],
                ['✴️', 'eight_pointed_black_star'],
                ['🆚', 'vs'],
                ['💮', 'white_flower'],
                ['🉐', 'ideograph_advantage'],
                ['㊙️', 'secret'],
                ['㊗️', 'congratulations'],
                ['🈴', 'u5408'],
                ['🈵', 'u6e80'],
                ['🈹', 'u5272'],
                ['🈲', 'u7981'],
                ['🅰️', 'a'],
                ['🅱️', 'b'],
                ['🆎', 'ab'],
                ['🆑', 'cl'],
                ['🅾️', 'o2'],
                ['🆘', 'sos'],
                ['❌', 'x'],
                ['⭕️', 'o'],
                ['🛑', 'stop_sign'],
                ['⛔️', 'no_entry'],
                ['📛', 'name_badge'],
                ['🚫', 'no_entry_sign'],
                ['💯', '100'],
                ['💢', 'anger'],
                ['♨️', 'hotsprings'],
                ['🚷', 'no_pedestrians'],
                ['🚯', 'do_not_litter'],
                ['🚳', 'no_bicycles'],
                ['🚱', 'non-potable_water'],
                ['🔞', 'underage'],
                ['📵', 'no_mobile_phones'],
                ['🚭', 'no_smoking'],
                ['❗️', 'exclamation'],
                ['❕', 'grey_exclamation'],
                ['❓', 'question'],
                ['❔', 'grey_question'],
                ['‼️', 'bangbang'],
                ['⁉️', 'interrobang'],
                ['🔅', 'low_brightness'],
                ['🔆', 'high_brightness'],
                ['〽️', 'part_alternation_mark'],
                ['⚠️', 'warning'],
                ['🚸', 'children_crossing'],
                ['🔱', 'trident'],
                ['⚜️', 'fleur_de_lis'],
                ['🔰', 'beginner'],
                ['♻️', 'recycle'],
                ['✅', 'white_check_mark'],
                ['🈯️', 'u6307'],
                ['💹', 'chart'],
                ['❇️', 'sparkle'],
                ['✳️', 'eight_spoked_asterisk'],
                ['❎', 'negative_squared_cross_mark'],
                ['🌐', 'globe_with_meridians'],
                ['💠', 'diamond_shape_with_a_dot_inside'],
                ['Ⓜ️', 'm'],
                ['🌀', 'cyclone'],
                ['💤', 'zzz'],
                ['🏧', 'atm'],
                ['🚾', 'wc'],
                ['♿️', 'wheelchair'],
                ['🅿️', 'parking'],
                ['🈳', 'u7a7a'],
                ['🈂️', 'sa'],
                ['🛂', 'passport_control'],
                ['🛃', 'customs'],
                ['🛄', 'baggage_claim'],
                ['🛅', 'left_luggage'],
                ['🚹', 'mens'],
                ['🚺', 'womens'],
                ['🚼', 'baby_symbol'],
                ['🚻', 'restroom'],
                ['🚮', 'put_litter_in_its_place'],
                ['🎦', 'cinema'],
                ['📶', 'signal_strength'],
                ['🈁', 'koko'],
                ['🔣', 'symbols'],
                ['ℹ️', 'information_source'],
                ['🔤', 'abc'],
                ['🔡', 'abcd'],
                ['🔠', 'capital_abcd'],
                ['🆖', 'ng'],
                ['🆗', 'ok'],
                ['🆙', 'up'],
                ['🆒', 'cool'],
                ['🆕', 'new'],
                ['🆓', 'free'],
                ['0️⃣', 'zero'],
                ['1️⃣', 'one'],
                ['2️⃣', 'two'],
                ['3️⃣', 'three'],
                ['4️⃣', 'four'],
                ['5️⃣', 'five'],
                ['6️⃣', 'six'],
                ['7️⃣', 'seven'],
                ['8️⃣', 'eight'],
                ['9️⃣', 'nine'],
                ['🔟', 'keycap_ten'],
                ['🔢', '1234'],
                ['#️⃣', 'hash'],
                ['*️⃣', 'asterisk'],
                ['▶️', 'arrow_forward'],
                ['⏸', 'pause_button'],
                ['⏯', 'play_or_pause_button'],
                ['⏹', 'stop_button'],
                ['⏺', 'record_button'],
                ['⏭', 'next_track_button'],
                ['⏮', 'previous_track_button'],
                ['⏩', 'fast_forward'],
                ['⏪', 'rewind'],
                ['⏫', 'arrow_double_up'],
                ['⏬', 'arrow_double_down'],
                ['◀️', 'arrow_backward'],
                ['🔼', 'arrow_up_small'],
                ['🔽', 'arrow_down_small'],
                ['➡️', 'arrow_right'],
                ['⬅️', 'arrow_left'],
                ['⬆️', 'arrow_up'],
                ['⬇️', 'arrow_down'],
                ['↗️', 'arrow_upper_right'],
                ['↘️', 'arrow_lower_right'],
                ['↙️', 'arrow_lower_left'],
                ['↖️', 'arrow_upper_left'],
                ['↕️', 'arrow_up_down'],
                ['↔️', 'left_right_arrow'],
                ['↪️', 'arrow_right_hook'],
                ['↩️', 'leftwards_arrow_with_hook'],
                ['⤴️', 'arrow_heading_up'],
                ['⤵️', 'arrow_heading_down'],
                ['🔀', 'twisted_rightwards_arrows'],
                ['🔁', 'repeat'],
                ['🔂', 'repeat_one'],
                ['🔄', 'arrows_counterclockwise'],
                ['🔃', 'arrows_clockwise'],
                ['🎵', 'musical_note'],
                ['🎶', 'notes'],
                ['➕', 'heavy_plus_sign'],
                ['➖', 'heavy_minus_sign'],
                ['➗', 'heavy_division_sign'],
                ['✖️', 'heavy_multiplication_x'],
                ['💲', 'heavy_dollar_sign'],
                ['💱', 'currency_exchange'],
                ['™️', 'tm'],
                ['©️', 'copyright'],
                ['®️', 'registered'],
                ['〰️', 'wavy_dash'],
                ['➰', 'curly_loop'],
                ['➿', 'loop'],
                ['🔚', 'end'],
                ['🔙', 'back'],
                ['🔛', 'on'],
                ['🔝', 'top'],
                ['🔜', 'soon'],
                ['✔️', 'heavy_check_mark'],
                ['☑️', 'ballot_box_with_check'],
                ['🔘', 'radio_button'],
                ['⚪️', 'white_circle'],
                ['⚫️', 'black_circle'],
                ['🔴', 'red_circle'],
                ['🔵', 'large_blue_circle'],
                ['🔺', 'small_red_triangle'],
                ['🔻', 'small_red_triangle_down'],
                ['🔸', 'small_orange_diamond'],
                ['🔹', 'small_blue_diamond'],
                ['🔶', 'large_orange_diamond'],
                ['🔷', 'large_blue_diamond'],
                ['🔳', 'white_square_button'],
                ['🔲', 'black_square_button'],
                ['▪️', 'black_small_square'],
                ['▫️', 'white_small_square'],
                ['◾️', 'black_medium_small_square'],
                ['◽️', 'white_medium_small_square'],
                ['◼️', 'black_medium_square'],
                ['◻️', 'white_medium_square'],
                ['⬛️', 'black_large_square'],
                ['⬜️', 'white_large_square'],
                ['🔈', 'speaker'],
                ['🔇', 'mute'],
                ['🔉', 'sound'],
                ['🔊', 'loud_sound'],
                ['🔔', 'bell'],
                ['🔕', 'no_bell'],
                ['📣', 'mega'],
                ['📢', 'loudspeaker'],
                ['👁‍🗨', 'eye_speech_bubble'],
                ['💬', 'speech_balloon'],
                ['💭', 'thought_balloon'],
                ['🗯', 'right_anger_bubble'],
                ['♠️', 'spades'],
                ['♣️', 'clubs'],
                ['♥️', 'hearts'],
                ['♦️', 'diamonds'],
                ['🃏', 'black_joker'],
                ['🎴', 'flower_playing_cards'],
                ['🀄️', 'mahjong'],
                ['🕐', 'clock1'],
                ['🕑', 'clock2'],
                ['🕒', 'clock3'],
                ['🕓', 'clock4'],
                ['🕔', 'clock5'],
                ['🕕', 'clock6'],
                ['🕖', 'clock7'],
                ['🕗', 'clock8'],
                ['🕘', 'clock9'],
                ['🕙', 'clock10'],
                ['🕚', 'clock11'],
                ['🕛', 'clock12'],
                ['🕜', 'clock130'],
                ['🕝', 'clock230'],
                ['🕞', 'clock330'],
                ['🕟', 'clock430'],
                ['🕠', 'clock530'],
                ['🕡', 'clock630'],
                ['🕢', 'clock730'],
                ['🕣', 'clock830'],
                ['🕤', 'clock930'],
                ['🕥', 'clock1030'],
                ['🕦', 'clock1130'],
                ['🕧', 'clock1230']
            ],
            name: 'Symbols',
            icon: ['🔠', 'capital_abcd']
        }
    ];

    var EmojiListComponent = /** @class */ (function () {
        function EmojiListComponent() {
            this.emojiSelectionEmitter = new core.EventEmitter();
        }
        EmojiListComponent.prototype.selectCategory = function (event) {
            this.emojiCategoryComponents.forEach(function (categoryCmp) {
                if (categoryCmp['category'].name === event.name) {
                    categoryCmp.scrollIntoView();
                }
            });
        };
        __decorate([
            core.ViewChildren(core.forwardRef(function () { return EmojiCategoryComponent; })),
            __metadata("design:type", core.QueryList)
        ], EmojiListComponent.prototype, "emojiCategoryComponents", void 0);
        __decorate([
            core.Input('emojis'),
            __metadata("design:type", Object)
        ], EmojiListComponent.prototype, "emojis", void 0);
        __decorate([
            core.Output('emoji-selection'),
            __metadata("design:type", Object)
        ], EmojiListComponent.prototype, "emojiSelectionEmitter", void 0);
        EmojiListComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiListComponent);
        return EmojiListComponent;
    }());

    var EmojiContentComponent = /** @class */ (function () {
        function EmojiContentComponent() {
            this.emojiSelectionEmitter = new core.EventEmitter();
            this._emojis = EMOJIS;
            this.emojis = this._emojis.slice();
            this.emojisCategories = this._emojis.map(function (category) { return Object.assign({}, category, { emojis: [] }); });
        }
        EmojiContentComponent.prototype.searchHandler = function (value) {
            var _this = this;
            var filteredEmojis = this.emojisCategories.map(function (category) { return Object.assign({}, category, { emojis: [] }); });
            value = value.replace(/-/g, '').toLowerCase();
            Object.keys(this._emojis).forEach(function (i) {
                var category = _this._emojis[i];
                category.emojis.forEach(function (emoji) {
                    if (emoji[1].indexOf(value) !== -1) {
                        filteredEmojis[i].emojis.push(emoji);
                    }
                });
            });
            this.emojis = filteredEmojis;
        };
        EmojiContentComponent.prototype.categorySelectionHandler = function (event) {
            this.emojiListComponent.selectCategory(event);
        };
        __decorate([
            core.ViewChild(core.forwardRef(function () { return EmojiListComponent; }), { static: true }),
            __metadata("design:type", EmojiListComponent)
        ], EmojiContentComponent.prototype, "emojiListComponent", void 0);
        __decorate([
            core.Output('emoji-selection'),
            __metadata("design:type", Object)
        ], EmojiContentComponent.prototype, "emojiSelectionEmitter", void 0);
        EmojiContentComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiContentComponent);
        return EmojiContentComponent;
    }());

    var EmojiFooterComponent = /** @class */ (function () {
        function EmojiFooterComponent() {
        }
        EmojiFooterComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiFooterComponent);
        return EmojiFooterComponent;
    }());

    var EmojiHeaderComponent = /** @class */ (function () {
        function EmojiHeaderComponent() {
            this.categorySelection = new core.EventEmitter();
            this.searchEmitter = new core.EventEmitter();
        }
        __decorate([
            core.Input('emojisCategories'),
            __metadata("design:type", Object)
        ], EmojiHeaderComponent.prototype, "emojisCategories", void 0);
        __decorate([
            core.Output('categorySelection'),
            __metadata("design:type", Object)
        ], EmojiHeaderComponent.prototype, "categorySelection", void 0);
        __decorate([
            core.Output('search'),
            __metadata("design:type", Object)
        ], EmojiHeaderComponent.prototype, "searchEmitter", void 0);
        EmojiHeaderComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiHeaderComponent);
        return EmojiHeaderComponent;
    }());

    var EmojiSearchComponent = /** @class */ (function () {
        function EmojiSearchComponent() {
            var _this = this;
            this.searchEmitter = new core.EventEmitter();
            this._searchValue = new rxjs.Subject();
            this._destroyed = new rxjs.Subject();
            this._searchValue.pipe(operators.takeUntil(this._destroyed)).subscribe(function (value) {
                _this.searchEmitter.emit(value);
            });
        }
        EmojiSearchComponent.prototype.handleInputChange = function (event) {
            this._searchValue.next(event);
        };
        EmojiSearchComponent.prototype.ngOnDestroy = function () {
            this._destroyed.next(true);
        };
        __decorate([
            core.Output("search"),
            __metadata("design:type", core.EventEmitter)
        ], EmojiSearchComponent.prototype, "searchEmitter", void 0);
        __decorate([
            core.ViewChild("input", { static: true }),
            __metadata("design:type", core.ElementRef)
        ], EmojiSearchComponent.prototype, "input", void 0);
        EmojiSearchComponent = __decorate([
            core.Component({
                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}"]
            }),
            __metadata("design:paramtypes", [])
        ], EmojiSearchComponent);
        return EmojiSearchComponent;
    }());

    var DIRECTIONS;
    (function (DIRECTIONS) {
        DIRECTIONS[DIRECTIONS["top"] = 0] = "top";
        DIRECTIONS[DIRECTIONS["bottom"] = 1] = "bottom";
        DIRECTIONS[DIRECTIONS["left"] = 2] = "left";
        DIRECTIONS[DIRECTIONS["right"] = 3] = "right";
    })(DIRECTIONS || (DIRECTIONS = {}));

    var EmojiPickerComponent = /** @class */ (function () {
        function EmojiPickerComponent(_renderer, _el) {
            var _this = this;
            this._renderer = _renderer;
            this._el = _el;
            this.selectionEmitter = new core.EventEmitter();
            this.pickerCloseEmitter = new core.EventEmitter();
            this._windowResize = new rxjs.Subject();
            this._destroyed = new rxjs.Subject();
            this._windowResize
                .pipe(operators.takeUntil(this._destroyed), operators.debounceTime(100))
                .subscribe(function (event) {
                _this.setPosition(_this._currentTarget, _this._currentDirection);
            });
        }
        EmojiPickerComponent.prototype.hide = function () {
            this._renderer.setStyle(this._el.nativeElement, "display", "none");
        };
        EmojiPickerComponent.prototype.show = function () {
            this._renderer.setStyle(this._el.nativeElement, "display", "block");
            this.setPosition(this._currentTarget, this._currentDirection);
        };
        EmojiPickerComponent.prototype.setPosition = function (target, directionCode) {
            if (directionCode === void 0) { directionCode = DIRECTIONS.bottom; }
            if (!target) {
                return console.error("Emoji-Picker: positioning failed due to missing target element or direction code");
            }
            this._renderer.setStyle(this._el.nativeElement, "transform", "");
            /** Store anchor and direction */
            this._currentTarget = target;
            this._currentDirection = directionCode;
            var targetBorders = target.nativeElement.getBoundingClientRect(), thisBorders = this._el.nativeElement.getBoundingClientRect();
            var heightCorrection = 0, widthCorrection = 0;
            /** Setting up centering of picker for all cases */
            switch (this._currentDirection) {
                case DIRECTIONS.top:
                case DIRECTIONS.bottom:
                    widthCorrection =
                        targetBorders.left -
                            thisBorders.left +
                            (targetBorders.width - thisBorders.width) / 2;
                    break;
                case DIRECTIONS.left:
                case DIRECTIONS.right:
                    heightCorrection =
                        targetBorders.top -
                            thisBorders.top +
                            (targetBorders.height - thisBorders.height) / 2;
                    break;
            }
            /** Setting up relative positioning for all cases */
            switch (this._currentDirection) {
                case DIRECTIONS.top:
                    heightCorrection = targetBorders.top - thisBorders.bottom;
                    break;
                case DIRECTIONS.left:
                    widthCorrection = targetBorders.left - thisBorders.right;
                    break;
                case DIRECTIONS.right:
                    widthCorrection = targetBorders.right - thisBorders.left;
                    break;
                case DIRECTIONS.bottom:
                    heightCorrection = targetBorders.bottom - thisBorders.top;
                    break;
            }
            /** Correcting positioning due to overflow problems */
            if (thisBorders.bottom + heightCorrection > window.innerHeight) {
                heightCorrection +=
                    window.innerHeight - (thisBorders.bottom + heightCorrection);
            }
            if (thisBorders.top + heightCorrection < 0) {
                heightCorrection -= thisBorders.top + heightCorrection;
            }
            if (thisBorders.right + widthCorrection > window.innerWidth) {
                widthCorrection +=
                    window.innerWidth - (thisBorders.right + widthCorrection);
            }
            if (thisBorders.left + widthCorrection < 0) {
                widthCorrection -= thisBorders.left + widthCorrection;
            }
            /** set the position adjustments to the emoji picker element */
            this._renderer.setStyle(this._el.nativeElement, "transform", "translate(" + widthCorrection + "px," + heightCorrection + "px)");
        };
        EmojiPickerComponent.prototype.onBackground = function (event) {
            /** internal mousedowns are ignored */
            if (event === this._lastHostMousedownEvent || event.emojiPickerExempt) {
                return;
            }
            this.pickerCloseEmitter.emit(event);
        };
        EmojiPickerComponent.prototype.ngOnDestroy = function () {
            this._destroyed.next(true);
        };
        EmojiPickerComponent.ctorParameters = function () { return [
            { type: core.Renderer2 },
            { type: core.ElementRef }
        ]; };
        __decorate([
            core.Output("emoji-select"),
            __metadata("design:type", Object)
        ], EmojiPickerComponent.prototype, "selectionEmitter", void 0);
        __decorate([
            core.Output("picker-close"),
            __metadata("design:type", Object)
        ], EmojiPickerComponent.prototype, "pickerCloseEmitter", void 0);
        EmojiPickerComponent = __decorate([
            core.Component({
                selector: "emoji-picker",
                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)",
                },
                styles: [":host { position: absolute; z-index: 9999; display: none; }"]
            }),
            __metadata("design:paramtypes", [core.Renderer2, core.ElementRef])
        ], EmojiPickerComponent);
        return EmojiPickerComponent;
    }());

    var EmojiEvent = /** @class */ (function () {
        function EmojiEvent(data) {
            Object.assign(this, data);
        }
        EmojiEvent.fromArray = function (emojiArray) {
            return new EmojiEvent({ char: emojiArray[0], label: emojiArray[1] });
        };
        return EmojiEvent;
    }());

    var EmojiPickerApiDirective = /** @class */ (function () {
        function EmojiPickerApiDirective(_cfr, _vcr, _el) {
            var _this = this;
            this._cfr = _cfr;
            this._vcr = _vcr;
            this._el = _el;
            this._directionCode = DIRECTIONS.bottom;
            this._searchBar = false;
            this.emojiPickerIfEmitter = new core.EventEmitter();
            this.selectEmitter = new core.EventEmitter();
            this._emojiPickerOpenState = new rxjs.Subject();
            this._destroyed = new rxjs.Subject();
            this._emojiSubs = [];
            this.initPicker();
            this._emojiPickerOpenState
                .pipe(operators.takeUntil(this._destroyed), operators.distinctUntilChanged())
                .subscribe(function (value) {
                var _a, _b, _c, _d, _e, _f;
                if (value) {
                    (_c = (_b = (_a = _this._emojiPickerRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.show) === null || _c === void 0 ? void 0 : _c.call(_b);
                }
                else {
                    (_f = (_e = (_d = _this._emojiPickerRef) === null || _d === void 0 ? void 0 : _d.instance) === null || _e === void 0 ? void 0 : _e.hide) === null || _f === void 0 ? void 0 : _f.call(_e);
                }
            });
        }
        Object.defineProperty(EmojiPickerApiDirective.prototype, "emojiPickerDirection", {
            set: function (direction) {
                if (DIRECTIONS[direction] === undefined) {
                    console.error("Emoji-Picker: direction '" + direction + "' passed as input does not exist in DIRECTIONS table, defaulting to 'bottom'");
                    this._directionCode = DIRECTIONS.bottom;
                }
                else {
                    this._directionCode = DIRECTIONS[direction];
                }
            },
            enumerable: true,
            configurable: true
        });
        Object.defineProperty(EmojiPickerApiDirective.prototype, "emojiPickerIf", {
            set: function (condition) {
                this._emojiPickerOpenState.next(condition);
            },
            enumerable: true,
            configurable: true
        });
        EmojiPickerApiDirective.prototype.initPicker = function () {
            var _this = this;
            this._emojiPickerFactory = this._emojiPickerFactory || this._cfr.resolveComponentFactory(EmojiPickerComponent);
            this._emojiPickerRef = this._emojiPickerRef || this._vcr.createComponent(this._emojiPickerFactory);
            this._emojiPickerRef.instance.setPosition(this._el, this._directionCode);
            this._emojiSubs.push(this._emojiPickerRef.instance.pickerCloseEmitter.subscribe(function (event) { return _this.emojiPickerIfEmitter.emit(false); }), this._emojiPickerRef.instance.selectionEmitter.subscribe(function (event) { return _this.selectEmitter.emit(EmojiEvent.fromArray(event)); }));
        };
        EmojiPickerApiDirective.prototype.closePicker = function () {
            if (!this._emojiPickerRef || !this._emojiPickerRef.destroy) {
                return;
            }
            this._emojiSubs.forEach(function (subscription) { return subscription.unsubscribe(); });
            this._emojiPickerRef.destroy();
            this._emojiSubs = [];
            delete this._emojiPickerRef;
        };
        EmojiPickerApiDirective.prototype.ngOnDestroy = function () {
            this._destroyed.next(true);
        };
        EmojiPickerApiDirective.ctorParameters = function () { return [
            { type: core.ComponentFactoryResolver },
            { type: core.ViewContainerRef },
            { type: core.ElementRef }
        ]; };
        __decorate([
            core.Input('emojiPickerDirection'),
            __metadata("design:type", String),
            __metadata("design:paramtypes", [String])
        ], EmojiPickerApiDirective.prototype, "emojiPickerDirection", null);
        __decorate([
            core.Input('emojiPickerIf'),
            __metadata("design:type", Boolean),
            __metadata("design:paramtypes", [Boolean])
        ], EmojiPickerApiDirective.prototype, "emojiPickerIf", null);
        __decorate([
            core.Output('emojiPickerIfChange'),
            __metadata("design:type", Object)
        ], EmojiPickerApiDirective.prototype, "emojiPickerIfEmitter", void 0);
        __decorate([
            core.Output('emojiPickerSelect'),
            __metadata("design:type", Object)
        ], EmojiPickerApiDirective.prototype, "selectEmitter", void 0);
        EmojiPickerApiDirective = __decorate([
            core.Directive({
                selector: '[emojiPickerIf]',
                host: {
                    '(click)': '$event.emojiPickerExempt = true' // marking off event listening on anchor
                }
            }),
            __metadata("design:paramtypes", [core.ComponentFactoryResolver,
                core.ViewContainerRef,
                core.ElementRef])
        ], EmojiPickerApiDirective);
        return EmojiPickerApiDirective;
    }());

    var CaretEvent = /** @class */ (function () {
        function CaretEvent(data) {
            Object.assign(this, data);
        }
        CaretEvent.prototype.clone = function () {
            return new CaretEvent(Object.assign({}, this, {
                caretRange: this.caretRange && this.caretRange.cloneRange ? this.caretRange.cloneRange() : this.caretRange
            }));
        };
        CaretEvent.generateNullEvent = function () {
            return new CaretEvent({
                caretOffset: 0,
                textContent: ''
            });
        };
        CaretEvent.comparePropsOfObject = function (r1, r2) {
            for (var k in r1) {
                if (r1[k] !== r2[k]) {
                    return false;
                }
            }
            return true;
        };
        CaretEvent.compare = function (e1, e2) {
            var changed = 
            /** different when either caretRange is omitted while other exists */
            (!e1.caretRange && e2.caretRange) ||
                (e1.caretRange && !e2.caretRange) ||
                /** different when offset has changed */
                (e1.caretOffset !== e2.caretOffset) ||
                /** different when textContent has changed */
                (e1.textContent !== e2.textContent) ||
                /** different when range object properties changed */
                !this.comparePropsOfObject(e1.caretRange, e2.caretRange);
            return !changed;
        };
        CaretEvent.generateCaretEvent = function (win, doc, element) {
            var caretOffset = 0, sel, caretRange, textContent = element.textContent;
            if (element.tagName.toLowerCase() === 'input') {
                return new CaretEvent({
                    caretOffset: element.selectionEnd,
                    textContent: element.value
                });
            }
            if (typeof win.getSelection != "undefined") {
                sel = win.getSelection();
                if (sel.rangeCount > 0) {
                    var range = win.getSelection().getRangeAt(0);
                    var preCaretRange = range.cloneRange();
                    preCaretRange.selectNodeContents(element);
                    preCaretRange.setEnd(range.endContainer, range.endOffset);
                    caretOffset = preCaretRange.toString().length;
                    /** Keeping a reference of the range to emit */
                    caretRange = range.cloneRange();
                }
            }
            else if ((sel = doc.selection) && sel.type != "Control") {
                var textRange = sel.createRange();
                var preCaretTextRange = doc.body.createTextRange();
                preCaretTextRange.moveToElementText(element);
                preCaretTextRange.setEndPoint("EndToEnd", textRange);
                caretOffset = preCaretTextRange.text.length;
                /** Keeping a reference of the range to emit and making it compatible */
                caretRange = textRange.duplicate();
                caretRange.insertNode = function (e) {
                    var container = document.createElement("div");
                    container.appendChild(e);
                    caretRange.pasteHTML(container.innerHTML);
                };
            }
            return new CaretEvent({
                caretOffset: caretOffset,
                caretRange: caretRange,
                textContent: textContent
            });
        };
        return CaretEvent;
    }());

    var EmojiPickerCaretDirective = /** @class */ (function () {
        function EmojiPickerCaretDirective(_el) {
            var _this = this;
            this._el = _el;
            this.caretEmitter = new core.EventEmitter();
            this._caretEvent$ = new rxjs.Subject();
            this._destroyed$ = new rxjs.Subject();
            this._lastCaretEvent = CaretEvent.generateNullEvent();
            this._caretEvent$
                .pipe(operators.takeUntil(this._destroyed$), operators.distinctUntilChanged(function (event1, event2) {
                return CaretEvent.compare(event1, event2);
            }))
                .subscribe(function (event) {
                _this.caretEmitter.emit(event);
                _this._lastCaretEvent = event.clone();
            });
        }
        Object.defineProperty(EmojiPickerCaretDirective.prototype, "doc", {
            get: function () {
                if (!this._doc) {
                    this._doc = this._el.nativeElement.ownerDocument || this._el.nativeElement.document || document;
                }
                return this._doc;
            },
            enumerable: true,
            configurable: true
        });
        Object.defineProperty(EmojiPickerCaretDirective.prototype, "win", {
            get: function () {
                if (!this._win) {
                    this._win = this.doc.defaultView || this.doc.parentWindow || window;
                }
                return this._win;
            },
            enumerable: true,
            configurable: true
        });
        EmojiPickerCaretDirective.prototype.ngOnInit = function () {
            if (!this._el.nativeElement.getAttribute('contenteditable') && this._el.nativeElement.tagName.toLowerCase() !== 'input') {
                throw new Error('(emojiPickerPositionEmitter) should only work on contenteditable enabled or input elements');
            }
        };
        EmojiPickerCaretDirective.prototype.ngOnDestroy = function () {
            this._destroyed$.next(true);
        };
        EmojiPickerCaretDirective.prototype.updateCaretPosition = function () {
            var cEvent = CaretEvent.generateCaretEvent(this.win, this.doc, this._el.nativeElement);
            this._caretEvent$.next(cEvent);
        };
        EmojiPickerCaretDirective.prototype.updateCaretDueMutation = function () {
            var _this = this;
            var cEvent = CaretEvent.generateCaretEvent(this.win, this.doc, this._el.nativeElement);
            var textMovement = cEvent.textContent.length - this._lastCaretEvent.textContent.length;
            cEvent.caretOffset = this._lastCaretEvent.caretOffset + textMovement;
            /** change detection after DOMSubtreeModified event is weird
             * ChangeDetectorRef.detectChanges(), ChangeDetectorRef.markForCheck(), ApplicationRef.tick(), NgZone.run()
             * all of those methods did not work as expected.
             * As a temporary hack I am emitting an event after a short timeout, which is fine due to the _caretEvent$ smart stream
             */
            setTimeout(function () {
                _this._caretEvent$.next(cEvent);
            });
        };
        EmojiPickerCaretDirective.ctorParameters = function () { return [
            { type: core.ElementRef }
        ]; };
        __decorate([
            core.Output('emojiPickerCaretEmitter'),
            __metadata("design:type", Object)
        ], EmojiPickerCaretDirective.prototype, "caretEmitter", void 0);
        EmojiPickerCaretDirective = __decorate([
            core.Directive({
                selector: '[emojiPickerCaretEmitter]',
                host: {
                    '(keyup)': 'updateCaretPosition()',
                    '(mouseup)': 'updateCaretPosition()',
                    '(selectstart)': 'updateCaretPosition()',
                    '(focus)': 'updateCaretPosition()',
                    '(DOMSubtreeModified)': 'updateCaretDueMutation($event)'
                }
            }),
            __metadata("design:paramtypes", [core.ElementRef])
        ], EmojiPickerCaretDirective);
        return EmojiPickerCaretDirective;
    }());

    var EmojiEmptyCategoryPipe = /** @class */ (function () {
        function EmojiEmptyCategoryPipe() {
        }
        EmojiEmptyCategoryPipe.prototype.transform = function (categories) {
            return categories.filter(function (category) { return category.emojis.length !== 0; });
        };
        EmojiEmptyCategoryPipe = __decorate([
            core.Pipe({
                name: 'notEmptyEmojiCategory'
            })
        ], EmojiEmptyCategoryPipe);
        return EmojiEmptyCategoryPipe;
    }());

    var EmojiFallback = /** @class */ (function () {
        function EmojiFallback(domSanitizer) {
            this.domSanitizer = domSanitizer;
        }
        EmojiFallback.prototype.transform = function (emoji) {
            return !emoji || this.supportsEmoji() ? emoji : this.domSanitizer.bypassSecurityTrustHtml(twemoji.parse(emoji.trim()));
        };
        // Solution: https://stackoverflow.com/questions/45576748/how-can-i-detect-rendering-support-for-emoji-in-javascript
        EmojiFallback.prototype.supportsEmoji = function () {
            var ctx = document.createElement("canvas").getContext("2d");
            ctx.fillText("🙃", -2, 4);
            return ctx.getImageData(0, 0, 1, 1).data[3] > 0;
        };
        EmojiFallback.ctorParameters = function () { return [
            { type: platformBrowser.DomSanitizer }
        ]; };
        EmojiFallback = __decorate([
            core.Pipe({
                name: 'emojiFallback'
            }),
            __metadata("design:paramtypes", [platformBrowser.DomSanitizer])
        ], EmojiFallback);
        return EmojiFallback;
    }());

    var NgxEmojiPickerModule = /** @class */ (function () {
        function NgxEmojiPickerModule() {
        }
        NgxEmojiPickerModule_1 = NgxEmojiPickerModule;
        NgxEmojiPickerModule.forRoot = function () {
            return {
                ngModule: NgxEmojiPickerModule_1,
                providers: []
            };
        };
        var NgxEmojiPickerModule_1;
        NgxEmojiPickerModule = NgxEmojiPickerModule_1 = __decorate([
            core.NgModule({
                declarations: [
                    EmojiPickerApiDirective,
                    EmojiPickerCaretDirective,
                    EmojiButtonComponent,
                    EmojiContentComponent,
                    EmojiPickerComponent,
                    EmojiListComponent,
                    EmojiHeaderComponent,
                    EmojiSearchComponent,
                    EmojiCategoriesComponent,
                    EmojiCategoryComponent,
                    EmojiFooterComponent,
                    EmojiEmptyCategoryPipe,
                    EmojiFallback
                ],
                imports: [
                    common.CommonModule
                ],
                exports: [
                    EmojiPickerApiDirective,
                    EmojiPickerCaretDirective,
                    EmojiButtonComponent,
                    EmojiContentComponent,
                    EmojiPickerComponent,
                    EmojiListComponent,
                    EmojiHeaderComponent,
                    EmojiSearchComponent,
                    EmojiCategoriesComponent,
                    EmojiCategoryComponent,
                    EmojiFooterComponent
                ],
                providers: [],
                entryComponents: [EmojiPickerComponent]
            })
        ], NgxEmojiPickerModule);
        return NgxEmojiPickerModule;
    }());

    exports.CaretEvent = CaretEvent;
    exports.EmojiButtonComponent = EmojiButtonComponent;
    exports.EmojiCategoriesComponent = EmojiCategoriesComponent;
    exports.EmojiCategoryComponent = EmojiCategoryComponent;
    exports.EmojiContentComponent = EmojiContentComponent;
    exports.EmojiEvent = EmojiEvent;
    exports.EmojiFooterComponent = EmojiFooterComponent;
    exports.EmojiHeaderComponent = EmojiHeaderComponent;
    exports.EmojiListComponent = EmojiListComponent;
    exports.EmojiPickerApiDirective = EmojiPickerApiDirective;
    exports.EmojiPickerCaretDirective = EmojiPickerCaretDirective;
    exports.EmojiPickerComponent = EmojiPickerComponent;
    exports.EmojiSearchComponent = EmojiSearchComponent;
    exports.NgxEmojiPickerModule = NgxEmojiPickerModule;
    exports.ɵa = EmojiEmptyCategoryPipe;
    exports.ɵb = EmojiFallback;

    Object.defineProperty(exports, '__esModule', { value: true });

})));
//# sourceMappingURL=ngx-emoji-picker.umd.js.map