function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["pages-chat-chat-module"], {
  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html":
  /*!*********************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html ***!
    \*********************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatChatPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header>\r\n  <!-- <app-header></app-header> -->\r\n  <app-header-no-search></app-header-no-search>\r\n</ion-header>\r\n<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"bg-blue\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Chat</ion-label>\r\n        </div>\r\n        <div class=\"div-icon\">\r\n          <ion-icon slot=\"end\" (click)=\"newGroup()\" src=\"assets/images/icons-chat-new-group.svg\" ></ion-icon>\r\n          <ion-icon slot=\"end\" (click)=\"selectContact()\" src=\"assets/images/icons-chat-new-conversation.svg\"></ion-icon>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n    <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n    <ion-refresher-content>\r\n    </ion-refresher-content>\r\n  </ion-refresher>\r\n  <div class=\"main-content\">\r\n  <ion-toolbar >\r\n    <ion-segment [(ngModel)]=\"segment\" (ionChange)=\"onSegmentChange()\">\r\n      <ion-segment-button value=\"Contactos\">\r\n        Conversas\r\n      </ion-segment-button>\r\n      <ion-segment-button value=\"Grupos\">\r\n        Grupos\r\n      </ion-segment-button>\r\n    </ion-segment>\r\n  </ion-toolbar>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n    <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n  </ion-refresher>\r\n  <div [ngSwitch]=\"segment\">\r\n    <ion-list *ngSwitchCase=\"'Contactos'\">\r\n      <ion-item-group>\r\n        <ion-item-sliding>\r\n            <div *ngFor=\"let dm of userDirectMessages\" class=\"item\">\r\n              <div class=\"item-icon\">\r\n                <ion-icon class=\"icon\" slot=\"start\" src=\"assets/images/icons-chat-chat-40.svg\"></ion-icon>\r\n              </div>\r\n              <div (click)=\"openMessages(dm)\" class=\"item-content\">\r\n                <div class=\"item-title-time\">\r\n                  <div class=\"item-title\">\r\n                    <ion-label *ngFor=\"let user of dm.usernames\">\r\n                      <span *ngIf=\"user !=loggedUser.me.username\">\r\n                      {{user}}\r\n                    </span>\r\n                    </ion-label>\r\n                  </div>\r\n                  <div class=\"item-date\">{{dm._updatedAt | date: 'HH:mm'}}</div>\r\n                </div>\r\n                <div class=\"item-description\">\r\n                  <ion-label *ngIf=\"dm.lastMessage\">{{dm.lastMessage.msg}}</ion-label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n        </ion-item-sliding>\r\n      </ion-item-group>\r\n    </ion-list>\r\n    <ion-list *ngSwitchCase=\"'Grupos'\" >\r\n      <ion-item-group>\r\n        <ion-item-sliding>\r\n            <div *ngFor=\"let group of allGroups\" class=\"item\">\r\n              <div class=\"item-icon\">\r\n                <ion-icon class=\"icon\" slot=\"start\" src=\"assets/images/icons-chat-group-chat-40.svg\"></ion-icon>\r\n              </div>\r\n              <div (click)=\"openGroupMessages(group)\" class=\"item-content\">\r\n                <div class=\"item-title-time\">\r\n                  <div class=\"item-title\">\r\n                    <ion-label>{{group.name.split('-').join(' ')}}</ion-label>\r\n                  </div>\r\n                  <div class=\"item-date\" *ngIf=\"group.lastMessage\">{{group.lastMessage._updatedAt | date: 'HH:mm'}}</div>\r\n                </div>\r\n                <div class=\"item-description\" *ngIf=\"group.lastMessage\">\r\n                  <ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label>\r\n                </div>\r\n              </div>\r\n            </div>   \r\n        </ion-item-sliding>\r\n      </ion-item-group>\r\n      \r\n    </ion-list>\r\n  </div>\r\n</div>\r\n</ion-content>\r\n\r\n\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html":
  /*!******************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html ***!
    \******************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatConversationConversationPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-buttons slot=\"start\">\r\n      <ion-back-button (click)=\"close()\" defaultHref=\"/home/chat\" icon=\"chevron-back\"></ion-back-button>\r\n    </ion-buttons>\r\n    <ion-title>{{chatUser.name}}</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-row *ngFor=\"let message of messages\" class=\"chat-container\">\r\n    <ion-col size=\"9\" *ngIf=\"message.user !== currentUser\" class=\"message other-message\">\r\n      <p><b>{{message.user}}</b></p>\r\n      <span>{{message.msg}}</span>\r\n      <div class=\"message-date\">{{message.createdAt | date: 'HH:mm'}}</div>\r\n    </ion-col>\r\n    <ion-col offset=\"3\" size=\"9\" *ngIf=\"message.user === currentUser\" class=\"message my-message\">\r\n      <ion-label>\r\n        <p><b>{{message.user}}</b></p>\r\n      <span>{{message.msg}}</span>\r\n      <div class=\"message-date\">{{message.createdAt | date: 'HH:mm'}}</div>\r\n    </ion-label>\r\n    </ion-col>\r\n\r\n  </ion-row>\r\n\r\n</ion-content>\r\n<ion-footer class=\"ion-no-border\">\r\n  <ion-toolbar>\r\n    <ion-row align-items-center>\r\n      <ion-col>\r\n        <ion-item button lines=\"none\">\r\n          <img src=\"assets/images/icons-arrow-arrow-down-25.svg\">\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col>\r\n        <ion-item lines=\"none\" class=\"div-message\">\r\n          <ion-textarea placeholder=\"Escrever uma mensagem\" auto-grow class=\"message-input\" rows=\"1\" [(ngModel)]=\"message\"></ion-textarea>\r\n          <ion-icon slot=\"end\" name=\"mic-outline\"></ion-icon>\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col>\r\n        <ion-item button lines=\"none\" [disabled]=\"message === ''\">\r\n            <img src=\"assets/images/icons-chat-send.svg\">\r\n        </ion-item>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-toolbar>\r\n</ion-footer>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html":
  /*!*************************************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html ***!
    \*************************************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatGroupMessagesGroupContactsGroupContactsPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"back-icon\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Contactos</ion-label>\r\n        </div>\r\n        <app-btn-seguinte (click)=\"createGroup()\"></app-btn-seguinte>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n  <ion-toolbar class=\"toolbar-search\">\r\n    <div class=\"search\">\r\n      <ion-searchbar debounce=\"500\" (ionChange)=\"onChange($event)\" placeholder=\"Pesquisar por cantacto\" ></ion-searchbar>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n      <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n      <ion-refresher-content>\r\n      </ion-refresher-content>\r\n    </ion-refresher>\r\n    \r\n      \r\n      \r\n\r\n  <div class=\"main-content\">\r\n    <div *ngIf=\"members\">\r\n      <ion-label class=\"members-label\">Contactos selecção:</ion-label>\r\n      <ion-list class=\"members-list\" *ngFor=\"let user of members\">\r\n        <div class=\"members-checkbox\">\r\n          <ion-checkbox checked color=\"primary\"></ion-checkbox>\r\n          <p>{{user.name}}</p>\r\n          <ion-icon name=\"ellipse\"></ion-icon>\r\n        </div>\r\n      </ion-list>\r\n    </div>\r\n\r\n    <ion-virtual-scroll [items]=\"users | filter:textSearch: 'name'\" approxItemHeight=\"70px\" [headerFn]=\"separateLetter\">\r\n  \r\n      <div class=\"item-divider\" *virtualHeader=\"let header\">\r\n        <ion-label>{{header}}</ion-label>\r\n      </div>\r\n\r\n      <div *virtualItem=\"let user\" class=\"item-checkbox\">\r\n        <ion-checkbox (ionChange)=\"selectedContact(user)\" color=\"primary\"></ion-checkbox>\r\n         <p>{{user.name}}</p>\r\n        <ion-icon name=\"ellipse\"></ion-icon>\r\n      </div>\r\n      \r\n    </ion-virtual-scroll>\r\n    \r\n  </div>    \r\n</ion-content>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html":
  /*!**********************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html ***!
    \**********************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatGroupMessagesGroupMessagesPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"header-top\">\r\n        <app-btn-modal-dismiss></app-btn-modal-dismiss>\r\n        <div class=\"middle\">\r\n          <ion-label class=\"title\">{{roomName}}</ion-label>\r\n        </div>\r\n        <div class=\"right\">\r\n          <ion-icon  (click)=\"openOptions()\" src=\"assets/images/icons-menu.svg\"></ion-icon>\r\n        </div>  \r\n      </div>\r\n      <div (click)=\"addContacts()\" class=\"header-bottom\">\r\n        <div class=\"header-bottom-icon\">\r\n          <ion-icon src=\"assets/icon/icons-user.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"header-bottom-contacts\">\r\n          <ion-label *ngFor=\"let member of members\" >\r\n            {{member.name}},\r\n          </ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n    <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n    <ion-refresher-content>\r\n    </ion-refresher-content>\r\n  </ion-refresher>\r\n  <div class=\"welcome-text\">\r\n    <ion-label>Esta conversa passou a grupo</ion-label><br />\r\n    <ion-label>A conversa original mantêm-se como chat individual</ion-label>\r\n  </div>\r\n  <div *ngFor=\"let msg of messages\" class=\"messages\">\r\n    <div *ngIf=\"msg.t != 'r'\" class='incoming-{{msg.u.username!=loggedUser.me.username}}'>\r\n      <div class=\"title\">\r\n        <ion-label>{{msg.u.name}}</ion-label>\r\n        <span class=\"time\">{{msg._updatedAt | date: 'HH:mm' }}</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>{{msg.msg}}</ion-label>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"msg.t == 'r'\" class=\"info-text\">\r\n      <ion-label>Alterou o assunto de para \"{{msg.msg.split('-').join(' ')}}\"</ion-label><br />\r\n    </div>\r\n  </div>\r\n\r\n</ion-content>\r\n<ion-footer>\r\n  <ion-toolbar>\r\n    <ion-row align-items-center class=\"row\">\r\n      <ion-col size=\"1\">\r\n        <ion-label class=\"ion-no-padding\" lines=\"none\">\r\n          <ion-icon (click)=\"openChatOptions()\" class=\"chat-icon-options\" src=\"assets/icon/icons-chat-options.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n      <ion-col size=\"9\">\r\n        <ion-item class=\"ion-no-padding type-message\" lines=\"none\">\r\n          <ion-textarea placeholder=\"Escrever uma mensagem\" auto-grow class=\"message-input\" rows=\"1\" [(ngModel)]=\"message\"></ion-textarea>\r\n          <ion-icon slot=\"end\" src=\"assets/icon/icons-chat-mic.svg\"></ion-icon>\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col size=\"2\">\r\n        <!-- [disabled]=\"message === ''\" -->\r\n        <ion-label>\r\n          <ion-icon (click)=\"sendMessage()\" class=\"chat-icon-send\" src=\"assets/icon/icons-chat-send.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-toolbar>\r\n</ion-footer>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html":
  /*!*******************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html ***!
    \*******************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatMessagesContactsContactsPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"back-icon\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Nova Conversa</ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n  <ion-toolbar class=\"toolbar-search\">\r\n    <div class=\"search\">\r\n      <ion-searchbar debounce=\"500\" (ionChange)=\"onChange($event)\" placeholder=\"Pesquisar por cantacto\" ></ion-searchbar>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n      <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n      <ion-refresher-content>\r\n      </ion-refresher-content>\r\n    </ion-refresher>\r\n  <div class=\"main-content\">\r\n    \r\n    <ion-virtual-scroll [items]=\"users | filter:textSearch: 'name'\" approxItemHeight=\"70px\" [headerFn]=\"separateLetter\">\r\n  \r\n      <div class=\"item-divider\" *virtualHeader=\"let header\">\r\n        <ion-label>{{header}}</ion-label>\r\n      </div>\r\n\r\n      <div (click)=\"createRoom(user.username)\" *virtualItem=\"let user\" class=\"item-user\">\r\n         <p>{{user.name}}</p>\r\n         <span class=\"icon\">\r\n          <ion-icon class=\"{{user.status}}\" slot=\"end\" name=\"ellipse\"></ion-icon>\r\n         </span>\r\n        \r\n      </div>\r\n      \r\n    </ion-virtual-scroll>\r\n    \r\n  </div>    \r\n</ion-content>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html":
  /*!**********************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html ***!
    \**********************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatMessagesMessagesPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"header-top\">\r\n        <app-btn-modal-dismiss></app-btn-modal-dismiss>\r\n        <div class=\"middle\" *ngFor=\"let users of dmUsers\">\r\n          <ion-label class=\"title\">{{users.name}}</ion-label>\r\n          <span><ion-icon class=\"{{users.status}}\" name=\"ellipse\"></ion-icon></span>\r\n        </div>\r\n        <div class=\"right\">\r\n          <ion-icon  (click)=\"openMessagesOptions()\" src=\"assets/images/icons-menu.svg\"></ion-icon>\r\n        </div>  \r\n      </div>\r\n      <div class=\"header-bottom\" (click)=\"addContacts()\">\r\n        <div class=\"header-bottom-icon\">\r\n          <ion-icon src=\"assets/icon/icons-user.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"header-bottom-contacts\">\r\n          <ion-label class=\"text-color-blue\">Adicionar contacto</ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n    <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n    <ion-refresher-content>\r\n    </ion-refresher-content>\r\n  </ion-refresher>\r\n  <div class=\"messages\" #scrollMe>\r\n    <!-- <ion-infinite-scroll position=\"top\" threshold=\"25%\" (ionInfinite)=\"loadMoreMessages($event)\">\r\n      <ion-infinite-scroll-content loadindSpiniter=\"crescent\" loadingText=\"Carregando...\">\r\n\r\n      </ion-infinite-scroll-content>\r\n    </ion-infinite-scroll> -->\r\n    <!-- <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <img src='assets/images/1.jpg' tappable>\r\n        <ion-label hidden >Investidura Filipe Nyusi</ion-label>\r\n      </div>\r\n    </div> -->\r\n    <div *ngFor=\"let msg of messages\" class='incoming-{{msg.u.username!=loggedUser.me.username}}'>\r\n      <div class=\"title\">\r\n        <ion-label>{{msg.u.name}}</ion-label>\r\n        <span class=\"time\">{{msg._updatedAt | date: 'HH:mm' }}</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>{{msg.msg}}</ion-label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</ion-content>\r\n<ion-footer>\r\n  <ion-toolbar>\r\n    <ion-row align-items-center class=\"row\">\r\n      <ion-col size=\"1\">\r\n        <ion-label class=\"ion-no-padding\" lines=\"none\">\r\n          <ion-icon (click)=\"openChatOptions()\" class=\"chat-icon-options\" src=\"assets/icon/icons-chat-options.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n      <ion-col size=\"9\">\r\n        <ion-item class=\"ion-no-padding type-message\" lines=\"none\">\r\n          <ion-textarea clearOnEdit=\"true\" placeholder=\"Escrever uma mensagem\" auto-grow class=\"message-input\" rows=\"1\" [(ngModel)]=\"message\"></ion-textarea>\r\n          <ion-icon slot=\"end\" src=\"assets/icon/icons-chat-mic.svg\"></ion-icon>\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col size=\"2\">\r\n        <!-- [disabled]=\"message === ''\" -->\r\n        <ion-label>\r\n          <ion-icon (click)=\"sendMessage()\" class=\"chat-icon-send\" src=\"assets/icon/icons-chat-send.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-toolbar>\r\n</ion-footer>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html":
  /*!********************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html ***!
    \********************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatNewGroupContactsContactsPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"back-icon\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Contactos</ion-label>\r\n        </div>\r\n        <app-btn-seguinte (click)=\"groupMessages()\"></app-btn-seguinte>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n  <ion-toolbar class=\"toolbar-search\">\r\n    <div class=\"search\">\r\n      <ion-searchbar (ionChange)=\"onChange($event)\" placeholder=\"Pesquisar por cantacto\" ></ion-searchbar>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n      <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n      <ion-refresher-content>\r\n      </ion-refresher-content>\r\n    </ion-refresher>\r\n  <div class=\"main-content\">\r\n    \r\n    <!-- <ion-list>\r\n      <ion-item *ngFor=\"let user of searchedItem\">\r\n        {{user.name}}\r\n      </ion-item>\r\n    </ion-list> -->\r\n\r\n    <ion-virtual-scroll [items]=\"users\" approxItemHeight=\"70px\" [headerFn]=\"separateLetter\">\r\n  \r\n      <div class=\"item-divider\" *virtualHeader=\"let header\">\r\n        <ion-label>{{header}}</ion-label>\r\n      </div>\r\n\r\n      <div *virtualItem=\"let user\" class=\"item-checkbox\">\r\n        <ion-checkbox color=\"primary\"></ion-checkbox>\r\n         <p>{{user.first}} {{user.last}}</p>\r\n        <ion-icon name=\"ellipse\"></ion-icon>\r\n      </div>\r\n      \r\n    </ion-virtual-scroll>\r\n    \r\n  </div>    \r\n</ion-content>\r\n\r\n\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html":
  /*!************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html ***!
    \************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatNewGroupNewGroupPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"left\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"middle\">\r\n          <ion-label class=\"title\">Novo Grupo</ion-label>\r\n        </div>\r\n        <app-btn-seguinte *ngIf=\"groupName\" (click)=\"addContacts()\"></app-btn-seguinte>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <div class=\"main-content\">\r\n    <div class=\"item-container\">\r\n      <ion-input [(ngModel)]=\"groupName\" placeholder=\"Título\"></ion-input>\r\n    </div>\r\n    <div *ngIf=\"false\" class=\"item-container-no-border\">\r\n      <ion-checkbox (ionChange)=\"_ionChange($event)\" color=\"primary\"></ion-checkbox>\r\n      <ion-label>Grupo Ultra-secreto</ion-label>\r\n    </div>\r\n\r\n    <div *ngIf=\"showDuration\" class=\"container-div\">\r\n      <div class=\"ion-item-class-2\">\r\n        <div class=\"ion-icon-class\">\r\n          <ion-icon slot=\"start\" src=\"assets/images/icons-duration.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"ion-input-class\">\r\n          <ion-input (click)=\"showPicker()\" [(ngModel)]=\"displayDuration\" placeholder=\"Duração\"></ion-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>    \r\n</ion-content>\r\n";
    /***/
  },

  /***/
  "./src/app/pages/chat/chat-routing.module.ts":
  /*!***************************************************!*\
    !*** ./src/app/pages/chat/chat-routing.module.ts ***!
    \***************************************************/

  /*! exports provided: ChatPageRoutingModule */

  /***/
  function srcAppPagesChatChatRoutingModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPageRoutingModule", function () {
      return ChatPageRoutingModule;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _chat_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./chat.page */
    "./src/app/pages/chat/chat.page.ts");

    var routes = [{
      path: '',
      component: _chat_page__WEBPACK_IMPORTED_MODULE_3__["ChatPage"]
    }, {
      path: 'conversation',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | conversation-conversation-module */
        "conversation-conversation-module").then(__webpack_require__.bind(null,
        /*! ./conversation/conversation.module */
        "./src/app/pages/chat/conversation/conversation.module.ts")).then(function (m) {
          return m.ConversationPageModule;
        });
      }
    }, {
      path: 'newchat',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | newchat-newchat-module */
        "newchat-newchat-module").then(__webpack_require__.bind(null,
        /*! ./newchat/newchat.module */
        "./src/app/pages/chat/newchat/newchat.module.ts")).then(function (m) {
          return m.NewchatPageModule;
        });
      }
    }, {
      path: 'new-group',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | new-group-new-group-module */
        "new-group-new-group-module").then(__webpack_require__.bind(null,
        /*! ./new-group/new-group.module */
        "./src/app/pages/chat/new-group/new-group.module.ts")).then(function (m) {
          return m.NewGroupPageModule;
        });
      }
    }, {
      path: 'group-messages',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | group-messages-group-messages-module */
        "group-messages-group-messages-module").then(__webpack_require__.bind(null,
        /*! ./group-messages/group-messages.module */
        "./src/app/pages/chat/group-messages/group-messages.module.ts")).then(function (m) {
          return m.GroupMessagesPageModule;
        });
      }
    }, {
      path: 'messages',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | messages-messages-module */
        "messages-messages-module").then(__webpack_require__.bind(null,
        /*! ./messages/messages.module */
        "./src/app/pages/chat/messages/messages.module.ts")).then(function (m) {
          return m.MessagesPageModule;
        });
      }
    }, {
      path: 'edit-group',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | edit-group-edit-group-module */
        "edit-group-edit-group-module").then(__webpack_require__.bind(null,
        /*! ./edit-group/edit-group.module */
        "./src/app/pages/chat/edit-group/edit-group.module.ts")).then(function (m) {
          return m.EditGroupPageModule;
        });
      }
    }];

    var ChatPageRoutingModule = function ChatPageRoutingModule() {
      _classCallCheck(this, ChatPageRoutingModule);
    };

    ChatPageRoutingModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(routes)],
      exports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"]]
    })], ChatPageRoutingModule);
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.module.ts":
  /*!*******************************************!*\
    !*** ./src/app/pages/chat/chat.module.ts ***!
    \*******************************************/

  /*! exports provided: ChatPageModule */

  /***/
  function srcAppPagesChatChatModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPageModule", function () {
      return ChatPageModule;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var _chat_routing_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ./chat-routing.module */
    "./src/app/pages/chat/chat-routing.module.ts");
    /* harmony import */


    var _chat_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ./chat.page */
    "./src/app/pages/chat/chat.page.ts");
    /* harmony import */


    var src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! src/app/shared/shared.module */
    "./src/app/shared/shared.module.ts");

    var ChatPageModule = function ChatPageModule() {
      _classCallCheck(this, ChatPageModule);
    };

    ChatPageModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"], _ionic_angular__WEBPACK_IMPORTED_MODULE_4__["IonicModule"], src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_7__["SharedModule"], _chat_routing_module__WEBPACK_IMPORTED_MODULE_5__["ChatPageRoutingModule"]],
      declarations: [_chat_page__WEBPACK_IMPORTED_MODULE_6__["ChatPage"]],
      schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["CUSTOM_ELEMENTS_SCHEMA"]]
    })], ChatPageModule);
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.page.scss":
  /*!*******************************************!*\
    !*** ./src/app/pages/chat/chat.page.scss ***!
    \*******************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatChatPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.main-header .div-title {\n  padding: 0 !important;\n  float: left;\n}\n.main-header .title {\n  font-size: 25px;\n}\n.main-header .div-icon {\n  width: 112px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.main-content {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 15px 20px 0 20px;\n}\n.main-content .iconschatnew-group {\n  width: 30px;\n  height: 30px;\n  -o-object-fit: contain;\n     object-fit: contain;\n  margin: 0 5px 0 5px;\n}\n.main-content .iconschatnew-conversation {\n  width: 30px;\n  height: 30px;\n  -o-object-fit: contain;\n     object-fit: contain;\n  margin: 0 5px 0 5px;\n}\n.item {\n  width: 100%;\n  border-bottom: 1px solid #ebebeb;\n  overflow: auto;\n}\n.item .item-icon {\n  width: 40px;\n  float: left;\n}\n.item .item-icon .icon {\n  margin-top: 10px;\n  font-size: 40px;\n}\n.item .item-content {\n  width: 317px;\n  margin: 0 auto;\n  float: right;\n}\n.item .item-title-time {\n  width: 100%;\n  overflow: auto;\n  margin-top: 10px;\n}\n.item .item-title {\n  width: 80%;\n  float: left;\n  font-size: 15px;\n  color: #0d89d1;\n}\n.item .item-date {\n  width: 20%;\n  float: right;\n  font-size: 13px;\n  color: #797979;\n  text-align: right;\n}\n.item .item-description {\n  font-size: 13px;\n  color: #000;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9DOlxcVXNlcnNcXGV1ZGVzLmluYWNpb1xcR2FiaW5ldC1EaWdpdGFsUHJvamVjdFxcTmV3IGZvbGRlclxcZ2FiaW5ldGUtZGlnaXRhbC9zcmNcXGFwcFxccGFnZXNcXGNoYXRcXGNoYXQucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L2NoYXQucGFnZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0UsV0FBQTtFQUFhLFVBQUE7RUFDYixZQUFBO0VBQ0EsbUJBQUE7RUFDQSw0QkFBQTtFQUNBLDZCQUFBO0VBQ0Esc0JBQUE7RUFDQSxnQkFBQTtFQUNBLDJCQUFBO0VBQ0EsV0FBQTtFQUNBLGlDQUFBO0FDQ0Y7QURDRTtFQUNFLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7RUFDQSxxQkFBQTtFQUNBLGdCQUFBO0FDQ0o7QURDRTtFQUNFLHFCQUFBO0VBQ0EsV0FBQTtBQ0NKO0FEQ0U7RUFDRSxlQUFBO0FDQ0o7QURDRTtFQUNFLFlBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxZQUFBO0FDQ0o7QURDRTtFQUNFLFlBQUE7RUFDQSxrQkFBQTtBQ0NKO0FERUE7RUFDRSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtBQ0VGO0FEQUU7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHNCQUFBO0tBQUEsbUJBQUE7RUFDQSxtQkFBQTtBQ0VKO0FEQUU7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHNCQUFBO0tBQUEsbUJBQUE7RUFDQSxtQkFBQTtBQ0VKO0FERUE7RUFDRSxXQUFBO0VBQ0EsZ0NBQUE7RUFDQSxjQUFBO0FDQ0Y7QURDRTtFQUNFLFdBQUE7RUFDQSxXQUFBO0FDQ0o7QURDSTtFQUNFLGdCQUFBO0VBQ0EsZUFBQTtBQ0NOO0FERUU7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLFlBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGNBQUE7RUFDQSxnQkFBQTtBQ0FKO0FERUU7RUFDSSxVQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQU47QURFRTtFQUNFLFVBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0FKO0FERUU7RUFDRSxlQUFBO0VBQ0EsV0FBQTtBQ0FKIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMvY2hhdC9jaGF0LnBhZ2Uuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG4ubWFpbi1oZWFkZXJ7XHJcbiAgd2lkdGg6IDEwMCU7IC8qIDQwMHB4ICovXHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XHJcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMjVweDtcclxuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gIG92ZXJmbG93OmhpZGRlbjtcclxuICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XHJcbiAgY29sb3I6IzAwMDtcclxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XHJcbiAgXHJcbiAgLnRpdGxlLWNvbnRlbnR7XHJcbiAgICB3aWR0aDogMzYwcHg7XHJcbiAgICBtYXJnaW46IDBweCBhdXRvO1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xyXG4gIH1cclxuICAuZGl2LXRpdGxle1xyXG4gICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICBmbG9hdDogbGVmdDtcclxuICB9XHJcbiAgLnRpdGxle1xyXG4gICAgZm9udC1zaXplOiAyNXB4O1xyXG4gIH1cclxuICAuZGl2LWljb257XHJcbiAgICB3aWR0aDogMTEycHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBmb250LXNpemU6IDM1cHg7XHJcbiAgICBvdmVyZmxvdzogYXV0bztcclxuICAgIHBhZGRpbmc6IDFweDtcclxuICB9XHJcbiAgLmRpdi1pY29uIGlvbi1pY29ue1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAyMHB4O1xyXG4gIH1cclxufVxyXG4ubWFpbi1jb250ZW50e1xyXG4gIHdpZHRoOiAxMDAlOyAvKiA0MDBweCAqL1xyXG4gIGhlaWdodDogMTAwJTtcclxuICBmb250LWZhbWlseTogUm9ib3RvO1xyXG4gIG1hcmdpbjogMCBhdXRvO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgb3ZlcmZsb3c6YXV0bztcclxuICBwYWRkaW5nOiAxNXB4IDIwcHggMCAyMHB4O1xyXG5cclxuICAuaWNvbnNjaGF0bmV3LWdyb3Vwe1xyXG4gICAgd2lkdGg6IDMwcHg7XHJcbiAgICBoZWlnaHQ6IDMwcHg7XHJcbiAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgbWFyZ2luOiAwIDVweCAwIDVweDtcclxuICB9XHJcbiAgLmljb25zY2hhdG5ldy1jb252ZXJzYXRpb257XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIGhlaWdodDogMzBweDtcclxuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICBtYXJnaW46IDAgNXB4IDAgNXB4O1xyXG4gIH1cclxufVxyXG5cclxuLml0ZW17XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYmViZWI7XHJcbiAgb3ZlcmZsb3c6IGF1dG87XHJcblxyXG4gIC5pdGVtLWljb257XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG5cclxuICAgIC5pY29ue1xyXG4gICAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG4gICAgICBmb250LXNpemU6IDQwcHg7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC5pdGVtLWNvbnRlbnR7XHJcbiAgICB3aWR0aDogMzE3cHg7XHJcbiAgICBtYXJnaW46IDAgYXV0bztcclxuICAgIGZsb2F0OnJpZ2h0XHJcbiAgfVxyXG4gIC5pdGVtLXRpdGxlLXRpbWV7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgbWFyZ2luLXRvcDogMTBweDtcclxuICB9XHJcbiAgLml0ZW0tdGl0bGV7XHJcbiAgICAgIHdpZHRoOiA4MCU7XHJcbiAgICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgIGNvbG9yOiAjMGQ4OWQxO1xyXG4gIH1cclxuICAuaXRlbS1kYXRle1xyXG4gICAgd2lkdGg6IDIwJTtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIGNvbG9yOiAjNzk3OTc5O1xyXG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XHJcbiAgfVxyXG4gIC5pdGVtLWRlc2NyaXB0aW9ue1xyXG4gICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgY29sb3I6ICMwMDA7XHJcbiAgfVxyXG59XHJcbiIsIi5tYWluLWhlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICAvKiA0MDBweCAqL1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAyNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XG4gIGNvbG9yOiAjMDAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XG59XG4ubWFpbi1oZWFkZXIgLnRpdGxlLWNvbnRlbnQge1xuICB3aWR0aDogMzYwcHg7XG4gIG1hcmdpbjogMHB4IGF1dG87XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG59XG4ubWFpbi1oZWFkZXIgLmRpdi10aXRsZSB7XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4ubWFpbi1oZWFkZXIgLnRpdGxlIHtcbiAgZm9udC1zaXplOiAyNXB4O1xufVxuLm1haW4taGVhZGVyIC5kaXYtaWNvbiB7XG4gIHdpZHRoOiAxMTJweDtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250LXNpemU6IDM1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAxcHg7XG59XG4ubWFpbi1oZWFkZXIgLmRpdi1pY29uIGlvbi1pY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG59XG5cbi5tYWluLWNvbnRlbnQge1xuICB3aWR0aDogMTAwJTtcbiAgLyogNDAwcHggKi9cbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LWZhbWlseTogUm9ib3RvO1xuICBtYXJnaW46IDAgYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDE1cHggMjBweCAwIDIwcHg7XG59XG4ubWFpbi1jb250ZW50IC5pY29uc2NoYXRuZXctZ3JvdXAge1xuICB3aWR0aDogMzBweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xuICBtYXJnaW46IDAgNXB4IDAgNXB4O1xufVxuLm1haW4tY29udGVudCAuaWNvbnNjaGF0bmV3LWNvbnZlcnNhdGlvbiB7XG4gIHdpZHRoOiAzMHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIG1hcmdpbjogMCA1cHggMCA1cHg7XG59XG5cbi5pdGVtIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWJlYmViO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5pdGVtIC5pdGVtLWljb24ge1xuICB3aWR0aDogNDBweDtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4uaXRlbSAuaXRlbS1pY29uIC5pY29uIHtcbiAgbWFyZ2luLXRvcDogMTBweDtcbiAgZm9udC1zaXplOiA0MHB4O1xufVxuLml0ZW0gLml0ZW0tY29udGVudCB7XG4gIHdpZHRoOiAzMTdweDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGZsb2F0OiByaWdodDtcbn1cbi5pdGVtIC5pdGVtLXRpdGxlLXRpbWUge1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG4uaXRlbSAuaXRlbS10aXRsZSB7XG4gIHdpZHRoOiA4MCU7XG4gIGZsb2F0OiBsZWZ0O1xuICBmb250LXNpemU6IDE1cHg7XG4gIGNvbG9yOiAjMGQ4OWQxO1xufVxuLml0ZW0gLml0ZW0tZGF0ZSB7XG4gIHdpZHRoOiAyMCU7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBjb2xvcjogIzc5Nzk3OTtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG4uaXRlbSAuaXRlbS1kZXNjcmlwdGlvbiB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgY29sb3I6ICMwMDA7XG59Il19 */";
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.page.ts":
  /*!*****************************************!*\
    !*** ./src/app/pages/chat/chat.page.ts ***!
    \*****************************************/

  /*! exports provided: ChatPage */

  /***/
  function srcAppPagesChatChatPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPage", function () {
      return ChatPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var _conversation_conversation_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ./conversation/conversation.page */
    "./src/app/pages/chat/conversation/conversation.page.ts");
    /* harmony import */


    var _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ./group-messages/group-messages.page */
    "./src/app/pages/chat/group-messages/group-messages.page.ts");
    /* harmony import */


    var _messages_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ./messages/contacts/contacts.page */
    "./src/app/pages/chat/messages/contacts/contacts.page.ts");
    /* harmony import */


    var _messages_messages_page__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ./messages/messages.page */
    "./src/app/pages/chat/messages/messages.page.ts");
    /* harmony import */


    var _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ./new-group/new-group.page */
    "./src/app/pages/chat/new-group/new-group.page.ts");

    var ChatPage = /*#__PURE__*/function () {
      function ChatPage(http, chatService, modalController, authService) {
        _classCallCheck(this, ChatPage);

        this.http = http;
        this.chatService = chatService;
        this.modalController = modalController;
        this.authService = authService;
        this.headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]();
        this.headers = this.headers.set('X-User-Id', 'GqjNWiLrGEHRna7Zn');
        this.headers = this.headers.set('X-Auth-Token', 'SJwIgtlqfloPK696fpc2VBvyDluipuIHKB_0Q6-9ycJ');
      }

      _createClass(ChatPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this = this;

          this.segment = "Contactos";
          this.authService.userData$.subscribe(function (res) {
            _this.loggedUser = res;
            console.log(_this.loggedUser);
          });
          this.load();
        }
      }, {
        key: "onSegmentChange",
        value: function onSegmentChange() {
          this.load();
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(ev) {
          this.load();
          ev.target.complete();
        }
      }, {
        key: "load",
        value: function load() {
          switch (this.segment) {
            case "Contactos":
              this.getDirectMessages();
              break;

            case "Grupos":
              this.getGroups();
              break;
          }
        }
      }, {
        key: "customRoom",
        value: function customRoom() {
          var params = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpParams"]();
          params = params.set("types", "c");
          this.chatService.customsRooms(params).subscribe(function (res) {
            console.log(res);
          });
        }
      }, {
        key: "getDirectMessages",
        value: function getDirectMessages() {
          var _this2 = this;

          this.showLoader = true;
          this.chatService.getAllDirectMessages().subscribe(function (res) {
            console.log(res.ims);
            _this2.userDirectMessages = res.ims.sort(function (a, b) {
              var dateA = new Date(a._updatedAt).getTime();
              var dateB = new Date(b._updatedAt).getTime();
              _this2.showLoader = false;
              return dateB - dateA;
            });
            console.log(_this2.userDirectMessages);
          });
        }
      }, {
        key: "getChatMembers",
        value: function getChatMembers() {
          var _this3 = this;

          this.chatService.getMembers(this.userDirectMessages[0]._id).subscribe(function (res) {
            _this3.dmUsers = res['members'].filter(function (data) {
              return data.username != _this3.loggedUser.me.username;
            });
          });
        }
      }, {
        key: "getGroups",
        value: function getGroups() {
          var _this4 = this;

          this.showLoader = true;
          this.result = this.chatService.getAllPrivateGroups().subscribe(function (res) {
            _this4.privateGroups = res.groups;
            _this4.result = _this4.chatService.getAllUserChannels().subscribe(function (res) {
              _this4.publicGroups = res.channels;

              var all = _this4.privateGroups.concat(_this4.publicGroups);

              _this4.allGroups = all.sort(function (a, b) {
                var dateA = new Date(a._updatedAt).getTime();
                var dateB = new Date(b._updatedAt).getTime();
                _this4.showLoader = false;
                return dateB - dateA;
              });
              console.log(_this4.allGroups);
            });
          });
        }
      }, {
        key: "startConversation",
        value: function startConversation(selectedUser) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
            var modal;
            return regeneratorRuntime.wrap(function _callee$(_context) {
              while (1) {
                switch (_context.prev = _context.next) {
                  case 0:
                    _context.next = 2;
                    return this.modalController.create({
                      component: _conversation_conversation_page__WEBPACK_IMPORTED_MODULE_6__["ConversationPage"],
                      cssClass: 'conversation',
                      backdropDismiss: false,
                      componentProps: {
                        user: selectedUser
                      }
                    });

                  case 2:
                    modal = _context.sent;
                    _context.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context.stop();
                }
              }
            }, _callee, this);
          }));
        }
      }, {
        key: "selectContact",
        value: function selectContact() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
            var modal;
            return regeneratorRuntime.wrap(function _callee2$(_context2) {
              while (1) {
                switch (_context2.prev = _context2.next) {
                  case 0:
                    _context2.next = 2;
                    return this.modalController.create({
                      component: _messages_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_8__["ContactsPage"],
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context2.sent;
                    _context2.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context2.stop();
                }
              }
            }, _callee2, this);
          }));
        }
      }, {
        key: "newGroup",
        value: function newGroup() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
            var modal;
            return regeneratorRuntime.wrap(function _callee3$(_context3) {
              while (1) {
                switch (_context3.prev = _context3.next) {
                  case 0:
                    _context3.next = 2;
                    return this.modalController.create({
                      component: _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_10__["NewGroupPage"],
                      cssClass: 'new-group',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context3.sent;
                    _context3.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context3.stop();
                }
              }
            }, _callee3, this);
          }));
        }
      }, {
        key: "openMessages",
        value: function openMessages(dm) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
            var modal;
            return regeneratorRuntime.wrap(function _callee4$(_context4) {
              while (1) {
                switch (_context4.prev = _context4.next) {
                  case 0:
                    console.log(dm);
                    _context4.next = 3;
                    return this.modalController.create({
                      component: _messages_messages_page__WEBPACK_IMPORTED_MODULE_9__["MessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm
                      }
                    });

                  case 3:
                    modal = _context4.sent;
                    _context4.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss();

                  case 7:
                  case "end":
                    return _context4.stop();
                }
              }
            }, _callee4, this);
          }));
        }
      }, {
        key: "openGroupMessages",
        value: function openGroupMessages(room) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
            var modal;
            return regeneratorRuntime.wrap(function _callee5$(_context5) {
              while (1) {
                switch (_context5.prev = _context5.next) {
                  case 0:
                    console.log(room);
                    _context5.next = 3;
                    return this.modalController.create({
                      component: _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_7__["GroupMessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        room: room
                      }
                    });

                  case 3:
                    modal = _context5.sent;
                    _context5.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss();

                  case 7:
                  case "end":
                    return _context5.stop();
                }
              }
            }, _callee5, this);
          }));
        }
      }]);

      return ChatPage;
    }();

    ChatPage.ctorParameters = function () {
      return [{
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__["ChatService"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }];
    };

    ChatPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-chat',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./chat.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./chat.page.scss */
      "./src/app/pages/chat/chat.page.scss"))["default"]]
    })], ChatPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/conversation/conversation.page.scss":
  /*!****************************************************************!*\
    !*** ./src/app/pages/chat/conversation/conversation.page.scss ***!
    \****************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatConversationConversationPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "ion-content {\n  background-color: #fefefe;\n}\n\n.chat-container {\n  margin: 10px 10px 0 10px;\n}\n\n.message {\n  padding: 5px 5px 5px 10px;\n  border-radius: 10px;\n  margin-bottom: 10px;\n  white-space: pre-wrap;\n}\n\n.my-message {\n  background: var(--ion-color-primary);\n  color: #fff;\n}\n\n.my-message p {\n  margin: 0;\n  padding: 0;\n  color: #9ab8e9;\n}\n\n.message-date {\n  font-size: 10px;\n  text-align: right;\n  margin-right: 5px;\n}\n\n.other-message {\n  background: #f2f3f7;\n  color: #333;\n}\n\n.other-message p {\n  margin: 0;\n  padding: 0;\n  color: #959ba7;\n}\n\n.message-input {\n  margin-top: 0px;\n  background: #fff;\n  padding: 0;\n  margin: 0;\n}\n\n.div-message {\n  border: 1px solid var(--ion-color-medium);\n  border-radius: 20px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9jb252ZXJzYXRpb24vQzpcXFVzZXJzXFxldWRlcy5pbmFjaW9cXEdhYmluZXQtRGlnaXRhbFByb2plY3RcXE5ldyBmb2xkZXJcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxjb252ZXJzYXRpb25cXGNvbnZlcnNhdGlvbi5wYWdlLnNjc3MiLCJzcmMvYXBwL3BhZ2VzL2NoYXQvY29udmVyc2F0aW9uL2NvbnZlcnNhdGlvbi5wYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSx5QkFBQTtBQ0NKOztBRENBO0VBQ0ksd0JBQUE7QUNFSjs7QURBQTtFQUNJLHlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxtQkFBQTtFQUNBLHFCQUFBO0FDR0o7O0FEQUU7RUFDRSxvQ0FBQTtFQUNBLFdBQUE7QUNHSjs7QURERTtFQUNJLFNBQUE7RUFDQSxVQUFBO0VBQ0EsY0FBQTtBQ0lOOztBREZFO0VBQ0ksZUFBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7QUNLTjs7QURGRTtFQUNFLG1CQUFBO0VBQ0EsV0FBQTtBQ0tKOztBREhFO0VBQ0UsU0FBQTtFQUNBLFVBQUE7RUFDQSxjQUFBO0FDTUo7O0FESEU7RUFDRSxlQUFBO0VBRUEsZ0JBQUE7RUFDQSxVQUFBO0VBQ0EsU0FBQTtBQ0tKOztBRERFO0VBQ0UseUNBQUE7RUFDQSxtQkFBQTtBQ0lKIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMvY2hhdC9jb252ZXJzYXRpb24vY29udmVyc2F0aW9uLnBhZ2Uuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbImlvbi1jb250ZW50e1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjojZmVmZWZlO1xyXG59XHJcbi5jaGF0LWNvbnRhaW5lcntcclxuICAgIG1hcmdpbjogMTBweCAxMHB4IDAgMTBweDtcclxufVxyXG4ubWVzc2FnZSB7XHJcbiAgICBwYWRkaW5nOiA1cHggNXB4IDVweCAxMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XHJcbiAgfVxyXG4gICBcclxuICAubXktbWVzc2FnZSB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1pb24tY29sb3ItcHJpbWFyeSk7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICB9XHJcbiAgLm15LW1lc3NhZ2UgcHtcclxuICAgICAgbWFyZ2luOiAwO1xyXG4gICAgICBwYWRkaW5nOiAwO1xyXG4gICAgICBjb2xvcjogIzlhYjhlOTtcclxuICB9XHJcbiAgLm1lc3NhZ2UtZGF0ZXtcclxuICAgICAgZm9udC1zaXplOiAxMHB4O1xyXG4gICAgICB0ZXh0LWFsaWduOiByaWdodDtcclxuICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XHJcbiAgfVxyXG4gICBcclxuICAub3RoZXItbWVzc2FnZSB7XHJcbiAgICBiYWNrZ3JvdW5kOiAjZjJmM2Y3O1xyXG4gICAgY29sb3I6ICMzMzM7XHJcbiAgfVxyXG4gIC5vdGhlci1tZXNzYWdlIHB7XHJcbiAgICBtYXJnaW46IDA7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgY29sb3I6Izk1OWJhNztcclxufVxyXG4gICBcclxuICAubWVzc2FnZS1pbnB1dCB7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbiAgICBcclxuICAgIGJhY2tncm91bmQ6ICNmZmY7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuICBcclxuICBcclxuICAuZGl2LW1lc3NhZ2V7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pb24tY29sb3ItbWVkaXVtKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7XHJcbiAgfVxyXG4gICBcclxuICBcclxuIFxyXG5cclxuIiwiaW9uLWNvbnRlbnQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmVmZWZlO1xufVxuXG4uY2hhdC1jb250YWluZXIge1xuICBtYXJnaW46IDEwcHggMTBweCAwIDEwcHg7XG59XG5cbi5tZXNzYWdlIHtcbiAgcGFkZGluZzogNXB4IDVweCA1cHggMTBweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xufVxuXG4ubXktbWVzc2FnZSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWlvbi1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5teS1tZXNzYWdlIHAge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGNvbG9yOiAjOWFiOGU5O1xufVxuXG4ubWVzc2FnZS1kYXRlIHtcbiAgZm9udC1zaXplOiAxMHB4O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XG59XG5cbi5vdGhlci1tZXNzYWdlIHtcbiAgYmFja2dyb3VuZDogI2YyZjNmNztcbiAgY29sb3I6ICMzMzM7XG59XG5cbi5vdGhlci1tZXNzYWdlIHAge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGNvbG9yOiAjOTU5YmE3O1xufVxuXG4ubWVzc2FnZS1pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDBweDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xufVxuXG4uZGl2LW1lc3NhZ2Uge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pb24tY29sb3ItbWVkaXVtKTtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbn0iXX0= */";
    /***/
  },

  /***/
  "./src/app/pages/chat/conversation/conversation.page.ts":
  /*!**************************************************************!*\
    !*** ./src/app/pages/chat/conversation/conversation.page.ts ***!
    \**************************************************************/

  /*! exports provided: ConversationPage */

  /***/
  function srcAppPagesChatConversationConversationPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ConversationPage", function () {
      return ConversationPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");

    var ConversationPage = /*#__PURE__*/function () {
      function ConversationPage(authService, router, modalController, navParams) {
        _classCallCheck(this, ConversationPage);

        this.authService = authService;
        this.router = router;
        this.modalController = modalController;
        this.navParams = navParams;
        this.message = '';
        this.messages = [];
        this.currentUser = '';
      }

      _createClass(ConversationPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this5 = this;

          this.authService.userData$.subscribe(function (res) {
            _this5.loggedUser = res;
          });
          this.chatUser = this.navParams.get('user');
          console.log(this.navParams.get('user'));
          console.log(this.chatUser.name);
          /* console.log("ON");
          this.socket.connect();
                //Set current user
          let name = `User-${new Date().getTime()}`;
          this.currentUser=name;
                this.socket.emit('set-name', name);
                //Reat from event calling "fromEvent"
          this.socket.fromEvent('users-changed').subscribe(data =>{
            console.log('gOT data:', data);
          });
                //Add message to the array of messages
          this.socket.fromEvent('message').subscribe(message =>{
            console.log('New:', message);
            this.messages.push(message);
          }); */
        }
      }, {
        key: "close",
        value: function close() {
          this.router.navigate(['/home/chat']);
          this.modalController.dismiss(null);
        }
      }, {
        key: "sendMessage",
        value: function sendMessage() {}
      }]);

      return ConversationPage;
    }();

    ConversationPage.ctorParameters = function () {
      return [{
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }, {
        type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["NavParams"]
      }];
    };

    ConversationPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-conversation',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./conversation.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./conversation.page.scss */
      "./src/app/pages/chat/conversation/conversation.page.scss"))["default"]]
    })], ConversationPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.scss":
  /*!***********************************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.scss ***!
    \***********************************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatGroupMessagesGroupContactsGroupContactsPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.header-toolbar .main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n}\n.header-toolbar .main-header .back-icon {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n.header-toolbar .main-header .div-title {\n  width: 221px;\n  padding: 0 !important;\n  float: left;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.toolbar-search {\n  --padding-top:0 !important;\n  --padding-bottom:0 !important;\n  --padding-start:0 !important;\n  --padding-end:0 !important;\n}\n.toolbar-search .search {\n  border: 1px solid #ebebeb;\n  margin: 5px 20px 5px 20px;\n  border-radius: 5px;\n}\n.toolbar-search .search ion-searchbar {\n  /* border: 1px solid green; */\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  --border-radius: 5px;\n  --box-shadow: none;\n  overflow: auto;\n  --icon-color:#0d89d1;\n}\nion-content {\n  --background:transparent;\n}\n.main-content {\n  width: 100%;\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 0 0 0 0;\n}\n.main-content .members-label {\n  margin: 10px 20px 10px 20px !important;\n  /* font-size: 15px; */\n  font-weight: bold;\n}\n.main-content .members-checkbox {\n  display: flex;\n  margin: 0.5px 20px 0.5px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-divider {\n  background: #ebebeb;\n  font-size: 15px;\n  margin: 10px 0 10px 0;\n  padding: 5px 0 5px 20px;\n}\n.main-content .item-checkbox {\n  display: flex;\n  margin: 10px 20px 10px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-checkbox ion-checkbox, .main-content .members-checkbox ion-checkbox {\n  --border-color: #0d89d1;\n  --background-checked:#0d89d1;\n  float: left;\n}\n.main-content .item-checkbox p, .main-content .members-checkbox p {\n  display: block;\n  margin: 0 !important;\n  width: 330px;\n  padding-left: 10px;\n  font-size: 15px;\n  color: #0d89d1;\n  float: left;\n}\n.main-content .item-checkbox ion-icon, .main-content .members-checkbox ion-icon {\n  font-size: 10px;\n  float: left;\n  color: #99e47b;\n  margin-left: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9ncm91cC1tZXNzYWdlcy9ncm91cC1jb250YWN0cy9DOlxcVXNlcnNcXGV1ZGVzLmluYWNpb1xcR2FiaW5ldC1EaWdpdGFsUHJvamVjdFxcTmV3IGZvbGRlclxcZ2FiaW5ldGUtZGlnaXRhbC9zcmNcXGFwcFxccGFnZXNcXGNoYXRcXGdyb3VwLW1lc3NhZ2VzXFxncm91cC1jb250YWN0c1xcZ3JvdXAtY29udGFjdHMucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L2dyb3VwLW1lc3NhZ2VzL2dyb3VwLWNvbnRhY3RzL2dyb3VwLWNvbnRhY3RzLnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLHdCQUFBO0VBQ0EsWUFBQTtBQ0NKO0FEQ0c7RUFDRSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsMkJBQUE7RUFDQSxXQUFBO0VBQ0EsaUNBQUE7QUNFTDtBREFLO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLFlBQUE7QUNFUDtBREFLO0VBQ0UsWUFBQTtFQUNBLGtCQUFBO0FDRVA7QURBTztFQUNFLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7RUFDQSxxQkFBQTtBQ0VUO0FEQ0s7RUFDRSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQ1A7QURFSztFQUNJLFlBQUE7RUFDQSxxQkFBQTtFQUNBLFdBQUE7RUFDQSxxQkFBQTtBQ0FUO0FERUs7RUFDSSxlQUFBO0FDQVQ7QURJQztFQUNFLDBCQUFBO0VBQ0EsNkJBQUE7RUFDQSw0QkFBQTtFQUNBLDBCQUFBO0FDREg7QURHRztFQUNFLHlCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtBQ0RMO0FER0c7RUFDRSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtFQUNBLHFCQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGNBQUE7RUFDQSxvQkFBQTtBQ0RMO0FES0M7RUFDRSx3QkFBQTtBQ0ZIO0FESUM7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtFQUNBLGdCQUFBO0FDREg7QURHSTtFQUNFLHNDQUFBO0VBQ0EscUJBQUE7RUFDQSxpQkFBQTtBQ0ROO0FESUk7RUFDRSxhQUFBO0VBQ0Esd0NBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7QUNGTjtBRE1JO0VBQ0UsbUJBQUE7RUFDQSxlQUFBO0VBQ0EscUJBQUE7RUFDQSx1QkFBQTtBQ0pOO0FEUUs7RUFDRSxhQUFBO0VBQ0Esc0NBQUE7RUFDQSxjQUFBO0VBQ0EsbUJBQUE7QUNOUDtBRFVLO0VBQ0ksdUJBQUE7RUFDQSw0QkFBQTtFQUNBLFdBQUE7QUNSVDtBRFdLO0VBQ0ksY0FBQTtFQUNBLG9CQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxXQUFBO0FDVFQ7QURXSztFQUNFLGVBQUE7RUFDQSxXQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0FDVFAiLCJmaWxlIjoic3JjL2FwcC9wYWdlcy9jaGF0L2dyb3VwLW1lc3NhZ2VzL2dyb3VwLWNvbnRhY3RzL2dyb3VwLWNvbnRhY3RzLnBhZ2Uuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItdG9vbGJhcntcclxuICAgIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcclxuICAgIC0tb3BhY2l0eTogMTtcclxuIFxyXG4gICAubWFpbi1oZWFkZXJ7XHJcbiAgICAgd2lkdGg6IDEwMCU7IC8qIDQwMHB4ICovXHJcbiAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XHJcbiAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMjVweDtcclxuICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcclxuICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gICAgIG92ZXJmbG93OmhpZGRlbjtcclxuICAgICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XHJcbiAgICAgY29sb3I6IzAwMDtcclxuICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XHJcbiBcclxuICAgICAuZGl2LWljb257XHJcbiAgICAgICB3aWR0aDogNDBweDtcclxuICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgIGZvbnQtc2l6ZTogMzVweDtcclxuICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgcGFkZGluZzogMXB4O1xyXG4gICAgIH1cclxuICAgICAuZGl2LWljb24gaW9uLWljb257XHJcbiAgICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XHJcbiAgICAgfVxyXG4gICAgICAgLnRpdGxlLWNvbnRlbnR7XHJcbiAgICAgICAgIHdpZHRoOiAzNjBweDtcclxuICAgICAgICAgbWFyZ2luOiAwcHggYXV0bztcclxuICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgIH1cclxuICAgICBcclxuICAgICAuYmFjay1pY29ue1xyXG4gICAgICAgd2lkdGg6IDM3cHg7XHJcbiAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgIGZvbnQtc2l6ZTogMzVweDtcclxuICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgICBcclxuICAgICAgIH1cclxuICAgICAuZGl2LXRpdGxle1xyXG4gICAgICAgICB3aWR0aDogMjIxcHg7XHJcbiAgICAgICAgIHBhZGRpbmc6IDAhaW1wb3J0YW50O1xyXG4gICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xyXG4gICAgIH1cclxuICAgICAudGl0bGV7XHJcbiAgICAgICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgICB9XHJcbiAgIH1cclxuIH1cclxuIC50b29sYmFyLXNlYXJjaHtcclxuICAgLS1wYWRkaW5nLXRvcDowICFpbXBvcnRhbnQ7XHJcbiAgIC0tcGFkZGluZy1ib3R0b206MCAhaW1wb3J0YW50O1xyXG4gICAtLXBhZGRpbmctc3RhcnQ6MCAhaW1wb3J0YW50O1xyXG4gICAtLXBhZGRpbmctZW5kOjAgIWltcG9ydGFudDtcclxuICAgXHJcbiAgIC5zZWFyY2h7XHJcbiAgICAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcclxuICAgICBtYXJnaW46IDVweCAyMHB4IDVweCAyMHB4O1xyXG4gICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgfVxyXG4gICAuc2VhcmNoIGlvbi1zZWFyY2hiYXJ7XHJcbiAgICAgLyogYm9yZGVyOiAxcHggc29saWQgZ3JlZW47ICovXHJcbiAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgIC0tYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgIC0tYm94LXNoYWRvdzogbm9uZTtcclxuICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAtLWljb24tY29sb3I6IzBkODlkMTtcclxuICAgfVxyXG4gXHJcbiB9XHJcbiBpb24tY29udGVudHtcclxuICAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xyXG4gfVxyXG4gLm1haW4tY29udGVudHtcclxuICAgd2lkdGg6IDEwMCU7XHJcbiAgIGhlaWdodDogMTAwJTtcclxuICAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgIG92ZXJmbG93OmF1dG87XHJcbiAgIHBhZGRpbmc6IDAgMCAwIDA7XHJcblxyXG4gICAgLm1lbWJlcnMtbGFiZWx7XHJcbiAgICAgIG1hcmdpbjogMTBweCAyMHB4IDEwcHggMjBweCAhaW1wb3J0YW50O1xyXG4gICAgICAvKiBmb250LXNpemU6IDE1cHg7ICovXHJcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgfVxyXG5cclxuICAgIC5tZW1iZXJzLWNoZWNrYm94e1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBtYXJnaW46IC41cHggMjBweCAuNXB4IDIwcHggIWltcG9ydGFudDtcclxuICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuaXRlbS1kaXZpZGVye1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjZWJlYmViO1xyXG4gICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgIG1hcmdpbjogMTBweCAwIDEwcHggMDtcclxuICAgICAgcGFkZGluZzo1cHggMCA1cHggMjBweDtcclxuICBcclxuICAgIH1cclxuIFxyXG4gICAgIC5pdGVtLWNoZWNrYm94e1xyXG4gICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgIG1hcmdpbjogMTBweCAyMHB4IDEwcHggMjBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gXHJcbiAgICAgfVxyXG4gXHJcbiAgICAgLml0ZW0tY2hlY2tib3ggaW9uLWNoZWNrYm94LCAubWVtYmVycy1jaGVja2JveCBpb24tY2hlY2tib3h7XHJcbiAgICAgICAgIC0tYm9yZGVyLWNvbG9yOiAjMGQ4OWQxO1xyXG4gICAgICAgICAtLWJhY2tncm91bmQtY2hlY2tlZDojMGQ4OWQxO1xyXG4gICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICB9XHJcbiBcclxuICAgICAuaXRlbS1jaGVja2JveCBwLCAubWVtYmVycy1jaGVja2JveCBwe1xyXG4gICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgIHdpZHRoOiAzMzBweDtcclxuICAgICAgICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xyXG4gICAgICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgICAgIGNvbG9yOiAjMGQ4OWQxO1xyXG4gICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICB9XHJcbiAgICAgLml0ZW0tY2hlY2tib3ggaW9uLWljb24sIC5tZW1iZXJzLWNoZWNrYm94IGlvbi1pY29ue1xyXG4gICAgICAgZm9udC1zaXplOiAxMHB4O1xyXG4gICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICBjb2xvcjojOTllNDdiO1xyXG4gICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICAgfVxyXG4gICB9XHJcbiBcclxuICIsIi5oZWFkZXItdG9vbGJhciB7XG4gIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcbiAgLS1vcGFjaXR5OiAxO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICAvKiA0MDBweCAqL1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAyNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XG4gIGNvbG9yOiAjMDAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5kaXYtaWNvbiB7XG4gIHdpZHRoOiA0MHB4O1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtc2l6ZTogMzVweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDFweDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmRpdi1pY29uIGlvbi1pY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC50aXRsZS1jb250ZW50IHtcbiAgd2lkdGg6IDM2MHB4O1xuICBtYXJnaW46IDBweCBhdXRvO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuYmFjay1pY29uIHtcbiAgd2lkdGg6IDM3cHg7XG4gIGZsb2F0OiBsZWZ0O1xuICBmb250LXNpemU6IDM1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuZGl2LXRpdGxlIHtcbiAgd2lkdGg6IDIyMXB4O1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIGZsb2F0OiBsZWZ0O1xuICBtYXJnaW46IDIuNXB4IDAgMCA1cHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC50aXRsZSB7XG4gIGZvbnQtc2l6ZTogMjVweDtcbn1cblxuLnRvb2xiYXItc2VhcmNoIHtcbiAgLS1wYWRkaW5nLXRvcDowICFpbXBvcnRhbnQ7XG4gIC0tcGFkZGluZy1ib3R0b206MCAhaW1wb3J0YW50O1xuICAtLXBhZGRpbmctc3RhcnQ6MCAhaW1wb3J0YW50O1xuICAtLXBhZGRpbmctZW5kOjAgIWltcG9ydGFudDtcbn1cbi50b29sYmFyLXNlYXJjaCAuc2VhcmNoIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcbiAgbWFyZ2luOiA1cHggMjBweCA1cHggMjBweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLnRvb2xiYXItc2VhcmNoIC5zZWFyY2ggaW9uLXNlYXJjaGJhciB7XG4gIC8qIGJvcmRlcjogMXB4IHNvbGlkIGdyZWVuOyAqL1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgLS1ib3JkZXItcmFkaXVzOiA1cHg7XG4gIC0tYm94LXNoYWRvdzogbm9uZTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIC0taWNvbi1jb2xvcjojMGQ4OWQxO1xufVxuXG5pb24tY29udGVudCB7XG4gIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcbn1cblxuLm1haW4tY29udGVudCB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIG1hcmdpbjogMCBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMCAwIDAgMDtcbn1cbi5tYWluLWNvbnRlbnQgLm1lbWJlcnMtbGFiZWwge1xuICBtYXJnaW46IDEwcHggMjBweCAxMHB4IDIwcHggIWltcG9ydGFudDtcbiAgLyogZm9udC1zaXplOiAxNXB4OyAqL1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cbi5tYWluLWNvbnRlbnQgLm1lbWJlcnMtY2hlY2tib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDAuNXB4IDIwcHggMC41cHggMjBweCAhaW1wb3J0YW50O1xuICBvdmVyZmxvdzogYXV0bztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5tYWluLWNvbnRlbnQgLml0ZW0tZGl2aWRlciB7XG4gIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgbWFyZ2luOiAxMHB4IDAgMTBweCAwO1xuICBwYWRkaW5nOiA1cHggMCA1cHggMjBweDtcbn1cbi5tYWluLWNvbnRlbnQgLml0ZW0tY2hlY2tib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDEwcHggMjBweCAxMHB4IDIwcHggIWltcG9ydGFudDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLWNoZWNrYm94IGlvbi1jaGVja2JveCwgLm1haW4tY29udGVudCAubWVtYmVycy1jaGVja2JveCBpb24tY2hlY2tib3gge1xuICAtLWJvcmRlci1jb2xvcjogIzBkODlkMTtcbiAgLS1iYWNrZ3JvdW5kLWNoZWNrZWQ6IzBkODlkMTtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLWNoZWNrYm94IHAsIC5tYWluLWNvbnRlbnQgLm1lbWJlcnMtY2hlY2tib3ggcCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbiAgd2lkdGg6IDMzMHB4O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgY29sb3I6ICMwZDg5ZDE7XG4gIGZsb2F0OiBsZWZ0O1xufVxuLm1haW4tY29udGVudCAuaXRlbS1jaGVja2JveCBpb24taWNvbiwgLm1haW4tY29udGVudCAubWVtYmVycy1jaGVja2JveCBpb24taWNvbiB7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgZmxvYXQ6IGxlZnQ7XG4gIGNvbG9yOiAjOTllNDdiO1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn0iXX0= */";
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.ts":
  /*!*********************************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.ts ***!
    \*********************************************************************************/

  /*! exports provided: GroupContactsPage */

  /***/
  function srcAppPagesChatGroupMessagesGroupContactsGroupContactsPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "GroupContactsPage", function () {
      return GroupContactsPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ../../new-group/new-group.page */
    "./src/app/pages/chat/new-group/new-group.page.ts");
    /* harmony import */


    var _group_messages_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../group-messages.page */
    "./src/app/pages/chat/group-messages/group-messages.page.ts");

    var GroupContactsPage = /*#__PURE__*/function () {
      function GroupContactsPage(modalController, http, chatService, authService, navParams) {
        var _this6 = this;

        _classCallCheck(this, GroupContactsPage);

        this.modalController = modalController;
        this.http = http;
        this.chatService = chatService;
        this.authService = authService;
        this.navParams = navParams;
        this.users = [];
        this.contact = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
        this.authService.userData$.subscribe(function (res) {
          _this6.loggedUser = res;
        });
        this.textSearch = "";
        this.dm = null;
        this.room = null;
        this.isGroupCreated = this.navParams.get('isCreated');
        this.groupName = this.navParams.get('name');
        this.room = this.navParams.get('room');
        this.members = this.navParams.get('members');
      }

      _createClass(GroupContactsPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          this.loadUsers();
          console.log(this.groupName);
          console.log(this.isGroupCreated);
        }
      }, {
        key: "loadUsers",
        value: function loadUsers() {
          var _this7 = this;

          this.options = {
            headers: this.headers
          };
          this.chatService.getAllUsers().subscribe(function (res) {
            if (_this7.members) {
              _this7.contacts = res.users.filter(function (f) {
                return !_this7.members.some(function (item) {
                  return item._id === f._id;
                });
              });
            } else {
              _this7.contacts = res.users.filter(function (data) {
                return data.username != _this7.loggedUser.me.username;
              });
            }

            _this7.users = _this7.contacts.sort(function (a, b) {
              if (a.name < b.name) {
                return -1;
              }

              if (a.name > b.name) {
                return 1;
              }

              return 0;
            });
            console.log(_this7.users);
            _this7.showLoader = false;
          });
        }
      }, {
        key: "separateLetter",
        value: function separateLetter(record, recordIndex, records) {
          if (recordIndex == 0) {
            return record.name[0];
          }

          var first_prev = records[recordIndex - 1].name[0];
          var first_current = record.name[0];

          if (first_prev != first_current) {
            return first_current;
          }

          return null;
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(event) {}
      }, {
        key: "close",
        value: function close() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
            var modal;
            return regeneratorRuntime.wrap(function _callee6$(_context6) {
              while (1) {
                switch (_context6.prev = _context6.next) {
                  case 0:
                    this.modalController.dismiss();

                    if (!this.isGroupCreated) {
                      _context6.next = 5;
                      break;
                    }

                    console.log('go to conversa');
                    _context6.next = 12;
                    break;

                  case 5:
                    this.modalController.dismiss();
                    console.log('go to new group page');
                    _context6.next = 9;
                    return this.modalController.create({
                      component: _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_6__["NewGroupPage"],
                      componentProps: {
                        name: this.groupName,
                        duration: ''
                      },
                      cssClass: 'new-group',
                      backdropDismiss: false
                    });

                  case 9:
                    modal = _context6.sent;
                    _context6.next = 12;
                    return modal.present();

                  case 12:
                  case "end":
                    return _context6.stop();
                }
              }
            }, _callee6, this);
          }));
        }
      }, {
        key: "onChange",
        value: function onChange(event) {
          this.textSearch = event.detail.value;
        }
      }, {
        key: "clicked",
        value: function clicked() {
          console.log('clicked');
        }
      }, {
        key: "selectedContact",
        value: function selectedContact(user) {
          /*   this.groupName = this.room.name; */
          user.isChecked = !user.isChecked;
        }
      }, {
        key: "addContacts",
        value: function addContacts(room) {
          var _this8 = this;

          console.log(room);
          this.selectedUserList = this.users.filter(function (contact) {
            return contact.isChecked == true;
          });
          console.log(this.selectedUserList);
          this.selectedUserList.forEach(function (user) {
            var body = {
              "roomId": room._id,
              "userId": user._id
            };

            _this8.chatService.addUserToGroup(body).subscribe(function (res) {
              console.log(res['success']);
            });
          });
        }
      }, {
        key: "createGroup",
        value: function createGroup() {
          var _this9 = this;

          if (!this.isGroupCreated) {
            /* this.close(); */
            var body = {
              "name": this.groupName
            };
            this.chatService.addGroup(body).subscribe(function (res) {
              console.log('group created');
              console.log(res['group']);

              _this9.addContacts(res['group']);

              _this9.openGroupMessages(res['group']);
            });
          } else {
            this.addContacts(this.room);
            this.close();
            /* this.openGroupMessages(this.room); */

            /* this.chatService.getGroupInfo(this.room._id).subscribe(res=>{
              console.log(res);
              
              this.addContacts(res['group']);
              this.openGroupMessages(res['group']);
            }) */
          }
        }
      }, {
        key: "newGroup",
        value: function newGroup() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
            var modal;
            return regeneratorRuntime.wrap(function _callee7$(_context7) {
              while (1) {
                switch (_context7.prev = _context7.next) {
                  case 0:
                    this.close();
                    _context7.next = 3;
                    return this.modalController.create({
                      component: _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_6__["NewGroupPage"],
                      cssClass: 'new-group',
                      backdropDismiss: false
                    });

                  case 3:
                    modal = _context7.sent;
                    _context7.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss();

                  case 7:
                  case "end":
                    return _context7.stop();
                }
              }
            }, _callee7, this);
          }));
        }
      }, {
        key: "openGroupMessages",
        value: function openGroupMessages(room) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
            var modal;
            return regeneratorRuntime.wrap(function _callee8$(_context8) {
              while (1) {
                switch (_context8.prev = _context8.next) {
                  case 0:
                    this.close();
                    _context8.next = 3;
                    return this.modalController.create({
                      component: _group_messages_page__WEBPACK_IMPORTED_MODULE_7__["GroupMessagesPage"],
                      componentProps: {
                        room: room
                      },
                      cssClass: 'group-messages',
                      backdropDismiss: false
                    });

                  case 3:
                    modal = _context8.sent;
                    _context8.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss();

                  case 7:
                  case "end":
                    return _context8.stop();
                }
              }
            }, _callee8, this);
          }));
        }
      }]);

      return GroupContactsPage;
    }();

    GroupContactsPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__["ChatService"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["NavParams"]
      }];
    };

    GroupContactsPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-group-contacts',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./group-contacts.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./group-contacts.page.scss */
      "./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.scss"))["default"]]
    })], GroupContactsPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-messages.page.scss":
  /*!********************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-messages.page.scss ***!
    \********************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatGroupMessagesGroupMessagesPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .header-top {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.header-toolbar .main-header .header-top .middle {\n  padding: 0 !important;\n  float: left;\n  width: 280px;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .header-top .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 25px;\n  color: #0782c9;\n  margin: 5px 0 0 0;\n}\n.header-toolbar .main-header .header-bottom {\n  width: 310px;\n  overflow: auto;\n  margin: 0 auto;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-icon {\n  width: 30px;\n  font-size: 25px;\n  float: left;\n  padding: 2px;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-contacts {\n  width: 275px;\n  font-size: 15px;\n  color: #797979;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  float: left;\n  padding: 5px;\n  margin: 1px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\nion-content .welcome-text {\n  /* width: 322px; */\n  width: 26.375em;\n  background: #ebebeb;\n  text-align: center;\n  font-size: 13px;\n  color: #797979;\n  padding: 10px;\n  margin: 0 auto;\n  line-height: 1.2rem;\n  margin: 20px 39px 25px;\n  border-radius: 8px;\n}\nion-content .info-text {\n  /* width: 322px; */\n  width: 26.375em;\n  background: #fef4c5;\n  text-align: center;\n  font-size: 13px;\n  color: #262420;\n  padding: 10px;\n  margin: 10px auto;\n  line-height: 1.2rem;\n  /* margin: 15px 0px 15px 0px; */\n  border-radius: 8px;\n}\nion-content .messages {\n  font-size: 13px;\n  font-family: Roboto;\n  overflow: auto;\n}\nion-content .messages .incoming-true, ion-content .messages .incoming-false {\n  width: 305px;\n  padding: 15px 20px;\n  border-radius: 10px;\n}\nion-content .messages .incoming-true {\n  margin: 10px 75px 10px 20px;\n  background: #ebebeb;\n  float: left;\n}\nion-content .incoming-false {\n  margin: 10px 20px 10px 75px;\n  background: #e4f4fe;\n  float: right;\n}\nion-content .title {\n  color: #0782c9;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\nion-content .title .time {\n  color: #797979;\n  text-align: right;\n  float: right;\n}\nion-footer .row {\n  width: 380px;\n  margin: 0 auto;\n}\nion-footer .chat-icon-options {\n  display: block !important;\n  font-size: 25px;\n  float: right !important;\n  margin-top: 10px;\n}\nion-footer .chat-icon-send {\n  font-size: 45px;\n  margin: 0 auto;\n  margin-top: 4px;\n}\nion-footer .type-message {\n  display: flex;\n  border: 1px solid #ebebeb;\n  border-radius: 25px;\n  padding-left: 15px;\n  align-items: center;\n  overflow: auto;\n}\nion-footer .type-message ion-textarea {\n  margin: 0 !important;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9ncm91cC1tZXNzYWdlcy9DOlxcVXNlcnNcXGV1ZGVzLmluYWNpb1xcR2FiaW5ldC1EaWdpdGFsUHJvamVjdFxcTmV3IGZvbGRlclxcZ2FiaW5ldGUtZGlnaXRhbC9zcmNcXGFwcFxccGFnZXNcXGNoYXRcXGdyb3VwLW1lc3NhZ2VzXFxncm91cC1tZXNzYWdlcy5wYWdlLnNjc3MiLCJzcmMvYXBwL3BhZ2VzL2NoYXQvZ3JvdXAtbWVzc2FnZXMvZ3JvdXAtbWVzc2FnZXMucGFnZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0ksd0JBQUE7RUFDQSxZQUFBO0FDQUo7QURFSTtFQUNJLFdBQUE7RUFBYSxVQUFBO0VBQ2IsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsNEJBQUE7RUFDQSw2QkFBQTtFQUNBLHNCQUFBO0VBQ0EsZ0JBQUE7RUFDQSwyQkFBQTtFQUNBLFdBQUE7RUFDQSxpQ0FBQTtBQ0NSO0FEQ1E7RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7RUFDQSxnQkFBQTtBQ0NWO0FEQVc7RUFDQyxxQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EscUJBQUE7QUNFWjtBREFVO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0VaO0FEQ1E7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7QUNDVjtBRENVO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtBQ0NaO0FERVU7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0VBQ0EsdUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLFdBQUE7QUNBWjtBRElRO0VBQ0UsZUFBQTtBQ0ZWO0FESVE7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsWUFBQTtBQ0ZWO0FESVE7RUFDRSxZQUFBO0VBQ0Esa0JBQUE7QUNGVjtBRE9HO0VBQ0Msa0JBQUE7RUFDQyxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsYUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLHNCQUFBO0VBQ0Esa0JBQUE7QUNKTDtBRE1HO0VBQ0Msa0JBQUE7RUFDQSxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsYUFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSwrQkFBQTtFQUNBLGtCQUFBO0FDSko7QURNRztFQUNDLGVBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7QUNKSjtBRE1JO0VBQ0UsWUFBQTtFQUNDLGtCQUFBO0VBQ0EsbUJBQUE7QUNKUDtBRE9JO0VBQ0UsMkJBQUE7RUFDQyxtQkFBQTtFQUNBLFdBQUE7QUNMUDtBRFFLO0VBQ0MsMkJBQUE7RUFDQyxtQkFBQTtFQUNBLFlBQUE7QUNOUDtBRFFLO0VBQ0MsY0FBQTtFQUVBLGlCQUFBO0VBQ0Esa0JBQUE7QUNQTjtBRFNNO0VBQ0UsY0FBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtBQ1BSO0FEYUc7RUFDRSxZQUFBO0VBQ0QsY0FBQTtBQ1ZKO0FEYUU7RUFDRSx5QkFBQTtFQUNBLGVBQUE7RUFDQSx1QkFBQTtFQUNBLGdCQUFBO0FDWEo7QURjRTtFQUNFLGVBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtBQ1pKO0FEZUU7RUFDRSxhQUFBO0VBQ0EseUJBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0FDYko7QURlSTtFQUNFLG9CQUFBO0VBQ0Esa0JBQUE7QUNiTiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2NoYXQvZ3JvdXAtbWVzc2FnZXMvZ3JvdXAtbWVzc2FnZXMucGFnZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnfnNyYy9mdW5jdGlvbi5zY3NzJztcclxuLmhlYWRlci10b29sYmFye1xyXG4gICAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xyXG4gICAgLS1vcGFjaXR5OiAxO1xyXG5cclxuICAgIC5tYWluLWhlYWRlcntcclxuICAgICAgICB3aWR0aDogMTAwJTsgLyogNDAwcHggKi9cclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAyNXB4O1xyXG4gICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAyNXB4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICAgICAgb3ZlcmZsb3c6aGlkZGVuO1xyXG4gICAgICAgIHBhZGRpbmc6IDMwcHggMjBweCAwcHggMjBweDtcclxuICAgICAgICBjb2xvcjojMDAwO1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMXB4LCAwKTtcclxuICAgICAgICBcclxuICAgICAgICAuaGVhZGVyLXRvcHtcclxuICAgICAgICAgIHdpZHRoOiAzNjBweDtcclxuICAgICAgICAgIG1hcmdpbjogMHB4IGF1dG87XHJcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgICAgIGJhY2tncm91bmQ6ICNmZmY7XHJcbiAgICAgICAgICAgLm1pZGRsZXtcclxuICAgICAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgICAgICAgICB3aWR0aDogMjgwcHg7XHJcbiAgICAgICAgICAgIG1hcmdpbjogMi41cHggMCAwIDVweDtcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIC5yaWdodHtcclxuICAgICAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgICAgICAgICBjb2xvcjogIzA3ODJjOTtcclxuICAgICAgICAgICAgbWFyZ2luOiA1cHggMCAwIDA7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5oZWFkZXItYm90dG9te1xyXG4gICAgICAgICAgd2lkdGg6IDMxMHB4O1xyXG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgICBtYXJnaW46IDAgYXV0bztcclxuXHJcbiAgICAgICAgICAuaGVhZGVyLWJvdHRvbS1pY29ue1xyXG4gICAgICAgICAgICB3aWR0aDogMzBweDtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgICAgcGFkZGluZzogMnB4O1xyXG5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIC5oZWFkZXItYm90dG9tLWNvbnRhY3Rze1xyXG4gICAgICAgICAgICB3aWR0aDogMjc1cHg7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgICAgICAgICAgY29sb3I6ICM3OTc5Nzk7XHJcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgICAgcGFkZGluZzogNXB4O1xyXG4gICAgICAgICAgICBtYXJnaW46IDFweDtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICBcclxuICAgICAgICAudGl0bGV7XHJcbiAgICAgICAgICBmb250LXNpemU6IDI1cHg7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5kaXYtaWNvbntcclxuICAgICAgICAgIHdpZHRoOiA0MHB4O1xyXG4gICAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICAgICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgICBwYWRkaW5nOiAxcHg7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5kaXYtaWNvbiBpb24taWNvbntcclxuICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgIHBhZGRpbmctbGVmdDogMjBweDtcclxuICAgICAgICB9IFxyXG4gICAgfVxyXG4gfVxyXG4gaW9uLWNvbnRlbnR7XHJcbiAgIC53ZWxjb21lLXRleHR7XHJcbiAgICAvKiB3aWR0aDogMzIycHg7ICovXHJcbiAgICAgd2lkdGg6IGVtKDQyMnB4KTtcclxuICAgICBiYWNrZ3JvdW5kOiAjZWJlYmViO1xyXG4gICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICBmb250LXNpemU6IDEzcHg7XHJcbiAgICAgY29sb3I6ICM3OTc5Nzk7XHJcbiAgICAgcGFkZGluZzogMTBweDtcclxuICAgICBtYXJnaW46IDAgYXV0bztcclxuICAgICBsaW5lLWhlaWdodDogMS4ycmVtO1xyXG4gICAgIG1hcmdpbjogMjBweCAzOXB4IDI1cHg7XHJcbiAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICB9XHJcbiAgIC5pbmZvLXRleHR7XHJcbiAgICAvKiB3aWR0aDogMzIycHg7ICovXHJcbiAgICB3aWR0aDogZW0oNDIycHgpO1xyXG4gICAgYmFja2dyb3VuZDogI2ZlZjRjNTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIGNvbG9yOiAjMjYyNDIwO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIG1hcmdpbjogMTBweCBhdXRvO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuMnJlbTtcclxuICAgIC8qIG1hcmdpbjogMTVweCAwcHggMTVweCAwcHg7ICovXHJcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XHJcbiAgIH1cclxuICAgLm1lc3NhZ2Vze1xyXG4gICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG5cclxuICAgIC5pbmNvbWluZy10cnVlLCAuaW5jb21pbmctZmFsc2V7XHJcbiAgICAgIHdpZHRoOiAzMDVweDtcclxuICAgICAgIHBhZGRpbmc6IDE1cHggMjBweDtcclxuICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgICB9XHJcblxyXG4gICAgLmluY29taW5nLXRydWV7XHJcbiAgICAgIG1hcmdpbjogMTBweCA3NXB4IDEwcHggMjBweDtcclxuICAgICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XHJcbiAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgIH1cclxuICAgICB9XHJcbiAgICAgLmluY29taW5nLWZhbHNle1xyXG4gICAgICBtYXJnaW46IDEwcHggMjBweCAxMHB4IDc1cHg7XHJcbiAgICAgICBiYWNrZ3JvdW5kOiAjZTRmNGZlO1xyXG4gICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgIH1cclxuICAgICAudGl0bGV7XHJcbiAgICAgIGNvbG9yOiAjMDc4MmM5O1xyXG4gICAgICBcclxuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcclxuXHJcbiAgICAgIC50aW1le1xyXG4gICAgICAgIGNvbG9yOiAjNzk3OTc5O1xyXG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xyXG4gICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgfVxyXG4gICB9XHJcbiB9XHJcblxyXG4gaW9uLWZvb3RlcntcclxuICAgLnJvd3tcclxuICAgICB3aWR0aDogMzgwcHg7XHJcbiAgICBtYXJnaW46IDAgYXV0bztcclxuICAgfVxyXG5cclxuICAuY2hhdC1pY29uLW9wdGlvbnN7XHJcbiAgICBkaXNwbGF5OmJsb2NrICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDI1cHg7XHJcbiAgICBmbG9hdDogcmlnaHQgIWltcG9ydGFudDtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbiAgfVxyXG5cclxuICAuY2hhdC1pY29uLXNlbmR7XHJcbiAgICBmb250LXNpemU6IDQ1cHg7XHJcbiAgICBtYXJnaW46IDAgYXV0bztcclxuICAgIG1hcmdpbi10b3A6IDRweDtcclxuICB9XHJcblxyXG4gIC50eXBlLW1lc3NhZ2V7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcblxyXG4gICAgaW9uLXRleHRhcmVhe1xyXG4gICAgICBtYXJnaW46IDAgIWltcG9ydGFudDtcclxuICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gICAgfVxyXG4gIH1cclxuIH0iLCIuaGVhZGVyLXRvb2xiYXIge1xuICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XG4gIC0tb3BhY2l0eTogMTtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgLyogNDAwcHggKi9cbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LWZhbWlseTogUm9ib3RvO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAyNXB4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMzBweCAyMHB4IDBweCAyMHB4O1xuICBjb2xvcjogIzAwMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuaGVhZGVyLXRvcCB7XG4gIHdpZHRoOiAzNjBweDtcbiAgbWFyZ2luOiAwcHggYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmhlYWRlci10b3AgLm1pZGRsZSB7XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiAyODBweDtcbiAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuaGVhZGVyLXRvcCAucmlnaHQge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udC1zaXplOiAyNXB4O1xuICBjb2xvcjogIzA3ODJjOTtcbiAgbWFyZ2luOiA1cHggMCAwIDA7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5oZWFkZXItYm90dG9tIHtcbiAgd2lkdGg6IDMxMHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWFyZ2luOiAwIGF1dG87XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5oZWFkZXItYm90dG9tIC5oZWFkZXItYm90dG9tLWljb24ge1xuICB3aWR0aDogMzBweDtcbiAgZm9udC1zaXplOiAyNXB4O1xuICBmbG9hdDogbGVmdDtcbiAgcGFkZGluZzogMnB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuaGVhZGVyLWJvdHRvbSAuaGVhZGVyLWJvdHRvbS1jb250YWN0cyB7XG4gIHdpZHRoOiAyNzVweDtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBjb2xvcjogIzc5Nzk3OTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGZsb2F0OiBsZWZ0O1xuICBwYWRkaW5nOiA1cHg7XG4gIG1hcmdpbjogMXB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAudGl0bGUge1xuICBmb250LXNpemU6IDI1cHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5kaXYtaWNvbiB7XG4gIHdpZHRoOiA0MHB4O1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtc2l6ZTogMzVweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDFweDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmRpdi1pY29uIGlvbi1pY29uIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG59XG5cbmlvbi1jb250ZW50IC53ZWxjb21lLXRleHQge1xuICAvKiB3aWR0aDogMzIycHg7ICovXG4gIHdpZHRoOiAyNi4zNzVlbTtcbiAgYmFja2dyb3VuZDogI2ViZWJlYjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXNpemU6IDEzcHg7XG4gIGNvbG9yOiAjNzk3OTc5O1xuICBwYWRkaW5nOiAxMHB4O1xuICBtYXJnaW46IDAgYXV0bztcbiAgbGluZS1oZWlnaHQ6IDEuMnJlbTtcbiAgbWFyZ2luOiAyMHB4IDM5cHggMjVweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuaW9uLWNvbnRlbnQgLmluZm8tdGV4dCB7XG4gIC8qIHdpZHRoOiAzMjJweDsgKi9cbiAgd2lkdGg6IDI2LjM3NWVtO1xuICBiYWNrZ3JvdW5kOiAjZmVmNGM1O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgY29sb3I6ICMyNjI0MjA7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIG1hcmdpbjogMTBweCBhdXRvO1xuICBsaW5lLWhlaWdodDogMS4ycmVtO1xuICAvKiBtYXJnaW46IDE1cHggMHB4IDE1cHggMHB4OyAqL1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5pb24tY29udGVudCAubWVzc2FnZXMge1xuICBmb250LXNpemU6IDEzcHg7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuaW9uLWNvbnRlbnQgLm1lc3NhZ2VzIC5pbmNvbWluZy10cnVlLCBpb24tY29udGVudCAubWVzc2FnZXMgLmluY29taW5nLWZhbHNlIHtcbiAgd2lkdGg6IDMwNXB4O1xuICBwYWRkaW5nOiAxNXB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG59XG5pb24tY29udGVudCAubWVzc2FnZXMgLmluY29taW5nLXRydWUge1xuICBtYXJnaW46IDEwcHggNzVweCAxMHB4IDIwcHg7XG4gIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIGZsb2F0OiBsZWZ0O1xufVxuaW9uLWNvbnRlbnQgLmluY29taW5nLWZhbHNlIHtcbiAgbWFyZ2luOiAxMHB4IDIwcHggMTBweCA3NXB4O1xuICBiYWNrZ3JvdW5kOiAjZTRmNGZlO1xuICBmbG9hdDogcmlnaHQ7XG59XG5pb24tY29udGVudCAudGl0bGUge1xuICBjb2xvcjogIzA3ODJjOTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbn1cbmlvbi1jb250ZW50IC50aXRsZSAudGltZSB7XG4gIGNvbG9yOiAjNzk3OTc5O1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgZmxvYXQ6IHJpZ2h0O1xufVxuXG5pb24tZm9vdGVyIC5yb3cge1xuICB3aWR0aDogMzgwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuaW9uLWZvb3RlciAuY2hhdC1pY29uLW9wdGlvbnMge1xuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICBmb250LXNpemU6IDI1cHg7XG4gIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuaW9uLWZvb3RlciAuY2hhdC1pY29uLXNlbmQge1xuICBmb250LXNpemU6IDQ1cHg7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBtYXJnaW4tdG9wOiA0cHg7XG59XG5pb24tZm9vdGVyIC50eXBlLW1lc3NhZ2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWJlYmViO1xuICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICBwYWRkaW5nLWxlZnQ6IDE1cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuaW9uLWZvb3RlciAudHlwZS1tZXNzYWdlIGlvbi10ZXh0YXJlYSB7XG4gIG1hcmdpbjogMCAhaW1wb3J0YW50O1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59Il19 */";
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-messages.page.ts":
  /*!******************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-messages.page.ts ***!
    \******************************************************************/

  /*! exports provided: GroupMessagesPage */

  /***/
  function srcAppPagesChatGroupMessagesGroupMessagesPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "GroupMessagesPage", function () {
      return GroupMessagesPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/shared/popover/chat-options-popover/chat-options-popover.page */
    "./src/app/shared/popover/chat-options-popover/chat-options-popover.page.ts");
    /* harmony import */


    var src_app_shared_popover_chat_popover_chat_popover_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! src/app/shared/popover/chat-popover/chat-popover.page */
    "./src/app/shared/popover/chat-popover/chat-popover.page.ts");
    /* harmony import */


    var _group_contacts_group_contacts_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ./group-contacts/group-contacts.page */
    "./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.ts");

    var GroupMessagesPage = /*#__PURE__*/function () {
      function GroupMessagesPage(menu, modalController, actionSheetController, popoverController, chatService, navParams, authService) {
        _classCallCheck(this, GroupMessagesPage);

        this.menu = menu;
        this.modalController = modalController;
        this.actionSheetController = actionSheetController;
        this.popoverController = popoverController;
        this.chatService = chatService;
        this.navParams = navParams;
        this.authService = authService;
        this.contacts = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
        this.isGroupCreated = true;
        this.room = this.navParams.get('room');
        this.roomName = this.room.name.split('-').join(' ');
      }

      _createClass(GroupMessagesPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this10 = this;

          this.authService.userData$.subscribe(function (res) {
            _this10.loggedUser = res;
            console.log(_this10.loggedUser);
          });
          this.load();
        }
      }, {
        key: "load",
        value: function load() {
          this.getGroupContacts();
          this.loadGroupMessages();
        }
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(ev) {
          this.load();
          ev.target.complete();
        }
      }, {
        key: "getGroupContacts",
        value: function getGroupContacts() {
          var _this11 = this;

          this.showLoader = true; //If group is private call getGroupMembers

          if (this.room.t === 'p') {
            this.chatService.getGroupMembers(this.room._id).subscribe(function (res) {
              console.log(res);
              _this11.members = res['members'];
              _this11.showLoader = false;
            });
          } //Otherwise call getChannelMembers for públic groups
          else {
              this.chatService.getChannelMembers(this.room._id).subscribe(function (res) {
                console.log(res);
                _this11.members = res['members'];
                _this11.showLoader = false;
              });
            }
        }
      }, {
        key: "loadGroupMessages",
        value: function loadGroupMessages() {
          var _this12 = this;

          this.showLoader = true; //If group is private call getGroupMembers

          if (this.room.t === 'p') {
            this.chatService.getPrivateGroupMessages(this.room._id).subscribe(function (res) {
              console.log(res);
              var msgOnly = res['messages'].filter(function (data) {
                return data.t != 'au';
              });
              _this12.messages = msgOnly.reverse();
              _this12.showLoader = false;
            });
          } //Otherwise call getChannelMembers for públic groups
          else {
              this.chatService.getPublicGroupMessages(this.room._id).subscribe(function (res) {
                console.log(res);
                _this12.messages = res['messages'].reverse();
              });
            }
        }
      }, {
        key: "sendMessage",
        value: function sendMessage() {
          var _this13 = this;

          var body = {
            "message": {
              "rid": this.room._id,
              "msg": this.message
            }
          };
          this.chatService.sendMessage(body).subscribe(function (res) {
            _this13.loadGroupMessages();
          });
          this.message = "";
        }
      }, {
        key: "openOptions",
        value: function openOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
            var _this14 = this;

            var popover;
            return regeneratorRuntime.wrap(function _callee9$(_context9) {
              while (1) {
                switch (_context9.prev = _context9.next) {
                  case 0:
                    _context9.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_popover_chat_popover_page__WEBPACK_IMPORTED_MODULE_6__["ChatPopoverPage"],
                      cssClass: 'chat-popover',
                      event: ev,
                      componentProps: {
                        room: this.room
                      },
                      translucent: true
                    });

                  case 2:
                    popover = _context9.sent;
                    _context9.next = 5;
                    return popover.present();

                  case 5:
                    popover.onDidDismiss().then(function (res) {
                      console.log(res);

                      if (res.data) {
                        _this14.roomName = res.data.name.split('-').join(' ');
                        console.log(_this14.roomName);

                        _this14.load();
                        /* this.modalController.dismiss(); */

                      }

                      ;
                    });

                  case 6:
                  case "end":
                    return _context9.stop();
                }
              }
            }, _callee9, this);
          }));
        }
      }, {
        key: "openChatOptions",
        value: function openChatOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
            var popover;
            return regeneratorRuntime.wrap(function _callee10$(_context10) {
              while (1) {
                switch (_context10.prev = _context10.next) {
                  case 0:
                    _context10.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__["ChatOptionsPopoverPage"],
                      cssClass: 'chat-options-popover',
                      event: ev,
                      componentProps: {
                        room: this.room
                      },
                      translucent: true
                    });

                  case 2:
                    popover = _context10.sent;
                    _context10.next = 5;
                    return popover.present();

                  case 5:
                    return _context10.abrupt("return", _context10.sent);

                  case 6:
                  case "end":
                    return _context10.stop();
                }
              }
            }, _callee10, this);
          }));
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
            var _this15 = this;

            var modal;
            return regeneratorRuntime.wrap(function _callee11$(_context11) {
              while (1) {
                switch (_context11.prev = _context11.next) {
                  case 0:
                    console.log(this.members);
                    _context11.next = 3;
                    return this.modalController.create({
                      component: _group_contacts_group_contacts_page__WEBPACK_IMPORTED_MODULE_7__["GroupContactsPage"],
                      componentProps: {
                        isCreated: this.isGroupCreated,
                        room: this.room,
                        members: this.members,
                        name: this.room.name
                      },
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 3:
                    modal = _context11.sent;
                    _context11.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss().then(function () {
                      _this15.load();
                    });

                  case 7:
                  case "end":
                    return _context11.stop();
                }
              }
            }, _callee11, this);
          }));
        }
      }]);

      return GroupMessagesPage;
    }();

    GroupMessagesPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["MenuController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ActionSheetController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__["ChatService"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["NavParams"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__["AuthService"]
      }];
    };

    GroupMessagesPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-group-messages',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./group-messages.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./group-messages.page.scss */
      "./src/app/pages/chat/group-messages/group-messages.page.scss"))["default"]]
    })], GroupMessagesPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/contacts/contacts.page.scss":
  /*!*****************************************************************!*\
    !*** ./src/app/pages/chat/messages/contacts/contacts.page.scss ***!
    \*****************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatMessagesContactsContactsPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.header-toolbar .main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n}\n.header-toolbar .main-header .back-icon {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n.header-toolbar .main-header .div-title {\n  width: 221px;\n  padding: 0 !important;\n  float: left;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.toolbar-search {\n  --padding-top:0 !important;\n  --padding-bottom:0 !important;\n  --padding-start:0 !important;\n  --padding-end:0 !important;\n}\n.toolbar-search .search {\n  border: 1px solid #ebebeb;\n  margin: 5px 20px 5px 20px;\n  border-radius: 5px;\n  height: auto;\n  padding: 0 !important;\n}\n.toolbar-search .search ion-searchbar {\n  /* border: 1px solid green; */\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  --border-radius: 5px;\n  --box-shadow: none;\n  overflow: hidden;\n  --icon-color:#0d89d1;\n}\nion-content {\n  --background:transparent;\n}\n.main-content {\n  width: 100%;\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 0 0 0 0;\n}\n.main-content .item-divider {\n  background: #ebebeb;\n  font-size: 15px;\n  margin: 10px 0 10px 0;\n  padding: 5px 0 5px 20px;\n}\n.main-content .item-user {\n  display: flex;\n  margin: 10px 20px 10px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-user p {\n  display: block;\n  margin: 0 !important;\n  width: 90%;\n  font-size: 15px;\n  color: #0d89d1;\n  float: left;\n}\n.main-content .item-user .icon {\n  width: 10%;\n  font-size: 10px;\n  display: block;\n  text-align: right;\n  overflow: auto;\n}\n.main-content .online {\n  color: #99e47b;\n}\n.main-content .offline {\n  color: #cbced1;\n}\n.main-content .away {\n  color: #ffd21f;\n}\n.main-content .invisible {\n  color: #cbced1;\n}\n.main-content .busy {\n  color: #f5455c;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9jb250YWN0cy9DOlxcVXNlcnNcXGV1ZGVzLmluYWNpb1xcR2FiaW5ldC1EaWdpdGFsUHJvamVjdFxcTmV3IGZvbGRlclxcZ2FiaW5ldGUtZGlnaXRhbC9zcmNcXGFwcFxccGFnZXNcXGNoYXRcXG1lc3NhZ2VzXFxjb250YWN0c1xcY29udGFjdHMucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L21lc3NhZ2VzL2NvbnRhY3RzL2NvbnRhY3RzLnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLHdCQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUc7RUFDRSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsMkJBQUE7RUFDQSxXQUFBO0VBQ0EsaUNBQUE7QUNDTDtBRENLO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLFlBQUE7QUNDUDtBRENLO0VBQ0UsWUFBQTtFQUNBLGtCQUFBO0FDQ1A7QURDTztFQUNFLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7RUFDQSxxQkFBQTtBQ0NUO0FERUs7RUFDRSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQVA7QURHSztFQUNJLFlBQUE7RUFDQSxxQkFBQTtFQUNBLFdBQUE7RUFDQSxxQkFBQTtBQ0RUO0FER0s7RUFDSSxlQUFBO0FDRFQ7QURLQztFQUNFLDBCQUFBO0VBQ0EsNkJBQUE7RUFDQSw0QkFBQTtFQUNBLDBCQUFBO0FDRkg7QURJRztFQUNFLHlCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxxQkFBQTtBQ0ZMO0FESUc7RUFDRSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtFQUNBLHFCQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0Esb0JBQUE7QUNGTDtBRE1DO0VBQ0Usd0JBQUE7QUNISDtBREtDO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxnQkFBQTtBQ0ZIO0FESUs7RUFDRSxtQkFBQTtFQUNBLGVBQUE7RUFDQSxxQkFBQTtFQUNBLHVCQUFBO0FDRlA7QURNSztFQUNFLGFBQUE7RUFDQSxzQ0FBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtBQ0pQO0FET0s7RUFDRyxjQUFBO0VBQ0Esb0JBQUE7RUFDQSxVQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxXQUFBO0FDTFI7QURPSztFQUNHLFVBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0VBQ0EsY0FBQTtBQ0xSO0FET007RUFDRSxjQUFBO0FDTFI7QURPSztFQUNFLGNBQUE7QUNMUDtBRE9LO0VBQ0MsY0FBQTtBQ0xOO0FET007RUFDRSxjQUFBO0FDTFI7QURPTTtFQUNFLGNBQUE7QUNMUiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2NoYXQvbWVzc2FnZXMvY29udGFjdHMvY29udGFjdHMucGFnZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi5oZWFkZXItdG9vbGJhcntcclxuICAgIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcclxuICAgIC0tb3BhY2l0eTogMTtcclxuIFxyXG4gICAubWFpbi1oZWFkZXJ7XHJcbiAgICAgd2lkdGg6IDEwMCU7IC8qIDQwMHB4ICovXHJcbiAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XHJcbiAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMjVweDtcclxuICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcclxuICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gICAgIG92ZXJmbG93OmhpZGRlbjtcclxuICAgICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XHJcbiAgICAgY29sb3I6IzAwMDtcclxuICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XHJcbiBcclxuICAgICAuZGl2LWljb257XHJcbiAgICAgICB3aWR0aDogNDBweDtcclxuICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgIGZvbnQtc2l6ZTogMzVweDtcclxuICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgcGFkZGluZzogMXB4O1xyXG4gICAgIH1cclxuICAgICAuZGl2LWljb24gaW9uLWljb257XHJcbiAgICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XHJcbiAgICAgfVxyXG4gICAgICAgLnRpdGxlLWNvbnRlbnR7XHJcbiAgICAgICAgIHdpZHRoOiAzNjBweDtcclxuICAgICAgICAgbWFyZ2luOiAwcHggYXV0bztcclxuICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxuICAgICAgIH1cclxuICAgICBcclxuICAgICAuYmFjay1pY29ue1xyXG4gICAgICAgd2lkdGg6IDM3cHg7XHJcbiAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgIGZvbnQtc2l6ZTogMzVweDtcclxuICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgICBcclxuICAgICAgIH1cclxuICAgICAuZGl2LXRpdGxle1xyXG4gICAgICAgICB3aWR0aDogMjIxcHg7XHJcbiAgICAgICAgIHBhZGRpbmc6IDAhaW1wb3J0YW50O1xyXG4gICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xyXG4gICAgIH1cclxuICAgICAudGl0bGV7XHJcbiAgICAgICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgICB9XHJcbiAgIH1cclxuIH1cclxuIC50b29sYmFyLXNlYXJjaHtcclxuICAgLS1wYWRkaW5nLXRvcDowICFpbXBvcnRhbnQ7XHJcbiAgIC0tcGFkZGluZy1ib3R0b206MCAhaW1wb3J0YW50O1xyXG4gICAtLXBhZGRpbmctc3RhcnQ6MCAhaW1wb3J0YW50O1xyXG4gICAtLXBhZGRpbmctZW5kOjAgIWltcG9ydGFudDtcclxuICAgXHJcbiAgIC5zZWFyY2h7XHJcbiAgICAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcclxuICAgICBtYXJnaW46IDVweCAyMHB4IDVweCAyMHB4O1xyXG4gICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICB9XHJcbiAgIC5zZWFyY2ggaW9uLXNlYXJjaGJhcntcclxuICAgICAvKiBib3JkZXI6IDFweCBzb2xpZCBncmVlbjsgKi9cclxuICAgICB3aWR0aDogMTAwJTtcclxuICAgICBtYXJnaW46IDAgIWltcG9ydGFudDtcclxuICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgLS1ib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICAgLS1ib3gtc2hhZG93OiBub25lO1xyXG4gICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgLS1pY29uLWNvbG9yOiMwZDg5ZDE7XHJcbiAgIH1cclxuIFxyXG4gfVxyXG4gaW9uLWNvbnRlbnR7XHJcbiAgIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcclxuIH1cclxuIC5tYWluLWNvbnRlbnR7XHJcbiAgIHdpZHRoOiAxMDAlO1xyXG4gICBoZWlnaHQ6IDEwMCU7XHJcbiAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XHJcbiAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gICBvdmVyZmxvdzphdXRvO1xyXG4gICBwYWRkaW5nOiAwIDAgMCAwO1xyXG4gXHJcbiAgICAgLml0ZW0tZGl2aWRlcntcclxuICAgICAgIGJhY2tncm91bmQ6ICNlYmViZWI7XHJcbiAgICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgICBtYXJnaW46IDEwcHggMCAxMHB4IDA7XHJcbiAgICAgICBwYWRkaW5nOjVweCAwIDVweCAyMHB4O1xyXG4gIFxyXG4gICAgIH1cclxuIFxyXG4gICAgIC5pdGVtLXVzZXJ7XHJcbiAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgbWFyZ2luOiAxMHB4IDIwcHggMTBweCAyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgfVxyXG4gXHJcbiAgICAgLml0ZW0tdXNlciBwe1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIG1hcmdpbjogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgIHdpZHRoOiA5MCU7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNXB4O1xyXG4gICAgICAgIGNvbG9yOiAjMGQ4OWQxO1xyXG4gICAgICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgIH1cclxuICAgICAuaXRlbS11c2VyIC5pY29ue1xyXG4gICAgICAgIHdpZHRoOiAxMCU7XHJcbiAgICAgICAgZm9udC1zaXplOiAxMHB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xyXG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICB9XHJcbiAgICAgIC5vbmxpbmV7XHJcbiAgICAgICAgY29sb3I6Izk5ZTQ3YjtcclxuICAgICAgfVxyXG4gICAgIC5vZmZsaW5le1xyXG4gICAgICAgY29sb3I6I2NiY2VkMTtcclxuICAgICAgfVxyXG4gICAgIC5hd2F5e1xyXG4gICAgICBjb2xvcjojZmZkMjFmO1xyXG4gICAgICB9XHJcbiAgICAgIC5pbnZpc2libGV7XHJcbiAgICAgICAgY29sb3I6I2NiY2VkMTtcclxuICAgICAgfVxyXG4gICAgICAuYnVzeXtcclxuICAgICAgICBjb2xvcjojZjU0NTVjO1xyXG4gICAgICB9XHJcbiAgIH0iLCIuaGVhZGVyLXRvb2xiYXIge1xuICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XG4gIC0tb3BhY2l0eTogMTtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgLyogNDAwcHggKi9cbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LWZhbWlseTogUm9ib3RvO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAyNXB4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMzBweCAyMHB4IDBweCAyMHB4O1xuICBjb2xvcjogIzAwMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuZGl2LWljb24ge1xuICB3aWR0aDogNDBweDtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250LXNpemU6IDM1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAxcHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5kaXYtaWNvbiBpb24taWNvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAudGl0bGUtY29udGVudCB7XG4gIHdpZHRoOiAzNjBweDtcbiAgbWFyZ2luOiAwcHggYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmJhY2staWNvbiB7XG4gIHdpZHRoOiAzN3B4O1xuICBmbG9hdDogbGVmdDtcbiAgZm9udC1zaXplOiAzNXB4O1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmRpdi10aXRsZSB7XG4gIHdpZHRoOiAyMjFweDtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICBmbG9hdDogbGVmdDtcbiAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAudGl0bGUge1xuICBmb250LXNpemU6IDI1cHg7XG59XG5cbi50b29sYmFyLXNlYXJjaCB7XG4gIC0tcGFkZGluZy10b3A6MCAhaW1wb3J0YW50O1xuICAtLXBhZGRpbmctYm90dG9tOjAgIWltcG9ydGFudDtcbiAgLS1wYWRkaW5nLXN0YXJ0OjAgIWltcG9ydGFudDtcbiAgLS1wYWRkaW5nLWVuZDowICFpbXBvcnRhbnQ7XG59XG4udG9vbGJhci1zZWFyY2ggLnNlYXJjaCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlYmViZWI7XG4gIG1hcmdpbjogNXB4IDIwcHggNXB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgaGVpZ2h0OiBhdXRvO1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG4udG9vbGJhci1zZWFyY2ggLnNlYXJjaCBpb24tc2VhcmNoYmFyIHtcbiAgLyogYm9yZGVyOiAxcHggc29saWQgZ3JlZW47ICovXG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAtLWJvcmRlci1yYWRpdXM6IDVweDtcbiAgLS1ib3gtc2hhZG93OiBub25lO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICAtLWljb24tY29sb3I6IzBkODlkMTtcbn1cblxuaW9uLWNvbnRlbnQge1xuICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XG59XG5cbi5tYWluLWNvbnRlbnQge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LWZhbWlseTogUm9ib3RvO1xuICBtYXJnaW46IDAgYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBhZGRpbmc6IDAgMCAwIDA7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kOiAjZWJlYmViO1xuICBmb250LXNpemU6IDE1cHg7XG4gIG1hcmdpbjogMTBweCAwIDEwcHggMDtcbiAgcGFkZGluZzogNXB4IDAgNXB4IDIwcHg7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLXVzZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDEwcHggMjBweCAxMHB4IDIwcHggIWltcG9ydGFudDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLXVzZXIgcCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbiAgd2lkdGg6IDkwJTtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBjb2xvcjogIzBkODlkMTtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLXVzZXIgLmljb24ge1xuICB3aWR0aDogMTAlO1xuICBmb250LXNpemU6IDEwcHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4ubWFpbi1jb250ZW50IC5vbmxpbmUge1xuICBjb2xvcjogIzk5ZTQ3Yjtcbn1cbi5tYWluLWNvbnRlbnQgLm9mZmxpbmUge1xuICBjb2xvcjogI2NiY2VkMTtcbn1cbi5tYWluLWNvbnRlbnQgLmF3YXkge1xuICBjb2xvcjogI2ZmZDIxZjtcbn1cbi5tYWluLWNvbnRlbnQgLmludmlzaWJsZSB7XG4gIGNvbG9yOiAjY2JjZWQxO1xufVxuLm1haW4tY29udGVudCAuYnVzeSB7XG4gIGNvbG9yOiAjZjU0NTVjO1xufSJdfQ== */";
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/contacts/contacts.page.ts":
  /*!***************************************************************!*\
    !*** ./src/app/pages/chat/messages/contacts/contacts.page.ts ***!
    \***************************************************************/

  /*! exports provided: ContactsPage */

  /***/
  function srcAppPagesChatMessagesContactsContactsPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ContactsPage", function () {
      return ContactsPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var _messages_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ../messages.page */
    "./src/app/pages/chat/messages/messages.page.ts");

    var ContactsPage = /*#__PURE__*/function () {
      function ContactsPage(modalController, http, chatService, authService) {
        var _this16 = this;

        _classCallCheck(this, ContactsPage);

        this.modalController = modalController;
        this.http = http;
        this.chatService = chatService;
        this.authService = authService;
        this.users = [];
        this.authService.userData$.subscribe(function (res) {
          _this16.loggedUser = res;
        });
        this.textSearch = "";
        this.dm = null;
        this.room = null;
      }

      _createClass(ContactsPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          this.loadUsers();
        }
      }, {
        key: "onChange",
        value: function onChange(event) {
          this.textSearch = event.detail.value;
        }
      }, {
        key: "loadUsers",
        value: function loadUsers() {
          var _this17 = this;

          this.options = {
            headers: this.headers
          };
          this.chatService.getAllUsers().subscribe(function (res) {
            console.log(res.users);
            _this17.contacts = res.users.filter(function (data) {
              return data.username != _this17.loggedUser.me.username;
            });
            _this17.users = _this17.contacts.sort(function (a, b) {
              if (a.name < b.name) {
                return -1;
              }

              if (a.name > b.name) {
                return 1;
              }

              return 0;
            });
            _this17.showLoader = false;
          });
        }
      }, {
        key: "separateLetter",
        value: function separateLetter(record, recordIndex, records) {
          if (recordIndex == 0) {
            return record.name[0];
          }

          var first_prev = records[recordIndex - 1].name[0];
          var first_current = record.name[0];

          if (first_prev != first_current) {
            return first_current;
          }

          return null;
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(event) {}
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "clicked",
        value: function clicked() {
          console.log('clicked');
        }
      }, {
        key: "createRoom",
        value: function createRoom(username) {
          var _this18 = this;

          var body = {
            username: username
          };
          this.chatService.createRoom(body).subscribe(function (res) {
            console.log(res);
            _this18.room = res['room'];

            _this18.getDirectMessage(_this18.room._id);
          });
        }
      }, {
        key: "getDirectMessage",
        value: function getDirectMessage(roomId) {
          var _this19 = this;

          console.log(roomId);
          this.chatService.getAllDirectMessages().subscribe(function (res) {
            var result = res['ims'].filter(function (data) {
              return data._id == roomId;
            });
            _this19.dm = result[0];
            console.log(_this19.dm);

            _this19.openModal(_this19.dm);
          });
        }
      }, {
        key: "openModal",
        value: function openModal(dm) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
            var modal;
            return regeneratorRuntime.wrap(function _callee12$(_context12) {
              while (1) {
                switch (_context12.prev = _context12.next) {
                  case 0:
                    this.close();
                    console.log(dm);
                    _context12.next = 4;
                    return this.modalController.create({
                      component: _messages_page__WEBPACK_IMPORTED_MODULE_6__["MessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm
                      }
                    });

                  case 4:
                    modal = _context12.sent;
                    _context12.next = 7;
                    return modal.present();

                  case 7:
                    modal.onDidDismiss();

                  case 8:
                  case "end":
                    return _context12.stop();
                }
              }
            }, _callee12, this);
          }));
        }
      }, {
        key: "openMessages",
        value: function openMessages(username) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
            var dm;
            return regeneratorRuntime.wrap(function _callee13$(_context13) {
              while (1) {
                switch (_context13.prev = _context13.next) {
                  case 0:
                    /* this.close(); */
                    //Create new room
                    this.createRoom(username); //Get direct messages (dm)

                    /* this.getDirectMessage(this.room._id); */

                    console.log(this.dm);
                    /* const modal = await this.modalController.create({
                      component: MessagesPage,
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm,
                      },
                    });
                    await modal.present();
                    modal.onDidDismiss(); */

                  case 2:
                  case "end":
                    return _context13.stop();
                }
              }
            }, _callee13, this);
          }));
        }
      }]);

      return ContactsPage;
    }();

    ContactsPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__["ChatService"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }];
    };

    ContactsPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-contacts',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./contacts.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./contacts.page.scss */
      "./src/app/pages/chat/messages/contacts/contacts.page.scss"))["default"]]
    })], ContactsPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/messages.page.scss":
  /*!********************************************************!*\
    !*** ./src/app/pages/chat/messages/messages.page.scss ***!
    \********************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatMessagesMessagesPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .header-top {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.header-toolbar .main-header .header-top .middle {\n  padding: 0 !important;\n  float: left;\n  width: 280px;\n  margin: 2.5px 0 0 5px;\n  display: flex;\n  align-items: center;\n}\n.header-toolbar .main-header .header-top .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 25px;\n  color: #0782c9;\n  margin: 5px 0 0 0;\n}\n.header-toolbar .main-header .header-bottom {\n  width: 310px;\n  overflow: auto;\n  margin: 0 auto;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-icon {\n  width: 30px;\n  font-size: 25px;\n  float: left;\n  padding: 2px;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-contacts {\n  width: 275px;\n  font-size: 15px;\n  color: #797979;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  float: left;\n  padding: 5px;\n  margin: 1px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n  overflow: auto;\n  float: left;\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\nion-content .welcome-text {\n  /* width: 322px; */\n  width: 26.375em;\n  background: #ebebeb;\n  text-align: center;\n  font-size: 13px;\n  color: #797979;\n  padding: 10px;\n  margin: 0 auto;\n  line-height: 1.2rem;\n  margin: 20px 39px 25px;\n  border-radius: 8px;\n}\nion-content .messages {\n  font-size: 13px;\n  font-family: Roboto;\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  word-wrap: break-word;\n  -webkit-overflow-scrolling: touch;\n}\nion-content .messages .incoming-true, ion-content .messages .incoming-false {\n  width: 305px;\n  padding: 15px 20px;\n  border-radius: 10px;\n}\nion-content .messages .incoming-true {\n  margin: 10px 75px 10px 20px;\n  background: #ebebeb;\n  float: left;\n}\nion-content .incoming-false {\n  margin: 10px 20px 10px 75px;\n  background: #e4f4fe;\n  float: right;\n}\nion-content .title {\n  display: inline;\n  color: #0782c9;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\nion-content .title .time {\n  color: #797979;\n  text-align: right;\n  float: right;\n}\nion-footer .row {\n  width: 380px;\n  margin: 0 auto;\n}\nion-footer .chat-icon-options {\n  display: block !important;\n  font-size: 25px;\n  float: right !important;\n  margin-top: 10px;\n}\nion-footer .chat-icon-send {\n  font-size: 45px;\n  margin: 0 auto;\n  margin-top: 4px;\n}\nion-footer .type-message {\n  display: flex;\n  border: 1px solid #ebebeb;\n  border-radius: 25px;\n  padding-left: 15px;\n  align-items: center;\n  overflow: auto;\n}\nion-footer .type-message ion-textarea {\n  margin: 0 !important;\n  align-self: center;\n}\n.text-color-blue {\n  font-size: 15px;\n  color: #0782c9;\n  font-weight: 500;\n  letter-spacing: normal;\n}\n.user-status-online {\n  display: block;\n  float: left;\n  color: #99e47b;\n  padding-left: 10px;\n}\n.online {\n  display: block;\n  float: left;\n  color: #99e47b;\n  padding-left: 10px;\n}\n.offline {\n  color: #cbced1;\n  display: block;\n  float: left;\n  padding-left: 10px;\n}\n.away {\n  color: #ffd21f;\n  display: block;\n  float: left;\n  padding-left: 10px;\n}\n.invisible {\n  color: #cbced1;\n  display: block;\n  float: left;\n  padding-left: 10px;\n}\n.busy {\n  color: #f5455c;\n  display: block;\n  float: left;\n  padding-left: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9DOlxcVXNlcnNcXGV1ZGVzLmluYWNpb1xcR2FiaW5ldC1EaWdpdGFsUHJvamVjdFxcTmV3IGZvbGRlclxcZ2FiaW5ldGUtZGlnaXRhbC9zcmNcXGFwcFxccGFnZXNcXGNoYXRcXG1lc3NhZ2VzXFxtZXNzYWdlcy5wYWdlLnNjc3MiLCJzcmMvYXBwL3BhZ2VzL2NoYXQvbWVzc2FnZXMvbWVzc2FnZXMucGFnZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0ksd0JBQUE7RUFDQSxZQUFBO0FDQUo7QURFSTtFQUNJLFdBQUE7RUFBYSxVQUFBO0VBQ2IsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsNEJBQUE7RUFDQSw2QkFBQTtFQUNBLHNCQUFBO0VBQ0EsZ0JBQUE7RUFDQSwyQkFBQTtFQUNBLFdBQUE7RUFDQSxpQ0FBQTtBQ0NSO0FEQ1E7RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7RUFDQSxnQkFBQTtBQ0NWO0FEQVc7RUFDQyxxQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EscUJBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7QUNFWjtBRENVO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ0NaO0FERVE7RUFDRSxZQUFBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7QUNBVjtBREVVO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtBQ0FaO0FER1U7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0VBQ0EsdUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLFdBQUE7QUNEWjtBREtRO0VBQ0UsZUFBQTtFQUNBLGNBQUE7RUFDQSxXQUFBO0FDSFY7QURLUTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxZQUFBO0FDSFY7QURLUTtFQUNFLFlBQUE7RUFDQSxrQkFBQTtBQ0hWO0FEUUc7RUFDQyxrQkFBQTtFQUNDLGVBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxhQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0VBQ0Esc0JBQUE7RUFDQSxrQkFBQTtBQ0xMO0FET0c7RUFDQyxlQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBR0Esa0JBQUE7RUFDQSxNQUFBO0VBQ0EsT0FBQTtFQUNBLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHFCQUFBO0VBQ0EsaUNBQUE7QUNQSjtBRFVJO0VBQ0UsWUFBQTtFQUNDLGtCQUFBO0VBQ0EsbUJBQUE7QUNSUDtBRFdLO0VBQ0MsMkJBQUE7RUFDQyxtQkFBQTtFQUNBLFdBQUE7QUNUUDtBRFlLO0VBQ0MsMkJBQUE7RUFDQyxtQkFBQTtFQUNBLFlBQUE7QUNWUDtBRFlLO0VBQ0ksZUFBQTtFQUNILGNBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0FDVk47QURZTTtFQUNFLGNBQUE7RUFDQSxpQkFBQTtFQUNBLFlBQUE7QUNWUjtBRGdCRztFQUNFLFlBQUE7RUFDRCxjQUFBO0FDYko7QURnQkU7RUFDRSx5QkFBQTtFQUNBLGVBQUE7RUFDQSx1QkFBQTtFQUNBLGdCQUFBO0FDZEo7QURpQkU7RUFDRSxlQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUNmSjtBRGtCRztFQUNDLGFBQUE7RUFDQSx5QkFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7QUNoQko7QURrQkk7RUFDRSxvQkFBQTtFQUNBLGtCQUFBO0FDaEJOO0FEc0JDO0VBQ0csZUFBQTtFQUNBLGNBQUE7RUFDQSxnQkFBQTtFQUNBLHNCQUFBO0FDbkJKO0FEcUJDO0VBQ0csY0FBQTtFQUNBLFdBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7QUNsQko7QURvQkM7RUFDQyxjQUFBO0VBQ0EsV0FBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtBQ2pCRjtBRG1CQTtFQUNDLGNBQUE7RUFDQSxjQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0FDaEJEO0FEa0JBO0VBQ0EsY0FBQTtFQUNBLGNBQUE7RUFDQyxXQUFBO0VBQ0Esa0JBQUE7QUNmRDtBRGlCQTtFQUNFLGNBQUE7RUFDQSxjQUFBO0VBQ0QsV0FBQTtFQUNBLGtCQUFBO0FDZEQ7QURnQkE7RUFDRSxjQUFBO0VBQ0EsY0FBQTtFQUNELFdBQUE7RUFDQSxrQkFBQTtBQ2JEIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9tZXNzYWdlcy5wYWdlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICd+c3JjL2Z1bmN0aW9uLnNjc3MnO1xyXG4uaGVhZGVyLXRvb2xiYXJ7XHJcbiAgICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XHJcbiAgICAtLW9wYWNpdHk6IDE7XHJcblxyXG4gICAgLm1haW4taGVhZGVye1xyXG4gICAgICAgIHdpZHRoOiAxMDAlOyAvKiA0MDBweCAqL1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBmb250LWZhbWlseTogUm9ib3RvO1xyXG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XHJcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDI1cHg7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICAgICAgICBvdmVyZmxvdzpoaWRkZW47XHJcbiAgICAgICAgcGFkZGluZzogMzBweCAyMHB4IDBweCAyMHB4O1xyXG4gICAgICAgIGNvbG9yOiMwMDA7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xyXG4gICAgICAgIFxyXG4gICAgICAgIC5oZWFkZXItdG9we1xyXG4gICAgICAgICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgICAgICAgbWFyZ2luOiAwcHggYXV0bztcclxuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgYmFja2dyb3VuZDogI2ZmZjtcclxuICAgICAgICAgICAubWlkZGxle1xyXG4gICAgICAgICAgICBwYWRkaW5nOiAwIWltcG9ydGFudDtcclxuICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICAgICAgIHdpZHRoOiAyODBweDtcclxuICAgICAgICAgICAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICAgICAgICBcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIC5yaWdodHtcclxuICAgICAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgICAgICAgICBjb2xvcjogIzA3ODJjOTtcclxuICAgICAgICAgICAgbWFyZ2luOiA1cHggMCAwIDA7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC5oZWFkZXItYm90dG9te1xyXG4gICAgICAgICAgd2lkdGg6IDMxMHB4O1xyXG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgICBtYXJnaW46IDAgYXV0bztcclxuXHJcbiAgICAgICAgICAuaGVhZGVyLWJvdHRvbS1pY29ue1xyXG4gICAgICAgICAgICB3aWR0aDogMzBweDtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgICAgcGFkZGluZzogMnB4O1xyXG5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIC5oZWFkZXItYm90dG9tLWNvbnRhY3Rze1xyXG4gICAgICAgICAgICB3aWR0aDogMjc1cHg7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgICAgICAgICAgY29sb3I6ICM3OTc5Nzk7XHJcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICAgICAgcGFkZGluZzogNXB4O1xyXG4gICAgICAgICAgICBtYXJnaW46IDFweDtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICBcclxuICAgICAgICAudGl0bGV7XHJcbiAgICAgICAgICBmb250LXNpemU6IDI1cHg7XHJcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgICAgIH1cclxuICAgICAgICAuZGl2LWljb257XHJcbiAgICAgICAgICB3aWR0aDogNDBweDtcclxuICAgICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgICAgIGZvbnQtc2l6ZTogMzVweDtcclxuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgICAgcGFkZGluZzogMXB4O1xyXG4gICAgICAgIH1cclxuICAgICAgICAuZGl2LWljb24gaW9uLWljb257XHJcbiAgICAgICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XHJcbiAgICAgICAgfSBcclxuICAgIH1cclxuIH1cclxuIGlvbi1jb250ZW50e1xyXG4gICAud2VsY29tZS10ZXh0e1xyXG4gICAgLyogd2lkdGg6IDMyMnB4OyAqL1xyXG4gICAgIHdpZHRoOiBlbSg0MjJweCk7XHJcbiAgICAgYmFja2dyb3VuZDogI2ViZWJlYjtcclxuICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgIGNvbG9yOiAjNzk3OTc5O1xyXG4gICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICAgbGluZS1oZWlnaHQ6IDEuMnJlbTtcclxuICAgICBtYXJnaW46IDIwcHggMzlweCAyNXB4O1xyXG4gICAgIGJvcmRlci1yYWRpdXM6IDhweDtcclxuICAgfVxyXG4gICAubWVzc2FnZXN7XHJcbiAgICBmb250LXNpemU6IDEzcHg7XHJcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcblxyXG4gICAgLy9zZXQgc2Nyb2xsIGRvIGJvdHRvbVxyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcclxuICAgIG92ZXJmbG93LXk6IGF1dG87XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMTAwJTtcclxuICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDtcclxuICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcclxuICAgIFxyXG5cclxuICAgIC5pbmNvbWluZy10cnVlLCAuaW5jb21pbmctZmFsc2V7XHJcbiAgICAgIHdpZHRoOiAzMDVweDtcclxuICAgICAgIHBhZGRpbmc6IDE1cHggMjBweDtcclxuICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgICB9XHJcblxyXG4gICAgIC5pbmNvbWluZy10cnVle1xyXG4gICAgICBtYXJnaW46IDEwcHggNzVweCAxMHB4IDIwcHg7XHJcbiAgICAgICBiYWNrZ3JvdW5kOiAjZWJlYmViO1xyXG4gICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICB9XHJcbiAgICAgfVxyXG4gICAgIC5pbmNvbWluZy1mYWxzZXtcclxuICAgICAgbWFyZ2luOiAxMHB4IDIwcHggMTBweCA3NXB4O1xyXG4gICAgICAgYmFja2dyb3VuZDogI2U0ZjRmZTtcclxuICAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICB9XHJcbiAgICAgLnRpdGxle1xyXG4gICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XHJcbiAgICAgIGNvbG9yOiAjMDc4MmM5O1xyXG4gICAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xyXG5cclxuICAgICAgLnRpbWV7XHJcbiAgICAgICAgY29sb3I6ICM3OTc5Nzk7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XHJcbiAgICAgICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgICB9XHJcbiAgIH1cclxuIH1cclxuXHJcbiBpb24tZm9vdGVye1xyXG4gICAucm93e1xyXG4gICAgIHdpZHRoOiAzODBweDtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICB9XHJcblxyXG4gIC5jaGF0LWljb24tb3B0aW9uc3tcclxuICAgIGRpc3BsYXk6YmxvY2sgIWltcG9ydGFudDtcclxuICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLXRvcDogMTBweDtcclxuICB9XHJcblxyXG4gIC5jaGF0LWljb24tc2VuZHtcclxuICAgIGZvbnQtc2l6ZTogNDVweDtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICAgbWFyZ2luLXRvcDogNHB4O1xyXG4gIH1cclxuXHJcbiAgIC50eXBlLW1lc3NhZ2V7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDI1cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcblxyXG4gICAgaW9uLXRleHRhcmVhe1xyXG4gICAgICBtYXJnaW46IDAgIWltcG9ydGFudDtcclxuICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxuIH1cclxuXHJcbiAudGV4dC1jb2xvci1ibHVle1xyXG4gICAgZm9udC1zaXplOiAxNXB4O1xyXG4gICAgY29sb3I6ICMwNzgyYzk7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgbGV0dGVyLXNwYWNpbmc6IG5vcm1hbDtcclxuIH1cclxuIC51c2VyLXN0YXR1cy1vbmxpbmV7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgY29sb3I6Izk5ZTQ3YjtcclxuICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuIH1cclxuIC5vbmxpbmV7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiAgZmxvYXQ6IGxlZnQ7XHJcbiAgY29sb3I6Izk5ZTQ3YjtcclxuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbn1cclxuLm9mZmxpbmV7XHJcbiBjb2xvcjojY2JjZWQxO1xyXG4gZGlzcGxheTogYmxvY2s7XHJcbiBmbG9hdDogbGVmdDtcclxuIHBhZGRpbmctbGVmdDogMTBweDtcclxufVxyXG4uYXdheXtcclxuY29sb3I6I2ZmZDIxZjtcclxuZGlzcGxheTogYmxvY2s7XHJcbiBmbG9hdDogbGVmdDtcclxuIHBhZGRpbmctbGVmdDogMTBweDtcclxufVxyXG4uaW52aXNpYmxle1xyXG4gIGNvbG9yOiNjYmNlZDE7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiBmbG9hdDogbGVmdDtcclxuIHBhZGRpbmctbGVmdDogMTBweDtcclxufVxyXG4uYnVzeXtcclxuICBjb2xvcjojZjU0NTVjO1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gZmxvYXQ6IGxlZnQ7XHJcbiBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbn1cclxuICIsIi5oZWFkZXItdG9vbGJhciB7XG4gIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcbiAgLS1vcGFjaXR5OiAxO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICAvKiA0MDBweCAqL1xuICBoZWlnaHQ6IDEwMCU7XG4gIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAyNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XG4gIGNvbG9yOiAjMDAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDFweCwgMCk7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5oZWFkZXItdG9wIHtcbiAgd2lkdGg6IDM2MHB4O1xuICBtYXJnaW46IDBweCBhdXRvO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuaGVhZGVyLXRvcCAubWlkZGxlIHtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICBmbG9hdDogbGVmdDtcbiAgd2lkdGg6IDI4MHB4O1xuICBtYXJnaW46IDIuNXB4IDAgMCA1cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5oZWFkZXItdG9wIC5yaWdodCB7XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250LXNpemU6IDI1cHg7XG4gIGNvbG9yOiAjMDc4MmM5O1xuICBtYXJnaW46IDVweCAwIDAgMDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmhlYWRlci1ib3R0b20ge1xuICB3aWR0aDogMzEwcHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46IDAgYXV0bztcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmhlYWRlci1ib3R0b20gLmhlYWRlci1ib3R0b20taWNvbiB7XG4gIHdpZHRoOiAzMHB4O1xuICBmb250LXNpemU6IDI1cHg7XG4gIGZsb2F0OiBsZWZ0O1xuICBwYWRkaW5nOiAycHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5oZWFkZXItYm90dG9tIC5oZWFkZXItYm90dG9tLWNvbnRhY3RzIHtcbiAgd2lkdGg6IDI3NXB4O1xuICBmb250LXNpemU6IDE1cHg7XG4gIGNvbG9yOiAjNzk3OTc5O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZmxvYXQ6IGxlZnQ7XG4gIHBhZGRpbmc6IDVweDtcbiAgbWFyZ2luOiAxcHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC50aXRsZSB7XG4gIGZvbnQtc2l6ZTogMjVweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGZsb2F0OiBsZWZ0O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuZGl2LWljb24ge1xuICB3aWR0aDogNDBweDtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBmb250LXNpemU6IDM1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAxcHg7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5kaXYtaWNvbiBpb24taWNvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xufVxuXG5pb24tY29udGVudCAud2VsY29tZS10ZXh0IHtcbiAgLyogd2lkdGg6IDMyMnB4OyAqL1xuICB3aWR0aDogMjYuMzc1ZW07XG4gIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBjb2xvcjogIzc5Nzk3OTtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAxLjJyZW07XG4gIG1hcmdpbjogMjBweCAzOXB4IDI1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cbmlvbi1jb250ZW50IC5tZXNzYWdlcyB7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xufVxuaW9uLWNvbnRlbnQgLm1lc3NhZ2VzIC5pbmNvbWluZy10cnVlLCBpb24tY29udGVudCAubWVzc2FnZXMgLmluY29taW5nLWZhbHNlIHtcbiAgd2lkdGg6IDMwNXB4O1xuICBwYWRkaW5nOiAxNXB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG59XG5pb24tY29udGVudCAubWVzc2FnZXMgLmluY29taW5nLXRydWUge1xuICBtYXJnaW46IDEwcHggNzVweCAxMHB4IDIwcHg7XG4gIGJhY2tncm91bmQ6ICNlYmViZWI7XG4gIGZsb2F0OiBsZWZ0O1xufVxuaW9uLWNvbnRlbnQgLmluY29taW5nLWZhbHNlIHtcbiAgbWFyZ2luOiAxMHB4IDIwcHggMTBweCA3NXB4O1xuICBiYWNrZ3JvdW5kOiAjZTRmNGZlO1xuICBmbG9hdDogcmlnaHQ7XG59XG5pb24tY29udGVudCAudGl0bGUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGNvbG9yOiAjMDc4MmM5O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuaW9uLWNvbnRlbnQgLnRpdGxlIC50aW1lIHtcbiAgY29sb3I6ICM3OTc5Nzk7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBmbG9hdDogcmlnaHQ7XG59XG5cbmlvbi1mb290ZXIgLnJvdyB7XG4gIHdpZHRoOiAzODBweDtcbiAgbWFyZ2luOiAwIGF1dG87XG59XG5pb24tZm9vdGVyIC5jaGF0LWljb24tb3B0aW9ucyB7XG4gIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIGZvbnQtc2l6ZTogMjVweDtcbiAgZmxvYXQ6IHJpZ2h0ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5pb24tZm9vdGVyIC5jaGF0LWljb24tc2VuZCB7XG4gIGZvbnQtc2l6ZTogNDVweDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIG1hcmdpbi10b3A6IDRweDtcbn1cbmlvbi1mb290ZXIgLnR5cGUtbWVzc2FnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlYmViZWI7XG4gIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gIHBhZGRpbmctbGVmdDogMTVweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG5pb24tZm9vdGVyIC50eXBlLW1lc3NhZ2UgaW9uLXRleHRhcmVhIHtcbiAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuLnRleHQtY29sb3ItYmx1ZSB7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgY29sb3I6ICMwNzgyYzk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG59XG5cbi51c2VyLXN0YXR1cy1vbmxpbmUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIGNvbG9yOiAjOTllNDdiO1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5vbmxpbmUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIGNvbG9yOiAjOTllNDdiO1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG5cbi5vZmZsaW5lIHtcbiAgY29sb3I6ICNjYmNlZDE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbG9hdDogbGVmdDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4uYXdheSB7XG4gIGNvbG9yOiAjZmZkMjFmO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLmludmlzaWJsZSB7XG4gIGNvbG9yOiAjY2JjZWQxO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuLmJ1c3kge1xuICBjb2xvcjogI2Y1NDU1YztcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsb2F0OiBsZWZ0O1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59Il19 */";
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/messages.page.ts":
  /*!******************************************************!*\
    !*** ./src/app/pages/chat/messages/messages.page.ts ***!
    \******************************************************/

  /*! exports provided: MessagesPage */

  /***/
  function srcAppPagesChatMessagesMessagesPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MessagesPage", function () {
      return MessagesPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/shared/popover/chat-options-popover/chat-options-popover.page */
    "./src/app/shared/popover/chat-options-popover/chat-options-popover.page.ts");
    /* harmony import */


    var src_app_shared_popover_messages_options_messages_options_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! src/app/shared/popover/messages-options/messages-options.page */
    "./src/app/shared/popover/messages-options/messages-options.page.ts");
    /* harmony import */


    var _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../new-group/contacts/contacts.page */
    "./src/app/pages/chat/new-group/contacts/contacts.page.ts");

    var MessagesPage = /*#__PURE__*/function () {
      function MessagesPage(popoverController, modalController, navParams, chatService, authService) {
        _classCallCheck(this, MessagesPage);

        this.popoverController = popoverController;
        this.modalController = modalController;
        this.navParams = navParams;
        this.chatService = chatService;
        this.authService = authService;
        this.message = '';
        this.userPresence = '';
        this.dm = this.navParams.get('dm');
      }

      _createClass(MessagesPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this20 = this;

          this.scrollToBottom();
          this.authService.userData$.subscribe(function (res) {
            _this20.loggedUser = res;
            console.log(_this20.loggedUser);
          });
          /* setInterval(()=>{ */

          this.load();
          /* }, 9000); */
        }
      }, {
        key: "load",
        value: function load() {
          this.loadMessages();
          this.getChatMembers();
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(ev) {
          this.load();
          ev.target.complete();
        }
      }, {
        key: "ngAfterViewChecked",
        value: function ngAfterViewChecked() {
          this.scrollToBottom();
        }
      }, {
        key: "scrollToBottom",
        value: function scrollToBottom() {
          try {
            this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
          } catch (err) {}
        }
      }, {
        key: "loadMoreMessages",
        value: function loadMoreMessages(ev) {}
      }, {
        key: "sendMessage",
        value: function sendMessage() {
          var _this21 = this;

          var body = {
            "message": {
              "rid": this.dm._id,
              "msg": this.message
            }
          };
          this.chatService.sendMessage(body).subscribe(function (res) {
            _this21.loadMessages();
          });
          this.message = "";
        }
      }, {
        key: "loadMessages",
        value: function loadMessages() {
          var _this22 = this;

          this.showLoader = true;
          this.chatService.getRoomMessages(this.dm._id).subscribe(function (res) {
            /* console.log(res); */
            _this22.messages = res['messages'].reverse();
            console.log(_this22.messages);
          });
        }
      }, {
        key: "getChatMembers",
        value: function getChatMembers() {
          var _this23 = this;

          this.showLoader = true;
          this.chatService.getMembers(this.dm._id).subscribe(function (res) {
            _this23.dmUsers = res['members'].filter(function (data) {
              return data.username != _this23.loggedUser.me.username;
            });
            console.log(res);
            console.log(_this23.dmUsers);
            _this23.showLoader = false;
          });
        }
      }, {
        key: "openMessagesOptions",
        value: function openMessagesOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee14() {
            var popover;
            return regeneratorRuntime.wrap(function _callee14$(_context14) {
              while (1) {
                switch (_context14.prev = _context14.next) {
                  case 0:
                    _context14.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_messages_options_messages_options_page__WEBPACK_IMPORTED_MODULE_6__["MessagesOptionsPage"],
                      componentProps: {
                        roomId: this.dm._id
                      },
                      cssClass: 'messages-options',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context14.sent;
                    _context14.next = 5;
                    return popover.present();

                  case 5:
                    return _context14.abrupt("return", _context14.sent);

                  case 6:
                  case "end":
                    return _context14.stop();
                }
              }
            }, _callee14, this);
          }));
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee15() {
            var modal;
            return regeneratorRuntime.wrap(function _callee15$(_context15) {
              while (1) {
                switch (_context15.prev = _context15.next) {
                  case 0:
                    _context15.next = 2;
                    return this.modalController.create({
                      component: _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_7__["ContactsPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context15.sent;
                    _context15.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context15.stop();
                }
              }
            }, _callee15, this);
          }));
        }
      }, {
        key: "openChatOptions",
        value: function openChatOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee16() {
            var popover;
            return regeneratorRuntime.wrap(function _callee16$(_context16) {
              while (1) {
                switch (_context16.prev = _context16.next) {
                  case 0:
                    _context16.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__["ChatOptionsPopoverPage"],
                      cssClass: 'chat-options-popover',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context16.sent;
                    _context16.next = 5;
                    return popover.present();

                  case 5:
                    return _context16.abrupt("return", _context16.sent);

                  case 6:
                  case "end":
                    return _context16.stop();
                }
              }
            }, _callee16, this);
          }));
        }
      }]);

      return MessagesPage;
    }();

    MessagesPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["NavParams"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__["ChatService"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__["AuthService"]
      }];
    };

    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('scrollMe')], MessagesPage.prototype, "myScrollContainer", void 0);
    MessagesPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-messages',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./messages.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./messages.page.scss */
      "./src/app/pages/chat/messages/messages.page.scss"))["default"]]
    })], MessagesPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/contacts/contacts.page.scss":
  /*!******************************************************************!*\
    !*** ./src/app/pages/chat/new-group/contacts/contacts.page.scss ***!
    \******************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatNewGroupContactsContactsPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.header-toolbar .main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n}\n.header-toolbar .main-header .back-icon {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n.header-toolbar .main-header .div-title {\n  width: 221px;\n  padding: 0 !important;\n  float: left;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.toolbar-search {\n  --padding-top:0 !important;\n  --padding-bottom:0 !important;\n  --padding-start:0 !important;\n  --padding-end:0 !important;\n}\n.toolbar-search .search {\n  border: 1px solid #ebebeb;\n  margin: 5px 20px 5px 20px;\n  border-radius: 5px;\n}\n.toolbar-search .search ion-searchbar {\n  /* border: 1px solid green; */\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  --border-radius: 5px;\n  --box-shadow: none;\n  overflow: auto;\n  --icon-color:#0d89d1;\n}\nion-content {\n  --background:transparent;\n}\n.main-content {\n  width: 100%;\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 0 0 0 0;\n}\n.main-content .item-divider {\n  background: #ebebeb;\n  font-size: 15px;\n  margin: 10px 0 10px 0;\n  padding: 5px 0 5px 20px;\n}\n.main-content .item-checkbox {\n  display: flex;\n  margin: 10px 20px 10px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-checkbox ion-checkbox {\n  --border-color: #0d89d1;\n  --background-checked:#0d89d1;\n  float: left;\n}\n.main-content .item-checkbox p {\n  display: block;\n  margin: 0 !important;\n  width: 330px;\n  padding-left: 10px;\n  font-size: 15px;\n  color: #0d89d1;\n  float: left;\n}\n.main-content .item-checkbox ion-icon {\n  font-size: 10px;\n  float: left;\n  color: #99e47b;\n  margin-left: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvY29udGFjdHMvQzpcXFVzZXJzXFxldWRlcy5pbmFjaW9cXEdhYmluZXQtRGlnaXRhbFByb2plY3RcXE5ldyBmb2xkZXJcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxuZXctZ3JvdXBcXGNvbnRhY3RzXFxjb250YWN0cy5wYWdlLnNjc3MiLCJzcmMvYXBwL3BhZ2VzL2NoYXQvbmV3LWdyb3VwL2NvbnRhY3RzL2NvbnRhY3RzLnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNHLHdCQUFBO0VBQ0EsWUFBQTtBQ0FIO0FERUU7RUFDRSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsMkJBQUE7RUFDQSxXQUFBO0VBQ0EsaUNBQUE7QUNDSjtBRENJO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLFlBQUE7QUNDTjtBRENJO0VBQ0UsWUFBQTtFQUNBLGtCQUFBO0FDQ047QURDTTtFQUNFLFlBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7RUFDQSxxQkFBQTtBQ0NSO0FERUk7RUFDRSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0FDQU47QURHSTtFQUNJLFlBQUE7RUFDQSxxQkFBQTtFQUNBLFdBQUE7RUFDQSxxQkFBQTtBQ0RSO0FER0k7RUFDSSxlQUFBO0FDRFI7QURLQTtFQUNFLDBCQUFBO0VBQ0EsNkJBQUE7RUFDQSw0QkFBQTtFQUNBLDBCQUFBO0FDRkY7QURJRTtFQUNFLHlCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtBQ0ZKO0FESUU7RUFDRSw2QkFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtFQUNBLHFCQUFBO0VBQ0Esb0JBQUE7RUFDQSxrQkFBQTtFQUNBLGNBQUE7RUFDQSxvQkFBQTtBQ0ZKO0FETUE7RUFDRSx3QkFBQTtBQ0hGO0FES0E7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtFQUNBLGdCQUFBO0FDRkY7QURJSTtFQUNFLG1CQUFBO0VBQ0EsZUFBQTtFQUNBLHFCQUFBO0VBQ0EsdUJBQUE7QUNGTjtBRE1JO0VBQ0UsYUFBQTtFQUNBLHNDQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0FDSk47QURRSTtFQUNJLHVCQUFBO0VBQ0EsNEJBQUE7RUFDQSxXQUFBO0FDTlI7QURTSTtFQUNJLGNBQUE7RUFDQSxvQkFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsV0FBQTtBQ1BSO0FEU0k7RUFDRSxlQUFBO0VBQ0EsV0FBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtBQ1BOIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvY29udGFjdHMvY29udGFjdHMucGFnZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi5oZWFkZXItdG9vbGJhcntcclxuICAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xyXG4gICAtLW9wYWNpdHk6IDE7XHJcblxyXG4gIC5tYWluLWhlYWRlcntcclxuICAgIHdpZHRoOiAxMDAlOyAvKiA0MDBweCAqL1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XHJcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBvdmVyZmxvdzpoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XHJcbiAgICBjb2xvcjojMDAwO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xyXG5cclxuICAgIC5kaXYtaWNvbntcclxuICAgICAgd2lkdGg6IDQwcHg7XHJcbiAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgcGFkZGluZzogMXB4O1xyXG4gICAgfVxyXG4gICAgLmRpdi1pY29uIGlvbi1pY29ue1xyXG4gICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgIHBhZGRpbmctbGVmdDogMjBweDtcclxuICAgIH1cclxuICAgICAgLnRpdGxlLWNvbnRlbnR7XHJcbiAgICAgICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgICAgIG1hcmdpbjogMHB4IGF1dG87XHJcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgICB9XHJcbiAgICBcclxuICAgIC5iYWNrLWljb257XHJcbiAgICAgIHdpZHRoOiAzN3B4O1xyXG4gICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgICBcclxuICAgICAgfVxyXG4gICAgLmRpdi10aXRsZXtcclxuICAgICAgICB3aWR0aDogMjIxcHg7XHJcbiAgICAgICAgcGFkZGluZzogMCFpbXBvcnRhbnQ7XHJcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xyXG4gICAgfVxyXG4gICAgLnRpdGxle1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuLnRvb2xiYXItc2VhcmNoe1xyXG4gIC0tcGFkZGluZy10b3A6MCAhaW1wb3J0YW50O1xyXG4gIC0tcGFkZGluZy1ib3R0b206MCAhaW1wb3J0YW50O1xyXG4gIC0tcGFkZGluZy1zdGFydDowICFpbXBvcnRhbnQ7XHJcbiAgLS1wYWRkaW5nLWVuZDowICFpbXBvcnRhbnQ7XHJcbiAgXHJcbiAgLnNlYXJjaHtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlYmViZWI7XHJcbiAgICBtYXJnaW46IDVweCAyMHB4IDVweCAyMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuc2VhcmNoIGlvbi1zZWFyY2hiYXJ7XHJcbiAgICAvKiBib3JkZXI6IDFweCBzb2xpZCBncmVlbjsgKi9cclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAtLWJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIC0tYm94LXNoYWRvdzogbm9uZTtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgLS1pY29uLWNvbG9yOiMwZDg5ZDE7XHJcbiAgfVxyXG5cclxufVxyXG5pb24tY29udGVudHtcclxuICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XHJcbn1cclxuLm1haW4tY29udGVudHtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICBtYXJnaW46IDAgYXV0bztcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gIG92ZXJmbG93OmF1dG87XHJcbiAgcGFkZGluZzogMCAwIDAgMDtcclxuXHJcbiAgICAuaXRlbS1kaXZpZGVye1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjZWJlYmViO1xyXG4gICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgIG1hcmdpbjogMTBweCAwIDEwcHggMDtcclxuICAgICAgcGFkZGluZzo1cHggMCA1cHggMjBweDtcclxuIFxyXG4gICAgfVxyXG5cclxuICAgIC5pdGVtLWNoZWNrYm94e1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBtYXJnaW46IDEwcHggMjBweCAxMHB4IDIwcHggIWltcG9ydGFudDtcclxuICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gICAgfVxyXG5cclxuICAgIC5pdGVtLWNoZWNrYm94IGlvbi1jaGVja2JveHtcclxuICAgICAgICAtLWJvcmRlci1jb2xvcjogIzBkODlkMTtcclxuICAgICAgICAtLWJhY2tncm91bmQtY2hlY2tlZDojMGQ4OWQxO1xyXG4gICAgICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgfVxyXG5cclxuICAgIC5pdGVtLWNoZWNrYm94IHB7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IDMzMHB4O1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuICAgICAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICAgICAgY29sb3I6ICMwZDg5ZDE7XHJcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICB9XHJcbiAgICAuaXRlbS1jaGVja2JveCBpb24taWNvbntcclxuICAgICAgZm9udC1zaXplOiAxMHB4O1xyXG4gICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgY29sb3I6Izk5ZTQ3YjtcclxuICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuIiwiLmhlYWRlci10b29sYmFyIHtcbiAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xuICAtLW9wYWNpdHk6IDE7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIC8qIDQwMHB4ICovXG4gIGhlaWdodDogMTAwJTtcbiAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMjVweDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDI1cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDMwcHggMjBweCAwcHggMjBweDtcbiAgY29sb3I6ICMwMDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMXB4LCAwKTtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLmRpdi1pY29uIHtcbiAgd2lkdGg6IDQwcHg7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udC1zaXplOiAzNXB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMXB4O1xufVxuLmhlYWRlci10b29sYmFyIC5tYWluLWhlYWRlciAuZGl2LWljb24gaW9uLWljb24ge1xuICBmbG9hdDogcmlnaHQ7XG4gIHBhZGRpbmctbGVmdDogMjBweDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLnRpdGxlLWNvbnRlbnQge1xuICB3aWR0aDogMzYwcHg7XG4gIG1hcmdpbjogMHB4IGF1dG87XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5iYWNrLWljb24ge1xuICB3aWR0aDogMzdweDtcbiAgZmxvYXQ6IGxlZnQ7XG4gIGZvbnQtc2l6ZTogMzVweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uaGVhZGVyLXRvb2xiYXIgLm1haW4taGVhZGVyIC5kaXYtdGl0bGUge1xuICB3aWR0aDogMjIxcHg7XG4gIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgZmxvYXQ6IGxlZnQ7XG4gIG1hcmdpbjogMi41cHggMCAwIDVweDtcbn1cbi5oZWFkZXItdG9vbGJhciAubWFpbi1oZWFkZXIgLnRpdGxlIHtcbiAgZm9udC1zaXplOiAyNXB4O1xufVxuXG4udG9vbGJhci1zZWFyY2gge1xuICAtLXBhZGRpbmctdG9wOjAgIWltcG9ydGFudDtcbiAgLS1wYWRkaW5nLWJvdHRvbTowICFpbXBvcnRhbnQ7XG4gIC0tcGFkZGluZy1zdGFydDowICFpbXBvcnRhbnQ7XG4gIC0tcGFkZGluZy1lbmQ6MCAhaW1wb3J0YW50O1xufVxuLnRvb2xiYXItc2VhcmNoIC5zZWFyY2gge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWJlYmViO1xuICBtYXJnaW46IDVweCAyMHB4IDVweCAyMHB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4udG9vbGJhci1zZWFyY2ggLnNlYXJjaCBpb24tc2VhcmNoYmFyIHtcbiAgLyogYm9yZGVyOiAxcHggc29saWQgZ3JlZW47ICovXG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAtLWJvcmRlci1yYWRpdXM6IDVweDtcbiAgLS1ib3gtc2hhZG93OiBub25lO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLS1pY29uLWNvbG9yOiMwZDg5ZDE7XG59XG5cbmlvbi1jb250ZW50IHtcbiAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xufVxuXG4ubWFpbi1jb250ZW50IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAwIDAgMCAwO1xufVxuLm1haW4tY29udGVudCAuaXRlbS1kaXZpZGVyIHtcbiAgYmFja2dyb3VuZDogI2ViZWJlYjtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBtYXJnaW46IDEwcHggMCAxMHB4IDA7XG4gIHBhZGRpbmc6IDVweCAwIDVweCAyMHB4O1xufVxuLm1haW4tY29udGVudCAuaXRlbS1jaGVja2JveCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbjogMTBweCAyMHB4IDEwcHggMjBweCAhaW1wb3J0YW50O1xuICBvdmVyZmxvdzogYXV0bztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5tYWluLWNvbnRlbnQgLml0ZW0tY2hlY2tib3ggaW9uLWNoZWNrYm94IHtcbiAgLS1ib3JkZXItY29sb3I6ICMwZDg5ZDE7XG4gIC0tYmFja2dyb3VuZC1jaGVja2VkOiMwZDg5ZDE7XG4gIGZsb2F0OiBsZWZ0O1xufVxuLm1haW4tY29udGVudCAuaXRlbS1jaGVja2JveCBwIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogMCAhaW1wb3J0YW50O1xuICB3aWR0aDogMzMwcHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBjb2xvcjogIzBkODlkMTtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4ubWFpbi1jb250ZW50IC5pdGVtLWNoZWNrYm94IGlvbi1pY29uIHtcbiAgZm9udC1zaXplOiAxMHB4O1xuICBmbG9hdDogbGVmdDtcbiAgY29sb3I6ICM5OWU0N2I7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufSJdfQ== */";
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/contacts/contacts.page.ts":
  /*!****************************************************************!*\
    !*** ./src/app/pages/chat/new-group/contacts/contacts.page.ts ***!
    \****************************************************************/

  /*! exports provided: ContactsPage */

  /***/
  function srcAppPagesChatNewGroupContactsContactsPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ContactsPage", function () {
      return ContactsPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ../../group-messages/group-messages.page */
    "./src/app/pages/chat/group-messages/group-messages.page.ts");

    var ContactsPage = /*#__PURE__*/function () {
      function ContactsPage(modalController, http) {
        _classCallCheck(this, ContactsPage);

        this.modalController = modalController;
        this.http = http;
        this.users = [];
        this.contact = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
        this.contacts = [{
          first: 'Ana',
          last: 'Manuel',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Abdullah',
          last: 'Hill',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Batur',
          last: 'Oymen',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Bianca',
          last: 'Costa',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Zaya',
          last: 'Mary',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Tiago',
          last: 'Kayaya',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }];
        this.headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]();
        this.headers = this.headers.set('Access-Control-Allow-Origin', '*');
        this.headers = this.headers.set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');
        this.headers = this.headers.set('Accept', 'application/json');
        this.headers = this.headers.set('content-type', 'application/json');
      }

      _createClass(ContactsPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          this.loadUsers();
        }
      }, {
        key: "loadUsers",
        value: function loadUsers() {
          this.options = {
            headers: this.headers
          };
          /* this.http.get('https://randomuser.me/api/?results=100', this.options)
          .subscribe(res => {
            this.users = res['results'].sort((a,b) => {
              if(a.name.first < b.name.first){
                return -1;
              }
              if(a.name.first > b.name.first){
                return 1;
              }
              return 0;
            });
            console.log(res);
            console.log(this.users);
          }); */

          this.users = this.contacts.sort(function (a, b) {
            if (a.first < b.first) {
              return -1;
            }

            if (a.first > b.first) {
              return 1;
            }

            return 0;
          });
        }
      }, {
        key: "separateLetter",
        value: function separateLetter(record, recordIndex, records) {
          /* if(recordIndex == 0){
            return record.name.first[0];
          }
                let first_prev = records[recordIndex - 1].name.first[0];
          let first_current = record.name.first[0];
                if(first_prev != first_current){
            return first_current;
          }
          return null; */
          if (recordIndex == 0) {
            return record.first[0];
          }

          var first_prev = records[recordIndex - 1].first[0];
          var first_current = record.first[0];

          if (first_prev != first_current) {
            return first_current;
          }

          return null;
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(event) {}
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "onChange",
        value: function onChange(event) {}
      }, {
        key: "clicked",
        value: function clicked() {
          console.log('clicked');
        }
      }, {
        key: "groupMessages",
        value: function groupMessages() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee17() {
            var modal;
            return regeneratorRuntime.wrap(function _callee17$(_context17) {
              while (1) {
                switch (_context17.prev = _context17.next) {
                  case 0:
                    _context17.next = 2;
                    return this.modalController.create({
                      component: _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_4__["GroupMessagesPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context17.sent;
                    _context17.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context17.stop();
                }
              }
            }, _callee17, this);
          }));
        }
      }]);

      return ContactsPage;
    }();

    ContactsPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }];
    };

    ContactsPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-contacts',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./contacts.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./contacts.page.scss */
      "./src/app/pages/chat/new-group/contacts/contacts.page.scss"))["default"]]
    })], ContactsPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/new-group.page.scss":
  /*!**********************************************************!*\
    !*** ./src/app/pages/chat/new-group/new-group.page.scss ***!
    \**********************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatNewGroupNewGroupPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "ion-content {\n  --background:transparent;\n}\n\n.header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n\n.div-top-header {\n  width: 400px;\n  margin: 0 auto;\n  background-color: #0782c9;\n  overflow: auto;\n  padding-top: 15px;\n  border: 0 !important;\n}\n\n.div-top-header .div-search {\n  font-size: 45px;\n  float: left;\n  margin: 0 0 0 10px;\n}\n\n.div-top-header .div-logo {\n  background: transparent;\n  width: 140px;\n  margin: 5px 0 0px 71px;\n  float: left;\n}\n\n.div-top-header .div-logo img {\n  width: 100%;\n}\n\n.div-top-header .div-profile {\n  font-size: 45px;\n  float: right;\n  margin-right: 10px;\n}\n\n.main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n\n.main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n\n.main-header .title-content .left {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n\n.main-header .title-content .middle {\n  padding: 0 !important;\n  float: left;\n  width: 221px;\n  margin: 2.5px 0 0 5px;\n}\n\n.main-header .title-content .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 15px;\n  color: #0782c9;\n  margin: 8px 0 0 5px;\n}\n\n.main-header .title {\n  font-size: 25px;\n}\n\n.main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n\n.main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n\n.main-content {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 15px 20px 0 20px;\n}\n\n.main-content .item-container {\n  width: 360px;\n  margin: 15px auto;\n  border: 1px solid #ebebeb;\n  border-radius: 5px;\n  padding-left: 10px;\n}\n\n.main-content .item-container-no-border {\n  display: flex;\n  width: 360px;\n  margin: 25px auto;\n  border-radius: 5px;\n  align-items: center;\n}\n\n.main-content .item-container-no-border ion-label {\n  padding-left: 10px;\n  font-size: 12px;\n  color: #000;\n}\n\n.container-div {\n  margin-bottom: 15px;\n  overflow: auto;\n}\n\n.container-div .ion-item-class-2 {\n  width: 360px;\n  margin: 0px auto;\n}\n\n.container-div .ion-item-class-2 .ion-icon-class {\n  width: 45px;\n  height: 45px;\n  float: left;\n  padding: 10px;\n  font-size: 25px;\n}\n\n.container-div .ion-input-class {\n  width: 315px;\n  height: 45px;\n  border: 1px solid #ebebeb;\n  border-radius: 5px;\n  padding-left: 5px;\n  padding-right: 10px;\n  float: left;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvQzpcXFVzZXJzXFxldWRlcy5pbmFjaW9cXEdhYmluZXQtRGlnaXRhbFByb2plY3RcXE5ldyBmb2xkZXJcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxuZXctZ3JvdXBcXG5ldy1ncm91cC5wYWdlLnNjc3MiLCJzcmMvYXBwL3BhZ2VzL2NoYXQvbmV3LWdyb3VwL25ldy1ncm91cC5wYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSx3QkFBQTtBQ0NKOztBRENBO0VBQ0csd0JBQUE7RUFDQSxZQUFBO0FDRUg7O0FEQUE7RUFDSSxZQUFBO0VBQ0EsY0FBQTtFQUNBLHlCQUFBO0VBQ0EsY0FBQTtFQUNBLGlCQUFBO0VBQ0Esb0JBQUE7QUNHSjs7QURESTtFQUNFLGVBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7QUNHTjs7QURESTtFQUNFLHVCQUFBO0VBQ0EsWUFBQTtFQUNBLHNCQUFBO0VBQ0EsV0FBQTtBQ0dOOztBRERJO0VBQ0UsV0FBQTtBQ0dOOztBRERJO0VBQ0UsZUFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtBQ0dOOztBRENFO0VBQ0UsV0FBQTtFQUFhLFVBQUE7RUFDYixZQUFBO0VBQ0EsbUJBQUE7RUFDQSw0QkFBQTtFQUNBLDZCQUFBO0VBQ0Esc0JBQUE7RUFDQSxnQkFBQTtFQUNBLDJCQUFBO0VBQ0EsV0FBQTtFQUNBLGlDQUFBO0FDR0o7O0FEREk7RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7RUFDQSxnQkFBQTtBQ0dOOztBRERNO0VBQ0UsV0FBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtBQ0dSOztBRERPO0VBQ0MscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHFCQUFBO0FDR1I7O0FERE07RUFDRSxxQkFBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtFQUNBLG1CQUFBO0FDR1I7O0FEQ0k7RUFDRSxlQUFBO0FDQ047O0FEQ0k7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsWUFBQTtBQ0NOOztBRENJO0VBQ0UsWUFBQTtFQUNBLGtCQUFBO0FDQ047O0FESUU7RUFDRSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtBQ0FKOztBREVJO0VBQ0ksWUFBQTtFQUNBLGlCQUFBO0VBQ0EseUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0FDQVI7O0FER007RUFDRSxhQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxtQkFBQTtBQ0RSOztBRElNO0VBQ0ksa0JBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtBQ0ZWOztBRE1FO0VBQ0UsbUJBQUE7RUFDQSxjQUFBO0FDSEo7O0FES0k7RUFDSSxZQUFBO0VBQ0EsZ0JBQUE7QUNIUjs7QURLUTtFQUNJLFdBQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLGFBQUE7RUFDQSxlQUFBO0FDSFo7O0FETU07RUFDRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0VBQ0EsV0FBQTtBQ0pSIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvbmV3LWdyb3VwLnBhZ2Uuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbImlvbi1jb250ZW50e1xyXG4gICAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xyXG59XHJcbi5oZWFkZXItdG9vbGJhcntcclxuICAgLS1iYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xyXG4gICAtLW9wYWNpdHk6IDE7XHJcbn1cclxuLmRpdi10b3AtaGVhZGVye1xyXG4gICAgd2lkdGg6IDQwMHB4O1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDc4MmM5O1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICBwYWRkaW5nLXRvcDogMTVweDtcclxuICAgIGJvcmRlcjogMCFpbXBvcnRhbnQ7XHJcblxyXG4gICAgLmRpdi1zZWFyY2h7XHJcbiAgICAgIGZvbnQtc2l6ZTogNDVweDtcclxuICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgIG1hcmdpbjogMCAwIDAgMTBweFxyXG4gICAgfVxyXG4gICAgLmRpdi1sb2dve1xyXG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICAgICAgd2lkdGg6IDE0MHB4O1xyXG4gICAgICBtYXJnaW46IDVweCAwIDBweCA3MXB4O1xyXG4gICAgICBmbG9hdDogbGVmdDtcclxuICAgIH1cclxuICAgIC5kaXYtbG9nbyBpbWd7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgfVxyXG4gICAgLmRpdi1wcm9maWxle1xyXG4gICAgICBmb250LXNpemU6IDQ1cHg7XHJcbiAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG4gIC5tYWluLWhlYWRlcntcclxuICAgIHdpZHRoOiAxMDAlOyAvKiA0MDBweCAqL1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bztcclxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XHJcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBvdmVyZmxvdzpoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAzMHB4IDIwcHggMHB4IDIwcHg7XHJcbiAgICBjb2xvcjojMDAwO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xyXG4gICAgXHJcbiAgICAudGl0bGUtY29udGVudHtcclxuICAgICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgICBtYXJnaW46IDBweCBhdXRvO1xyXG4gICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xyXG5cclxuICAgICAgLmxlZnR7XHJcbiAgICAgICAgd2lkdGg6IDM3cHg7XHJcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICAgfVxyXG4gICAgICAgLm1pZGRsZXtcclxuICAgICAgICBwYWRkaW5nOiAwIWltcG9ydGFudDtcclxuICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgICB3aWR0aDogMjIxcHg7XHJcbiAgICAgICAgbWFyZ2luOiAyLjVweCAwIDAgNXB4O1xyXG4gICAgICB9XHJcbiAgICAgIC5yaWdodHtcclxuICAgICAgICBwYWRkaW5nOiAwIWltcG9ydGFudDtcclxuICAgICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNXB4O1xyXG4gICAgICAgIGNvbG9yOiAjMDc4MmM5O1xyXG4gICAgICAgIG1hcmdpbjogOHB4IDAgMCA1cHg7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAudGl0bGV7XHJcbiAgICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgIH1cclxuICAgIC5kaXYtaWNvbntcclxuICAgICAgd2lkdGg6IDQwcHg7XHJcbiAgICAgIGZsb2F0OiByaWdodDtcclxuICAgICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgcGFkZGluZzogMXB4O1xyXG4gICAgfVxyXG4gICAgLmRpdi1pY29uIGlvbi1pY29ue1xyXG4gICAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICAgIHBhZGRpbmctbGVmdDogMjBweDtcclxuICAgIH1cclxuICAgIFxyXG4gXHJcbiAgfVxyXG4gIC5tYWluLWNvbnRlbnR7XHJcbiAgICB3aWR0aDogMTAwJTsgLyogNDAwcHggKi9cclxuICAgIGhlaWdodDogMTAwJTtcclxuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XHJcbiAgICBtYXJnaW46IDAgYXV0bztcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBvdmVyZmxvdzphdXRvO1xyXG4gICAgcGFkZGluZzogMTVweCAyMHB4IDAgMjBweDtcclxuXHJcbiAgICAuaXRlbS1jb250YWluZXJ7XHJcbiAgICAgICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgICAgIG1hcmdpbjogMTVweCBhdXRvO1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNlYmViZWI7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuICAgICAgfVxyXG5cclxuICAgICAgLml0ZW0tY29udGFpbmVyLW5vLWJvcmRlcntcclxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgIHdpZHRoOiAzNjBweDtcclxuICAgICAgICBtYXJnaW46IDI1cHggYXV0bztcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgfVxyXG5cclxuICAgICAgLml0ZW0tY29udGFpbmVyLW5vLWJvcmRlciBpb24tbGFiZWx7XHJcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICAgICAgICBjb2xvcjogIzAwMDtcclxuICAgICAgfVxyXG4gIH1cclxuXHJcbiAgLmNvbnRhaW5lci1kaXZ7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xyXG4gICAgb3ZlcmZsb3c6IGF1dG87XHJcblxyXG4gICAgLmlvbi1pdGVtLWNsYXNzLTJ7XHJcbiAgICAgICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgICAgIG1hcmdpbjogMHB4IGF1dG87XHJcblxyXG4gICAgICAgIC5pb24taWNvbi1jbGFzc3tcclxuICAgICAgICAgICAgd2lkdGg6IDQ1cHg7XHJcbiAgICAgICAgICAgIGhlaWdodDogNDVweDtcclxuICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjVweDtcclxuICAgICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAuaW9uLWlucHV0LWNsYXNze1xyXG4gICAgICAgIHdpZHRoOiAzMTVweDtcclxuICAgICAgICBoZWlnaHQ6IDQ1cHg7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2ViZWJlYjtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XHJcbiAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcclxuICAgICAgICBmbG9hdDogbGVmdDtcclxuICAgICAgfVxyXG4gIH1cclxuIiwiaW9uLWNvbnRlbnQge1xuICAtLWJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXItdG9vbGJhciB7XG4gIC0tYmFja2dyb3VuZDp0cmFuc3BhcmVudDtcbiAgLS1vcGFjaXR5OiAxO1xufVxuXG4uZGl2LXRvcC1oZWFkZXIge1xuICB3aWR0aDogNDAwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDc4MmM5O1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZy10b3A6IDE1cHg7XG4gIGJvcmRlcjogMCAhaW1wb3J0YW50O1xufVxuLmRpdi10b3AtaGVhZGVyIC5kaXYtc2VhcmNoIHtcbiAgZm9udC1zaXplOiA0NXB4O1xuICBmbG9hdDogbGVmdDtcbiAgbWFyZ2luOiAwIDAgMCAxMHB4O1xufVxuLmRpdi10b3AtaGVhZGVyIC5kaXYtbG9nbyB7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB3aWR0aDogMTQwcHg7XG4gIG1hcmdpbjogNXB4IDAgMHB4IDcxcHg7XG4gIGZsb2F0OiBsZWZ0O1xufVxuLmRpdi10b3AtaGVhZGVyIC5kaXYtbG9nbyBpbWcge1xuICB3aWR0aDogMTAwJTtcbn1cbi5kaXYtdG9wLWhlYWRlciAuZGl2LXByb2ZpbGUge1xuICBmb250LXNpemU6IDQ1cHg7XG4gIGZsb2F0OiByaWdodDtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xufVxuXG4ubWFpbi1oZWFkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgLyogNDAwcHggKi9cbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LWZhbWlseTogUm9ib3RvO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAyNXB4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMjVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMzBweCAyMHB4IDBweCAyMHB4O1xuICBjb2xvcjogIzAwMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xufVxuLm1haW4taGVhZGVyIC50aXRsZS1jb250ZW50IHtcbiAgd2lkdGg6IDM2MHB4O1xuICBtYXJnaW46IDBweCBhdXRvO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xufVxuLm1haW4taGVhZGVyIC50aXRsZS1jb250ZW50IC5sZWZ0IHtcbiAgd2lkdGg6IDM3cHg7XG4gIGZsb2F0OiBsZWZ0O1xuICBmb250LXNpemU6IDM1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuLm1haW4taGVhZGVyIC50aXRsZS1jb250ZW50IC5taWRkbGUge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogMjIxcHg7XG4gIG1hcmdpbjogMi41cHggMCAwIDVweDtcbn1cbi5tYWluLWhlYWRlciAudGl0bGUtY29udGVudCAucmlnaHQge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udC1zaXplOiAxNXB4O1xuICBjb2xvcjogIzA3ODJjOTtcbiAgbWFyZ2luOiA4cHggMCAwIDVweDtcbn1cbi5tYWluLWhlYWRlciAudGl0bGUge1xuICBmb250LXNpemU6IDI1cHg7XG59XG4ubWFpbi1oZWFkZXIgLmRpdi1pY29uIHtcbiAgd2lkdGg6IDQwcHg7XG4gIGZsb2F0OiByaWdodDtcbiAgZm9udC1zaXplOiAzNXB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMXB4O1xufVxuLm1haW4taGVhZGVyIC5kaXYtaWNvbiBpb24taWNvbiB7XG4gIGZsb2F0OiByaWdodDtcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xufVxuXG4ubWFpbi1jb250ZW50IHtcbiAgd2lkdGg6IDEwMCU7XG4gIC8qIDQwMHB4ICovXG4gIGhlaWdodDogMTAwJTtcbiAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAxNXB4IDIwcHggMCAyMHB4O1xufVxuLm1haW4tY29udGVudCAuaXRlbS1jb250YWluZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG1hcmdpbjogMTVweCBhdXRvO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWJlYmViO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cbi5tYWluLWNvbnRlbnQgLml0ZW0tY29udGFpbmVyLW5vLWJvcmRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAzNjBweDtcbiAgbWFyZ2luOiAyNXB4IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5tYWluLWNvbnRlbnQgLml0ZW0tY29udGFpbmVyLW5vLWJvcmRlciBpb24tbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICMwMDA7XG59XG5cbi5jb250YWluZXItZGl2IHtcbiAgbWFyZ2luLWJvdHRvbTogMTVweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uY29udGFpbmVyLWRpdiAuaW9uLWl0ZW0tY2xhc3MtMiB7XG4gIHdpZHRoOiAzNjBweDtcbiAgbWFyZ2luOiAwcHggYXV0bztcbn1cbi5jb250YWluZXItZGl2IC5pb24taXRlbS1jbGFzcy0yIC5pb24taWNvbi1jbGFzcyB7XG4gIHdpZHRoOiA0NXB4O1xuICBoZWlnaHQ6IDQ1cHg7XG4gIGZsb2F0OiBsZWZ0O1xuICBwYWRkaW5nOiAxMHB4O1xuICBmb250LXNpemU6IDI1cHg7XG59XG4uY29udGFpbmVyLWRpdiAuaW9uLWlucHV0LWNsYXNzIHtcbiAgd2lkdGg6IDMxNXB4O1xuICBoZWlnaHQ6IDQ1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlYmViZWI7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG4gIGZsb2F0OiBsZWZ0O1xufSJdfQ== */";
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/new-group.page.ts":
  /*!********************************************************!*\
    !*** ./src/app/pages/chat/new-group/new-group.page.ts ***!
    \********************************************************/

  /*! exports provided: NewGroupPage */

  /***/
  function srcAppPagesChatNewGroupNewGroupPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "NewGroupPage", function () {
      return NewGroupPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_shared_popover_group_duration_group_duration_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/shared/popover/group-duration/group-duration.page */
    "./src/app/shared/popover/group-duration/group-duration.page.ts");
    /* harmony import */


    var _group_messages_group_contacts_group_contacts_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ../group-messages/group-contacts/group-contacts.page */
    "./src/app/pages/chat/group-messages/group-contacts/group-contacts.page.ts");

    var NewGroupPage = /*#__PURE__*/function () {
      function NewGroupPage(pickerController, popoverController, modalController, navParams) {
        _classCallCheck(this, NewGroupPage);

        this.pickerController = pickerController;
        this.popoverController = popoverController;
        this.modalController = modalController;
        this.navParams = navParams;
        this.selectedDuration = ['', '', ''];
        this.isGroupCreated = false;
        this.groupName = this.navParams.get('name');
      }

      _createClass(NewGroupPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {}
      }, {
        key: "_ionChange",
        value: function _ionChange(event) {
          this.showDuration = event.detail.checked;
        }
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee18() {
            var name, modal;
            return regeneratorRuntime.wrap(function _callee18$(_context18) {
              while (1) {
                switch (_context18.prev = _context18.next) {
                  case 0:
                    this.close();
                    name = this.groupName.split(' ').join('-');
                    console.log(name);
                    _context18.next = 5;
                    return this.modalController.create({
                      component: _group_messages_group_contacts_group_contacts_page__WEBPACK_IMPORTED_MODULE_4__["GroupContactsPage"],
                      componentProps: {
                        isCreated: this.isGroupCreated,
                        name: name,
                        duration: ''
                      },
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 5:
                    modal = _context18.sent;
                    _context18.next = 8;
                    return modal.present();

                  case 8:
                    modal.onDidDismiss();

                  case 9:
                  case "end":
                    return _context18.stop();
                }
              }
            }, _callee18, this);
          }));
        }
      }, {
        key: "setDuration",
        value: function setDuration(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee19() {
            var popover;
            return regeneratorRuntime.wrap(function _callee19$(_context19) {
              while (1) {
                switch (_context19.prev = _context19.next) {
                  case 0:
                    _context19.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_group_duration_group_duration_page__WEBPACK_IMPORTED_MODULE_3__["GroupDurationPage"],
                      cssClass: 'group-duration',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context19.sent;
                    _context19.next = 5;
                    return popover.present();

                  case 5:
                    return _context19.abrupt("return", _context19.sent);

                  case 6:
                  case "end":
                    return _context19.stop();
                }
              }
            }, _callee19, this);
          }));
        }
      }, {
        key: "showPicker",
        value: function showPicker() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee21() {
            var _this24 = this;

            var picker;
            return regeneratorRuntime.wrap(function _callee21$(_context21) {
              while (1) {
                switch (_context21.prev = _context21.next) {
                  case 0:
                    _context21.next = 2;
                    return this.pickerController.create({
                      cssClass: '',
                      buttons: [{
                        text: 'Cancelar',
                        role: 'cancel',
                        cssClass: 'btn-cancel'
                      }, {
                        text: 'Ok',
                        cssClass: 'btn-cancel',
                        handler: function handler(value) {
                          console.log('button done pressed');
                          _this24.selectedDuration = [value.days.value, value.hours.value, value.minutes.value];
                          console.log(_this24.selectedDuration);

                          if (value.days.value != null && value.hours.value != null && value.minutes.value != null) {
                            if (value.days.value > 0) {
                              if (value.days.value == 1) {
                                if (value.hours.value == 1) {
                                  _this24.displayDuration = value.days.value + " day " + value.hours.value + " hora " + value.minutes.value + " minutos";
                                } else {
                                  _this24.displayDuration = value.days.value + " days " + value.hours.value + " horas " + value.minutes.value + " minutos";
                                }
                              } else {
                                if (value.hours.value == 1) {
                                  _this24.displayDuration = value.days.value + " days " + value.hours.value + " hora " + value.minutes.value + " minutos";
                                } else {
                                  _this24.displayDuration = value.days.value + " days " + value.hours.value + " horas " + value.minutes.value + " minutos";
                                }
                              }
                            } else {
                              if (value.hours.value == 1) {
                                _this24.displayDuration = value.hours.value + " hora " + value.minutes.value + " minutos";
                              } else {
                                _this24.displayDuration = value.hours.value + " horas " + value.minutes.value + " minutos";
                              }
                            }
                          }
                        }
                      }],
                      columns: [{
                        name: 'days',
                        prefix: 'Dias',
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '1',
                          value: 1
                        }, {
                          text: '2',
                          value: 2
                        }, {
                          text: '3',
                          value: 3
                        }, {
                          text: '4',
                          value: 4
                        }]
                      }, {
                        name: 'hours',
                        prefix: 'Horas',
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '1',
                          value: 1
                        }, {
                          text: '2',
                          value: 2
                        }, {
                          text: '3',
                          value: 3
                        }, {
                          text: '4',
                          value: 4
                        }, {
                          text: '5',
                          value: 5
                        }, {
                          text: '6',
                          value: 6
                        }, {
                          text: '7',
                          value: 7
                        }, {
                          text: '8',
                          value: 8
                        }]
                      }, {
                        name: 'minutes',
                        prefix: 'Minutos',
                        selectedIndex: 3,
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '5',
                          value: 5
                        }, {
                          text: '10',
                          value: 10
                        }, {
                          text: '15',
                          value: 15
                        }, {
                          text: '20',
                          value: 20
                        }, {
                          text: '25',
                          value: 25
                        }, {
                          text: '30',
                          value: 30
                        }, {
                          text: '35',
                          value: 35
                        }, {
                          text: '45',
                          value: 45
                        }, {
                          text: '50',
                          value: 50
                        }, {
                          text: '55',
                          value: 55
                        }]
                      }]
                    });

                  case 2:
                    picker = _context21.sent;
                    _context21.next = 5;
                    return picker.present();

                  case 5:
                    picker.onDidDismiss().then(function (data) {
                      return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(_this24, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee20() {
                        var day, hour, minutes;
                        return regeneratorRuntime.wrap(function _callee20$(_context20) {
                          while (1) {
                            switch (_context20.prev = _context20.next) {
                              case 0:
                                _context20.next = 2;
                                return picker.getColumn('days');

                              case 2:
                                day = _context20.sent;
                                _context20.next = 5;
                                return picker.getColumn('hours');

                              case 5:
                                hour = _context20.sent;
                                _context20.next = 8;
                                return picker.getColumn('minutes');

                              case 8:
                                minutes = _context20.sent;

                              case 9:
                              case "end":
                                return _context20.stop();
                            }
                          }
                        }, _callee20);
                      }));
                    });

                  case 6:
                  case "end":
                    return _context21.stop();
                }
              }
            }, _callee21, this);
          }));
        }
      }]);

      return NewGroupPage;
    }();

    NewGroupPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PickerController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["NavParams"]
      }];
    };

    NewGroupPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-new-group',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./new-group.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./new-group.page.scss */
      "./src/app/pages/chat/new-group/new-group.page.scss"))["default"]]
    })], NewGroupPage);
    /***/
  }
}]);
//# sourceMappingURL=pages-chat-chat-module-es5.js.map