exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".modal {\n  width: 100%;\n}\n.modal-back, .filter-icon {\n  cursor: pointer;\n}\n.filter-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/filters-black.svg);\n  height: 28px;\n  width: 28px;\n}\n.notificaation {\n  text-align: center;\n}\n.modal-header {\ndisplay: -webkit-box;\ndisplay: -ms-flexbox;\ndisplay: flex; \n}\n.modal.mwide .modal-header {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row; \n}\n.modal.mwide .modal-header > div {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 ;\n          flex: 0 0 ;\n}", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PrivateModule", function() { return PrivateModule; });
/* harmony import */ var _team_usercard_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./team/usercard.component */ "./src/app/workspace/team/usercard.component.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var ngx_smart_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ngx-smart-modal */ "./node_modules/ngx-smart-modal/esm5/ngx-smart-modal.js");
/* harmony import */ var _team_team_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./team/team.component */ "./src/app/workspace/team/team.component.ts");
/* harmony import */ var _community_community_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./community/community.component */ "./src/app/workspace/community/community.component.ts");
/* harmony import */ var _search_search_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./search/search.component */ "./src/app/workspace/search/search.component.ts");
/* harmony import */ var _locations_origin_locations_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./locations/origin-locations.component */ "./src/app/workspace/locations/origin-locations.component.ts");
/* harmony import */ var _intervals_intervals_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./intervals/intervals.component */ "./src/app/workspace/intervals/intervals.component.ts");
/* harmony import */ var _materials_materials_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./materials/materials.component */ "./src/app/workspace/materials/materials.component.ts");
/* harmony import */ var _actors_actors_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./actors/actors.component */ "./src/app/workspace/actors/actors.component.ts");
/* harmony import */ var _badges_badges_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./badges/badges.component */ "./src/app/workspace/badges/badges.component.ts");
/* harmony import */ var _profile_view_profile_view_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./profile/view/profile-view.component */ "./src/app/workspace/profile/view/profile-view.component.ts");
/* harmony import */ var _shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./../shared/can-deactivate.guard */ "./src/app/shared/can-deactivate.guard.ts");
/* harmony import */ var _profile_profile_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./profile/profile.component */ "./src/app/workspace/profile/profile.component.ts");
/* harmony import */ var _dashboard_dashboard_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./dashboard/dashboard.component */ "./src/app/workspace/dashboard/dashboard.component.ts");
/* harmony import */ var _badges_badge_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./badges/badge.component */ "./src/app/workspace/badges/badge.component.ts");
/* harmony import */ var _materials_material_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./materials/material.component */ "./src/app/workspace/materials/material.component.ts");
/* harmony import */ var _materials_select_material_select_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./materials/select/material-select.component */ "./src/app/workspace/materials/select/material-select.component.ts");
/* harmony import */ var _intervals_interval_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./intervals/interval.component */ "./src/app/workspace/intervals/interval.component.ts");
/* harmony import */ var _actors_actor_component__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./actors/actor.component */ "./src/app/workspace/actors/actor.component.ts");
/* harmony import */ var _locations_origin_location_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./locations/origin-location.component */ "./src/app/workspace/locations/origin-location.component.ts");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../shared/shared.module */ "./src/app/shared/shared.module.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
/* harmony import */ var _group_create_create_group_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./group/create/create-group.component */ "./src/app/workspace/group/create/create-group.component.ts");
/* harmony import */ var _group_list_groups_list_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./group/list/groups-list.component */ "./src/app/workspace/group/list/groups-list.component.ts");
/* harmony import */ var _group_list_group_card_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./group/list/group-card.component */ "./src/app/workspace/group/list/group-card.component.ts");
/* harmony import */ var _group_edit_edit_group_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./group/edit/edit-group.component */ "./src/app/workspace/group/edit/edit-group.component.ts");
/* harmony import */ var _group_form_group_form_component__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./group/form/group-form.component */ "./src/app/workspace/group/form/group-form.component.ts");
/* harmony import */ var _collection_list_collections_list_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./collection/list/collections-list.component */ "./src/app/workspace/collection/list/collections-list.component.ts");
/* harmony import */ var _collection_view_collection_view_component__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./collection/view/collection-view.component */ "./src/app/workspace/collection/view/collection-view.component.ts");
/* harmony import */ var _collection_create_create_collection_component__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./collection/create/create-collection.component */ "./src/app/workspace/collection/create/create-collection.component.ts");
/* harmony import */ var _collection_edit_edit_collection_component__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./collection/edit/edit-collection.component */ "./src/app/workspace/collection/edit/edit-collection.component.ts");
/* harmony import */ var _collection_form_collection_form_component__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./collection/form/collection-form.component */ "./src/app/workspace/collection/form/collection-form.component.ts");
/* harmony import */ var _object_create_create_object_component__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./object/create/create-object.component */ "./src/app/workspace/object/create/create-object.component.ts");
/* harmony import */ var _object_edit_edit_object_component__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./object/edit/edit-object.component */ "./src/app/workspace/object/edit/edit-object.component.ts");
/* harmony import */ var _object_view_object_view_component__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./object/view/object-view.component */ "./src/app/workspace/object/view/object-view.component.ts");
/* harmony import */ var _object_form_object_form_component__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./object/form/object-form.component */ "./src/app/workspace/object/form/object-form.component.ts");
/* harmony import */ var _object_form_select_interval_date_component__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./object/form/select-interval-date.component */ "./src/app/workspace/object/form/select-interval-date.component.ts");
/* harmony import */ var _object_form_select_interval_interval_component__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./object/form/select-interval-interval.component */ "./src/app/workspace/object/form/select-interval-interval.component.ts");
/* harmony import */ var _object_form_select_interval_named_component__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./object/form/select-interval-named.component */ "./src/app/workspace/object/form/select-interval-named.component.ts");
/* harmony import */ var _tasks_tasks_component__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./tasks/tasks.component */ "./src/app/workspace/tasks/tasks.component.ts");
/* harmony import */ var _tasks_archive_archived_tasks_component__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./tasks/archive/archived-tasks.component */ "./src/app/workspace/tasks/archive/archived-tasks.component.ts");
/* harmony import */ var _tasks_create_create_task_component__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./tasks/create/create-task.component */ "./src/app/workspace/tasks/create/create-task.component.ts");
/* harmony import */ var _tasks_edit_edit_task_component__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./tasks/edit/edit-task.component */ "./src/app/workspace/tasks/edit/edit-task.component.ts");
/* harmony import */ var _tasks_form_task_form_component__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./tasks/form/task-form.component */ "./src/app/workspace/tasks/form/task-form.component.ts");
/* harmony import */ var _tasks_select_collections_select_collections_component__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./tasks/select-collections/select-collections.component */ "./src/app/workspace/tasks/select-collections/select-collections.component.ts");
/* harmony import */ var _tasks_select_objects_select_objects_component__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./tasks/select-objects/select-objects.component */ "./src/app/workspace/tasks/select-objects/select-objects.component.ts");
/* harmony import */ var _tasks_select_groups_select_groups_component__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./tasks/select-groups/select-groups.component */ "./src/app/workspace/tasks/select-groups/select-groups.component.ts");
/* harmony import */ var _tasks_card_task_card_component__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./tasks/card/task-card.component */ "./src/app/workspace/tasks/card/task-card.component.ts");
/* harmony import */ var _tasks_line_task_line_component__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./tasks/line/task-line.component */ "./src/app/workspace/tasks/line/task-line.component.ts");
/* harmony import */ var _tasks_access_access_component__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./tasks/access/access.component */ "./src/app/workspace/tasks/access/access.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};




















































var PrivateModule = (function () {
    function PrivateModule() {
    }
    PrivateModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["NgModule"])({
            imports: [
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_22__["SharedModule"],
                ngx_smart_modal__WEBPACK_IMPORTED_MODULE_3__["NgxSmartModalModule"].forChild(),
                _angular_router__WEBPACK_IMPORTED_MODULE_1__["RouterModule"].forChild([
                    {
                        path: '',
                        component: _dashboard_dashboard_component__WEBPACK_IMPORTED_MODULE_15__["DashboardComponent"],
                        pathMatch: 'full',
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Dashboard')
                        }
                    },
                    {
                        path: 'profile',
                        component: _profile_profile_component__WEBPACK_IMPORTED_MODULE_14__["ProfileComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Profile')
                        }
                    },
                    {
                        path: 'profile/:id',
                        component: _profile_view_profile_view_component__WEBPACK_IMPORTED_MODULE_12__["ProfileViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('View profile')
                        }
                    },
                    {
                        path: 'badges',
                        component: _badges_badges_component__WEBPACK_IMPORTED_MODULE_11__["BadgesComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Badges')
                        }
                    },
                    {
                        path: 'actors',
                        component: _actors_actors_component__WEBPACK_IMPORTED_MODULE_10__["ActorsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Actors')
                        }
                    },
                    {
                        path: 'materials',
                        component: _materials_materials_component__WEBPACK_IMPORTED_MODULE_9__["MaterialsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Materials')
                        }
                    },
                    {
                        path: 'intervals',
                        component: _intervals_intervals_component__WEBPACK_IMPORTED_MODULE_8__["IntervalsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Intervals')
                        }
                    },
                    {
                        path: 'locations',
                        component: _locations_origin_locations_component__WEBPACK_IMPORTED_MODULE_7__["OriginLocationsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Locations')
                        }
                    },
                    {
                        path: 'groups',
                        component: _group_list_groups_list_component__WEBPACK_IMPORTED_MODULE_25__["GroupsListComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Groups')
                        }
                    },
                    {
                        path: 'groups/create',
                        component: _group_create_create_group_component__WEBPACK_IMPORTED_MODULE_24__["CreateGroupComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Create group')
                        }
                    },
                    {
                        path: 'groups/edit/:id',
                        component: _group_edit_edit_group_component__WEBPACK_IMPORTED_MODULE_27__["EditGroupComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Edit group')
                        }
                    },
                    {
                        path: 'collections',
                        component: _collection_list_collections_list_component__WEBPACK_IMPORTED_MODULE_29__["CollectionsListComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Collections')
                        }
                    },
                    {
                        path: 'collections/view/:id',
                        component: _collection_view_collection_view_component__WEBPACK_IMPORTED_MODULE_30__["CollectionViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('View collection')
                        }
                    },
                    {
                        path: 'collections/create',
                        component: _collection_create_create_collection_component__WEBPACK_IMPORTED_MODULE_31__["CreateCollectionComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Create collection')
                        }
                    },
                    {
                        path: 'collections/edit/:id',
                        component: _collection_edit_edit_collection_component__WEBPACK_IMPORTED_MODULE_32__["EditCollectionComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Edit collection')
                        }
                    },
                    {
                        path: 'search',
                        component: _search_search_component__WEBPACK_IMPORTED_MODULE_6__["SearchComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Search')
                        }
                    },
                    {
                        path: 'messenger',
                        loadChildren: function () { return new Promise(function (resolve, reject) { __webpack_require__.e(/*! require.ensure */ 0).then((function (require) { resolve(__webpack_require__(/*! ./messenger/messenger-workspace.module */ "./src/app/workspace/messenger/messenger-workspace.module.ts")['MessengerWorkspaceModule']); }).bind(null, __webpack_require__)).catch(function (e) { reject({ loadChunkError: true, details: e }); }); }); },
                        data: {
                            preload: false
                        }
                    },
                    {
                        path: 'community',
                        component: _community_community_component__WEBPACK_IMPORTED_MODULE_5__["CommunityComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Community')
                        }
                    },
                    {
                        path: 'team',
                        component: _team_team_component__WEBPACK_IMPORTED_MODULE_4__["TeamComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Team')
                        }
                    },
                    {
                        path: 'tasks',
                        component: _tasks_tasks_component__WEBPACK_IMPORTED_MODULE_41__["TasksComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Tasks')
                        }
                    },
                    {
                        path: 'tasks/archived',
                        component: _tasks_archive_archived_tasks_component__WEBPACK_IMPORTED_MODULE_42__["ArchivedTasksComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Archived tasks')
                        }
                    },
                    {
                        path: 'tasks/create',
                        component: _tasks_create_create_task_component__WEBPACK_IMPORTED_MODULE_43__["CreateTaskComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Create task')
                        }
                    },
                    {
                        path: 'tasks/edit/:id',
                        component: _tasks_edit_edit_task_component__WEBPACK_IMPORTED_MODULE_44__["EditTaskComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Edit task')
                        }
                    },
                    {
                        path: 'objects/create',
                        component: _object_create_create_object_component__WEBPACK_IMPORTED_MODULE_34__["CreateObjectComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Create object')
                        }
                    },
                    {
                        path: 'objects/edit/:id',
                        component: _object_edit_edit_object_component__WEBPACK_IMPORTED_MODULE_35__["EditObjectComponent"],
                        canDeactivate: [_shared_can_deactivate_guard__WEBPACK_IMPORTED_MODULE_13__["CanDeactivateGuard"]],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('Edit object')
                        }
                    },
                    {
                        path: 'objects/view/:id',
                        component: _object_view_object_view_component__WEBPACK_IMPORTED_MODULE_36__["ObjectViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_23__["_"])('View object')
                        }
                    },
                ]),
            ],
            declarations: [
                _community_community_component__WEBPACK_IMPORTED_MODULE_5__["CommunityComponent"],
                _team_team_component__WEBPACK_IMPORTED_MODULE_4__["TeamComponent"],
                _team_usercard_component__WEBPACK_IMPORTED_MODULE_0__["UserCardComponent"],
                _badges_badges_component__WEBPACK_IMPORTED_MODULE_11__["BadgesComponent"],
                _badges_badge_component__WEBPACK_IMPORTED_MODULE_16__["BadgeComponent"],
                _materials_materials_component__WEBPACK_IMPORTED_MODULE_9__["MaterialsComponent"],
                _materials_material_component__WEBPACK_IMPORTED_MODULE_17__["MaterialComponent"],
                _materials_select_material_select_component__WEBPACK_IMPORTED_MODULE_18__["MaterialSelectComponent"],
                _intervals_intervals_component__WEBPACK_IMPORTED_MODULE_8__["IntervalsComponent"],
                _intervals_interval_component__WEBPACK_IMPORTED_MODULE_19__["IntervalComponent"],
                _actors_actors_component__WEBPACK_IMPORTED_MODULE_10__["ActorsComponent"],
                _actors_actor_component__WEBPACK_IMPORTED_MODULE_20__["ActorComponent"],
                _locations_origin_locations_component__WEBPACK_IMPORTED_MODULE_7__["OriginLocationsComponent"],
                _locations_origin_location_component__WEBPACK_IMPORTED_MODULE_21__["OriginLocationComponent"],
                _dashboard_dashboard_component__WEBPACK_IMPORTED_MODULE_15__["DashboardComponent"],
                _group_create_create_group_component__WEBPACK_IMPORTED_MODULE_24__["CreateGroupComponent"],
                _group_list_groups_list_component__WEBPACK_IMPORTED_MODULE_25__["GroupsListComponent"],
                _group_list_group_card_component__WEBPACK_IMPORTED_MODULE_26__["GroupCardComponent"],
                _group_edit_edit_group_component__WEBPACK_IMPORTED_MODULE_27__["EditGroupComponent"],
                _group_form_group_form_component__WEBPACK_IMPORTED_MODULE_28__["GroupFormComponent"],
                _collection_list_collections_list_component__WEBPACK_IMPORTED_MODULE_29__["CollectionsListComponent"],
                _collection_view_collection_view_component__WEBPACK_IMPORTED_MODULE_30__["CollectionViewComponent"],
                _collection_create_create_collection_component__WEBPACK_IMPORTED_MODULE_31__["CreateCollectionComponent"],
                _collection_edit_edit_collection_component__WEBPACK_IMPORTED_MODULE_32__["EditCollectionComponent"],
                _collection_form_collection_form_component__WEBPACK_IMPORTED_MODULE_33__["CollectionFormComponent"],
                _object_create_create_object_component__WEBPACK_IMPORTED_MODULE_34__["CreateObjectComponent"],
                _object_edit_edit_object_component__WEBPACK_IMPORTED_MODULE_35__["EditObjectComponent"],
                _object_view_object_view_component__WEBPACK_IMPORTED_MODULE_36__["ObjectViewComponent"],
                _object_form_object_form_component__WEBPACK_IMPORTED_MODULE_37__["ObjectFormComponent"],
                _object_form_select_interval_date_component__WEBPACK_IMPORTED_MODULE_38__["SelectIntervalDateComponent"],
                _object_form_select_interval_interval_component__WEBPACK_IMPORTED_MODULE_39__["SelectIntervalIntervalComponent"],
                _object_form_select_interval_named_component__WEBPACK_IMPORTED_MODULE_40__["SelectIntervalNamedComponent"],
                _tasks_tasks_component__WEBPACK_IMPORTED_MODULE_41__["TasksComponent"],
                _tasks_archive_archived_tasks_component__WEBPACK_IMPORTED_MODULE_42__["ArchivedTasksComponent"],
                _tasks_create_create_task_component__WEBPACK_IMPORTED_MODULE_43__["CreateTaskComponent"],
                _tasks_edit_edit_task_component__WEBPACK_IMPORTED_MODULE_44__["EditTaskComponent"],
                _tasks_form_task_form_component__WEBPACK_IMPORTED_MODULE_45__["TaskFormComponent"],
                _tasks_select_collections_select_collections_component__WEBPACK_IMPORTED_MODULE_46__["SelectCollectionsComponent"],
                _tasks_select_groups_select_groups_component__WEBPACK_IMPORTED_MODULE_48__["SelectGroupsComponent"],
                _tasks_select_objects_select_objects_component__WEBPACK_IMPORTED_MODULE_47__["SelectObjectsComponent"],
                _tasks_card_task_card_component__WEBPACK_IMPORTED_MODULE_49__["TaskCardComponent"],
                _tasks_line_task_line_component__WEBPACK_IMPORTED_MODULE_50__["TaskLineComponent"],
                _tasks_access_access_component__WEBPACK_IMPORTED_MODULE_51__["AccessComponent"],
                _tasks_tasks_component__WEBPACK_IMPORTED_MODULE_41__["TasksComponent"],
                _tasks_archive_archived_tasks_component__WEBPACK_IMPORTED_MODULE_42__["ArchivedTasksComponent"],
                _tasks_create_create_task_component__WEBPACK_IMPORTED_MODULE_43__["CreateTaskComponent"],
                _tasks_edit_edit_task_component__WEBPACK_IMPORTED_MODULE_44__["EditTaskComponent"],
                _tasks_form_task_form_component__WEBPACK_IMPORTED_MODULE_45__["TaskFormComponent"],
                _tasks_select_collections_select_collections_component__WEBPACK_IMPORTED_MODULE_46__["SelectCollectionsComponent"],
                _tasks_select_groups_select_groups_component__WEBPACK_IMPORTED_MODULE_48__["SelectGroupsComponent"],
                _tasks_select_objects_select_objects_component__WEBPACK_IMPORTED_MODULE_47__["SelectObjectsComponent"],
                _tasks_card_task_card_component__WEBPACK_IMPORTED_MODULE_49__["TaskCardComponent"],
                _tasks_line_task_line_component__WEBPACK_IMPORTED_MODULE_50__["TaskLineComponent"],
                _tasks_access_access_component__WEBPACK_IMPORTED_MODULE_51__["AccessComponent"]
            ]
        })
    ], PrivateModule);
    return PrivateModule;
}());

module.exports = "<div class=\"usercard-cont\">\n  <div\n    class=\"usercard-avatar\"\n    [style.background-image]=\"(media | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n    [routerLink]=\"user?.ID ? ['/workspace/p/profile/', user?.ID] : null\"\n  >\n  </div>\n  <div class=\"usercard-body\">\n    <div class=\"hbox\">\n      <dropdown>\n        <div\n          *ngIf=\"!inviteID\"\n          translate\n          (click)=\"handleAction('create-task')\"\n        >create task</div>\n        <div\n          *ngIf=\"!email\"\n          translate\n          (click)=\"handleAction('message')\"\n        >message</div>\n        <div\n          *ngIf=\"!email\"\n          translate\n          (click)=\"handleAction('public-collections')\"\n        >public collections</div>\n        <div\n          *ngIf=\"inviteID && !email\"\n          translate\n          (click)=\"handleAction('invite')\"\n        >resend invite</div>\n        <div\n          *ngIf=\"!inviteID && myRootID === rootID\"\n          translate\n          (click)=\"handleAction('delete')\"\n        >delete from team</div>\n        <div\n          *ngIf=\"inviteID\"\n          translate\n          (click)=\"handleAction('cancel')\"\n        >cancel invite</div>\n      </dropdown>\n    </div>\n    <div\n      class=\"valuation\"\n    >\n      <ng-container\n        *ngIf=\"!disableTaskB && !email\"\n      >\n        <div\n          class=\"vtext\"\n        >{{ 'tasks.plural' | translate: { count: (tasks || 0) } }}</div>\n      </ng-container>\n    </div>\n    <div\n      class=\"usercard-name\"\n      *ngIf=\"!email\"\n    >{{ user?.firstName }} {{ user?.lastName}}</div>\n\n    <div\n      class=\"usercard-name\"\n      *ngIf=\"email\"\n    >{{ email }}</div>\n\n    <!--<a\n      *ngIf=\"user?.email\"\n      class=\"usercard-email\"\n      [href]=\"'mailto:' + user?.email\"\n    >{{ user?.email }}</a>-->\n    <div\n      class=\"usercard-desc\"\n      *ngIf=\"user?.description\"\n    >\n      <expandable-text\n        [text]=\"user?.description\"\n        [maxLength]=\"200\"\n      ></expandable-text>\n    </div>\n    <div\n      *ngIf=\"user?.isDeleted || user?.blocked\" \n      class=\"flex-center status\"\n    >\n      <div class=\"pill red-pill\">\n        {{ (user?.isDeleted) ? 'Deleted' : 'Blocked'}}\n      </div>\n    </div>\n    <div class=\"hcbox\">\n      <!--<div *ngIf=\"!disableTaskB\"\n            class=\"collector-button b-adaptive\"\n            (click)=\"onTask.emit(userID)\"\n      >\n        Task\n      </div>-->\n      <div\n        *ngIf=\"!email\"\n        class=\"collector-button b-adaptive\"\n        (click)=\"sendMessage()\"\n        translate\n      >\n        Message\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./usercard.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/team/usercard.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  position: relative;\n  margin: 104px 0 0 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: #97A3AC;\n  /* width: 30%; */\n  max-width: 300px;\n  margin-right: 2%;\n}\n.status {\n  margin: 15px 0;\n}\n.usercard-cont {\n  max-width: 100%;\n  position: relative;\n}\n.usercard-avatar {\n  width: 150px;\n  height: 150px;\n  position: absolute;\n  top: -75px;\n  -webkit-transform: translateX(-50%);\n          transform: translateX(-50%);\n  left: 50%;\n  border-radius: 50%;\n  border: 1px solid #283d52;\n  cursor: pointer;\n  -webkit-box-sizing: content-box;\n          box-sizing: content-box;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-color: white;\n  z-index: 2;\n}\n.valuation .vtext {\n  text-align: center;\n}\n.usercard-avatar, .usercard-avatar~* {\n  border: 2px solid #97a3ac;\n}\n.usercard-avatar:hover, .usercard-avatar:hover~* {\n  border: 2px solid #D4A924;\n}\n.usercard-body {\n  width: 100%;\n  min-width: 300px;\n  border: 1px solid #c2c9d0;\n  border-radius: 10px;\n  padding: 15px 15px 23px 20px;\n  background-color: #ffffff;\n  cursor: pointer;\n  position: relative;\n}\n.usercard-body>.hbox {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  margin-bottom: 30px;\n}\n.usercard-container:hover .usercard-avatar, .usercard-container:hover .usercard-body {\n  border: 1px solid #D4A924;\n  -webkit-box-shadow: 0px 0px 0px 1px #D4A924;\n          box-shadow: 0px 0px 0px 1px #D4A924;\n}\n.limit-w {\n  max-width: 90%;\n  text-overflow: ellipsis;\n}\n.usercard-name, .usercard-email {\n  text-align: center;\n  display: block;\n  font: 20px \"Avenir Next\";\n  font-weight: 600;\n  color: #19242e;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.usercard-email {\n  font: 17px \"Avenir Next\";\n  color: #97a3ac;\n  margin-bottom: 10px;\n}\n.usercard-desc {\n  font: 16px \"Avenir Next\";\n  color: #19242e;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: center;\n  margin-bottom: 18px;\n}\n.b-adaptive {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n:host ::ng-deep .ellipsis {\n  color: #97a3ac;\n}\n:host /deep/ .usercard-popup .modal {\n  width: 50%;\n  padding-top: 0 !important;\n}\n:host /deep/ .usercard-popup .modal-header {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: colum;\n          flex-direction: colum;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .usercard-popup .modal-content {\n  width: 90%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .usercard-popup .modal-header {\n  padding: 8px 5%;\n  border-bottom: solid 2px #97a3ac;\n  margin-bottom: 20px;\n}\n:host /deep/ .usercard-popup .modal-header > div {\n  font: 20px \"Avenir Next\";\n  color: #19242e;\n  font-weight: bold;\n}\n:host /deep/ .usercard-popup .user-plate {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-bottom: 15px;\n}\n:host /deep/ .usercard-popup .user-avatar {\n  height: 120px;\n  width: 120px;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 120px;\n          flex: 0 0 120px;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n}\n:host /deep/ .usercard-popup .user-creds-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding-left: 23px;\n}\n:host /deep/ .usercard-popup .user-creds {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n:host /deep/ .usercard-popup .user-name {\n  font-weight: bold;\n  color: #19242e;\n}\n:host /deep/ .usercard-popup .user-email {\n  font: 17px \"Avenir Next\";\n  color: #97a3ac;\n}\n:host /deep/ .usercard-popup .usercard-cont {\n  width: 31%;\n  max-width: 33vw;\n}\n:host /deep/ .usercard-popup .usercard-desc{\n  max-height: 30vh;\n  text-align: left;\n  overflow-y: auto;\n  font: 17px \"Avenir Next\";\n}\n@media (max-width: 1024px) {\n  :host {\n    max-width: 45%;\n    width: 45%;\n    margin-left: 2.45%;\n    margin-right: 2.45%\n  }\n  :host .usercard-cont {\n    width: 100%;\n  }\n  :host .usercard-body {\n    width: 100%;\n    padding: 15px 6px;\n    min-width: 200px;\n  }\n  :host .usercard-body .valuation .vtext, :host .usercard-body .valuation .vtext-bold {\n    font-size: 13px;\n  }\n  :host .usercard-avatar {\n    width: 120px;\n    height: 120px;\n    top: -60px;\n  }\n}\n@media (max-width: 420px) {\n  :host {\n    max-width: 100%;\n    width: 100%;\n    margin: 73px 0 0 0;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TeamComponent", function() { return TeamComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};











var TeamComponent = (function () {
    function TeamComponent(store, router) {
        this.store = store;
        this.router = router;
        this.activeTab = 'myteam';
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.team$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getTeam"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (_a) {
            var _b = __read(_a, 2), t = _b[0], about = _b[1];
            return (__assign({}, t, { tusers: t.tusers.filter(function (u) { return u.userID !== about.userID; }) }));
        }));
        this.rootID$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.myRootID$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getMyRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
    }
    TeamComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.rootID$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_6__["GetTeamAction"](rootID));
        });
    };
    TeamComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_7__["FindUsersCleanAction"]());
    };
    TeamComponent.prototype.messageToUser = function (ID) {
        this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_5__["GetMessagesRangeAction"]({
            peer: {
                typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_8__["MessagePeerTypes"].contact,
                ID: ID
            },
            range: {
                distance: -15,
                include: false
            }
        }));
        this.router.navigateByUrl('/workspace/p/messenger');
    };
    TeamComponent.prototype.trackByID = function (index, item) {
        return item.userID || item.ID || index;
    };
    var _a, _b;
    TeamComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'team-component',
            template: __webpack_require__(/*! ./team.component.html */ "./src/app/workspace/team/team.component.html"),
            styles: [
                __webpack_require__(/*! ./team.component.css */ "./src/app/workspace/team/team.component.css"),
                __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../shared/tabs.css */ "./src/app/shared/tabs.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _b : Object])
    ], TeamComponent);
    return TeamComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"community-cont\">\n\n  <div class=\"collector-tabs\">\n    <div\n      *ngIf=\"(rootID$ | async) === (myRootID$ | async)\"\n      (click)=\"activeTab = 'myteam'\"\n      [ngClass]=\"{\n        'active': (activeTab === 'myteam')\n      }\"\n      role=\"button\"\n    >{{ 'My team' | translate }} ({{ (team$ | async)?.tusers?.length || 0 }})</div>\n\n    <div\n      *ngIf=\"(rootID$ | async) !== (myRootID$ | async)\"\n      (click)=\"activeTab = 'myteam'\"\n      [ngClass]=\"{\n        'active': (activeTab === 'myteam')\n      }\"\n      role=\"button\"\n    >{{ 'Team of user {name}' | translate: {\n      name: ((about$ | async)?.users | getUsernameByID: (about$ | async)?.roots[(rootID$ | async)]?.ownerUserID)\n    } }} ({{ (team$ | async)?.tusers?.length || 0 }})</div>\n\n    <div\n      (click)=\"activeTab = 'invited'\"\n      [ngClass]=\"{\n        'active': (activeTab === 'invited')\n      }\"\n      role=\"button\"\n    >{{ 'Invited' | translate }} ({{ (team$ | async)?.invitedUsers?.length || 0 }})</div>\n  </div>\n\n  <div\n    *ngIf=\"activeTab === 'myteam'\"\n  >\n\n    <div\n      class=\"users-list\"\n      *ngIf=\"(team$ | async)?.tusers?.length\"\n    >\n      <usercard-component\n        *ngFor=\"let member of (team$ | async)?.tusers; trackBy: trackByID\"\n        [user]=\"(team$ | async)?.users[member?.userID]\"\n        [media]=\"(team$ | async)?.medias[(team$ | async)?.users[member?.userID]?.avatarMediaID]\"\n        [tasks]=\"member?.tasksCnt\"\n        [rootID]=\"rootID$ | async\"\n        [myRootID]=\"myRootID$ | async\"\n      ></usercard-component>\n    </div>\n\n    <div class=\"no-team\" *ngIf=\"!(team$ | async)?.tusers?.length\">\n      <div class=\"no-team-logo\"></div>\n      <div\n        class=\"no-team-text\"\n        translate\n      >\n        You have 0 users in your team.\n      </div>\n    </div>\n\n  </div>\n\n  <div\n    *ngIf=\"activeTab === 'invited'\"\n  >\n    <div class=\"users-list\">\n      <usercard-component\n        *ngFor=\"let member of (team$ | async)?.invitedUsers; trackBy: trackByID\"\n        [user]=\"(team$ | async)?.users[member?.userID]\"\n        [media]=\"(team$ | async)?.medias[(team$ | async)?.users[member?.userID]?.avatarMediaID]\"\n        [disableTaskB]=\"true\"\n        [inviteID]=\"member?.inviteID\"\n        [rootID]=\"rootID$ | async\"\n        [myRootID]=\"myRootID$ | async\"\n        [email]=\"member?.userEmail\"\n      ></usercard-component>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./team.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/team/team.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".community-cont {\n  margin: 20px 20px 0 20px;\n}\n.h1-text {\n  font-family: \"Avenir Next\";\n  font-size: 22.4pt;\n  font-weight: bold;\n  margin-right: 20px;\n}\n.no-team {\n  margin: 4vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.no-team-logo {\n  width: 18vw;\n  height: 18vw;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(assets/i/team.svg);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  margin-bottom: 5%;\n}\n.no-team-text {\n  width: 50%;\n  text-align: center;\n  font: 20px \"Avenir Next\";\n  color: #97a3ac;\n}\n.users-list {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n@media (max-width: 420px) {\n  .users-list {\n    -ms-flex-wrap: nowrap !important;\n        flex-wrap: nowrap !important;\n    -webkit-box-orient: vertical !important;\n    -webkit-box-direction: normal !important;\n        -ms-flex-direction: column !important;\n            flex-direction: column !important;\n    -webkit-box-align: center !important;\n        -ms-flex-align: center !important;\n            align-items: center !important;\n  }\n}\n", ""]);

// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../node_modules/postcss-loader/src!./tabs.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/shared/tabs.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".collector-tabs {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding-bottom: 1em;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap\n}\n.collector-tabs > * {\n  font-family: \"Avenir Next\";\n  font-size: 22.4pt;\n  font-weight: bold;\n  margin-right: 20px;\n}\n.collector-tabs > *.active {\n  color: #D4A924;\n}\n@media (max-width: 420px) {\n  .collector-tabs > * {\n    font-size: 20px !important;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommunityComponent", function() { return CommunityComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};











var LOADER_PAGESIZE = 20;
var CommunityComponent = (function () {
    function CommunityComponent(store, route) {
        this.store = store;
        this.route = route;
        this.activeTab = 'myteam';
        this.invitedByEmail = new Set();
        this.paginatorPage = 0;
        this.about$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.team$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getTeam"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 2), t = _b[0], about = _b[1];
            return (__assign({}, t, { tusers: t.tusers.filter(function (u) { return u.userID !== about.userID; }) }));
        }));
        this.rootID$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.invites$ = this.team$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (team) { return Object(ramda__WEBPACK_IMPORTED_MODULE_4__["indexBy"])(function (i) { return i.userID; }, team.invitedUsers); }));
        this.findUsersResults$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.findUsersResultsFiltered$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.findUsersResults$, this.about$, this.team$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 3), users = _b[0], about = _b[1], team = _b[2];
            var removedUsersCount = 0;
            var idsToRemove = __spread([
                about.userID
            ], (team.tusers || []).map(function (usr) { return usr.userID; }));
            var filteredUsers = users.users
                .filter(function (usr) {
                var shouldRemove = idsToRemove.includes(usr.ID);
                if (shouldRemove) {
                    removedUsersCount = removedUsersCount + 1;
                }
                return !shouldRemove;
            });
            return __assign({}, users, { users: filteredUsers, usersTotalCount: users.usersTotalCount - removedUsersCount });
        }));
    }
    CommunityComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.rootID$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_7__["GetTeamAction"](rootID));
        });
        this.route.queryParams.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (params) {
            _this.searchQuery = params.query;
            _this.getUsers(true);
        });
    };
    CommunityComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["fromEvent"])(this.searchUserInput.nativeElement, 'keydown'), Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["fromEvent"])(this.searchUserInput.nativeElement, 'paste')).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (e) { return e.target.value; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["debounceTime"])(500), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.getUsers(true);
        });
    };
    CommunityComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_8__["FindUsersCleanAction"]());
    };
    CommunityComponent.prototype.onScroll = function () {
        var usersLoading;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getUserLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return usersLoading = r; });
        if (usersLoading === true) {
            return;
        }
        var users;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return users = r; });
        if (!Object(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"])(users)) {
            return;
        }
        if (users.usersTotalCount < (LOADER_PAGESIZE * (this.paginatorPage + 1))) {
            return;
        }
        this.paginatorPage = this.paginatorPage + 1;
        this.getUsers(false);
    };
    CommunityComponent.prototype.inviteUserToMyRoot = function (toUserID) {
        var _this = this;
        if (!toUserID) {
            return;
        }
        this.rootID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])())
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_7__["CreateInviteAction"]({
                rootID: rootID,
                toUserID: toUserID
            }));
        });
    };
    CommunityComponent.prototype.cancelInvite = function (inviteID) {
        this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_7__["CancelInviteAction"](inviteID));
    };
    CommunityComponent.prototype.trackByID = function (index, item) {
        return item.userID || item.ID || index;
    };
    CommunityComponent.prototype.inviteByEmail = function (email) {
        var _this = this;
        this.rootID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.invitedByEmail = new Set(__spread(_this.invitedByEmail, [
                email
            ]));
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_7__["InviteByEmailAction"]({
                rootID: rootID,
                toUserEmail: email
            }));
        });
    };
    CommunityComponent.prototype.trackByValue = function (_, item) {
        return item;
    };
    CommunityComponent.prototype.getUsers = function (clean) {
        if (clean === void 0) { clean = true; }
        if (clean) {
            this.paginatorPage = 0;
            this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_8__["FindUsersAction"]({
                paginator: {
                    page: this.paginatorPage,
                    cnt: LOADER_PAGESIZE
                },
                name: this.searchQuery,
                withPopularTags: true
            }));
            return;
        }
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_8__["AppendFindUsersAction"]({
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE
            },
            name: this.searchQuery,
            withPopularTags: true
        }));
    };
    CommunityComponent.prototype.noop = function () { };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('searchUserInput', { static: true }),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _a : Object)
    ], CommunityComponent.prototype, "searchUserInput", void 0);
    CommunityComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'community-component',
            template: __webpack_require__(/*! ./community.component.html */ "./src/app/workspace/community/community.component.html"),
            styles: [
                __webpack_require__(/*! ./community.component.css */ "./src/app/workspace/community/community.component.css"),
                __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../shared/badges.css */ "./src/app/shared/badges.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _c : Object])
    ], CommunityComponent);
    return CommunityComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"community-cont\">\n  <div class=\"searchbox-cont\">\n    <div class=\"left-search-icon\"></div>\n    <input\n      type=\"text\"\n      class=\"comm-search\"\n      [placeholder]=\"'Search users by email, name or tags' | translate\"\n      [(ngModel)]=\"searchQuery\"\n      #searchUserInput\n    />\n    <div\n      class=\"search-clear\"\n      (click)=\"searchQuery=''; getUsers(true)\"\n    ></div>\n  </div>\n\n  <div\n    class=\"tags\"\n  >\n    <div\n      *ngFor=\"let tag of (findUsersResultsFiltered$ | async)?.popularTags; trackBy: trackByValue\"\n      (click)=\"searchQuery = tag; getUsers(true)\"\n      class=\"badge\"\n      role=\"button\"\n    >{{ tag }}</div>\n  </div>\n\n  <div class=\"h1-text mb13\">\n    {{ 'Community' | translate }}\n    <span *ngIf=\"(findUsersResultsFiltered$ | async)?.usersTotalCount\">\n      ({{ (findUsersResultsFiltered$ | async)?.usersTotalCount }})\n    </span>\n  </div>\n\n  <div\n    infinite-scroll\n    [infiniteScrollDistance]=\"2\"\n    [infiniteScrollThrottle]=\"300\"\n    [fromRoot]=\"true\"\n    [infiniteScrollContainer]=\"'.app'\"\n    (scrolled)=\"onScroll()\"\n  >\n    <userplate-component\n      *ngFor=\"let user of (findUsersResultsFiltered$ | async)?.users; trackBy: trackByID\"\n      [user]=\"user\"\n      [media]=\"(findUsersResultsFiltered$ | async)?.medias[user?.avatarMediaID]\"\n      [inviteID]=\"(invites$ | async)[user?.ID]?.inviteID\"\n      (invite)=\"inviteUserToMyRoot($event)\"\n      (cancelInvite)=\"cancelInvite($event)\"\n    ></userplate-component>\n  </div>\n\n  <div\n    *ngIf=\"(searchQuery | isEmail) && ((findUsersResults$ | async)?.usersTotalCount || 0) === 0\"\n    class=\"not-registered\"\n  >\n    {{ 'User with email {email} is not registered.' | translate:{email: searchQuery} }}\n    <div\n      *ngIf=\"!(invitedByEmail | existInSet: searchQuery)\"\n      class=\"collector-button\"\n      role=\"button\"\n      (click)=\"inviteByEmail(searchQuery)\"\n    >{{ 'Invite {email}' | translate:{email: searchQuery} }}</div>\n    <div\n      *ngIf=\"invitedByEmail | existInSet: searchQuery\"\n      translate\n    >Invite was sent.</div>\n  </div>\n\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./community.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/community/community.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "* {\n  font-family: \"Avenir Next\";\n}\n.h1-text {\n  font-family: \"Avenir Next\";\n  font-size: 22.4pt;\n  font-weight: bold;\n  margin-right: 20px;\n}\n.community-cont {\n  margin: 20px 20px 0 20px;\n}\n.searchbox-cont {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  margin: 20.8px 0 11.2px 0;\n  margin: 1.3rem 0 0.7rem 0;\n}\n.comm-search {\n  width: 100%;\n  padding-left: 64px;\n  padding-left: 4rem;\n  border-radius: 10px;\n  color: #97a3ac;\n  padding-right: 32px;\n  padding-right: 2rem;\n}\n.left-search-icon {\n  height: 48px;\n  height: 3rem;\n  width: 48px;\n  width: 3rem;\n  left: 11.2px;\n  left: 0.7rem;\n  position: absolute;\n  background-position: center;\n  background-size: 58%;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/gray-search.svg);\n}\n.usercard-cont {\n  width: 31%;\n  max-width: 33vw;\n}\n.mb13 {\n  margin-bottom: 13px;\n}\n.tags {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  padding-bottom: 1em\n}\n.tags .badge {\n  margin-top: .5em;\n}\n.not-registered {\n  text-align: center;\n}\n.search-clear {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/black-clear.svg);\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  position: relative;\n  left: -25px;\n}\n@media (hover: none) and (pointer: coarse) {\n  .tags {\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    width: 100%\n  }\n  .tags::-webkit-scrollbar {\n    display: none;\n  }\n  .tags .badge {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OriginLocationsComponent", function() { return OriginLocationsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_originlocations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/originlocations */ "./src/app/actions/originlocations.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var OriginLocationsComponent = (function () {
    function OriginLocationsComponent(store) {
        this.store = store;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
    }
    OriginLocationsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.originLocations$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getOriginLocations"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_originlocations__WEBPACK_IMPORTED_MODULE_4__["GetOriginLocationsAction"](rootID));
        });
    };
    OriginLocationsComponent.prototype.ngOnDestroy = function () { };
    var _a;
    OriginLocationsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'origin-locations-component',
            template: __webpack_require__(/*! ./origin-locations.component.html */ "./src/app/workspace/locations/origin-locations.component.html"),
            styles: [__webpack_require__(/*! ./origin-locations.component.css */ "./src/app/workspace/locations/origin-locations.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], OriginLocationsComponent);
    return OriginLocationsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div class=\"actors-editor workspace-content\">\n    <origin-locations-form-component></origin-locations-form-component>\n    <div class=\"vertical-list padded\">\n      <div class=\"gray-title\">\n        <h1 translate>CREATED LOCATIONS</h1>\n      </div>\n      <div class=\"list\">\n        <div\n          class=\"list-element\"\n          *ngFor=\"let originLocation of (originLocations$ | async); trackBy: trackByID\"\n        >\n          <origin-location-component\n            [originLocation]=\"originLocation\"\n          ></origin-location-component>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./origin-locations.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/locations/origin-locations.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".orign-locations-component-container-container {\n  background-color: white;\n  margin: 30px;\n  margin-top: 15px;\n  padding: 40px;\n  border-radius: 7px;\n}\n\n.regular-input-frame {\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eeeeee; /* rock */\n  display: inline-block;\n}\n\n.orign-location-list {\n  padding-top: 20px;\n}\n\n.create-container input {\n  height: 1.3em;\n\n}\n\n.create-label-wr {\n  display: inline-block;\n  float: right;\n}\n\n.create-label-wr .create-label {\n  cursor: pointer;\n  background-image: url(/assets/i/done-yellow-mark.svg);\n  width: 1.2em;\n  height: 1.2em;\n  background-size: cover;\n}\n\norigin-locations-form-component {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IntervalsComponent", function() { return IntervalsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../actions/nameddateintervals */ "./src/app/actions/nameddateintervals.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var IntervalsComponent = (function () {
    function IntervalsComponent(store) {
        this.store = store;
    }
    IntervalsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.intervals$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getNamedDateIntervals"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_3__["GetNamedDateIntervalsAction"](rootID));
        });
    };
    IntervalsComponent.prototype.ngOnDestroy = function () { };
    IntervalsComponent.prototype.createInterval = function (value) {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["first"])())
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_3__["CreateNamedDateIntervalAction"](__assign({}, value, { rootID: rootID })));
        });
    };
    IntervalsComponent.prototype.trackByID = function (index, item) {
        return item.ID || index;
    };
    var _a;
    IntervalsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'intervals-component',
            template: __webpack_require__(/*! ./intervals.component.html */ "./src/app/workspace/intervals/intervals.component.html"),
            styles: [__webpack_require__(/*! ./intervals.component.css */ "./src/app/workspace/intervals/intervals.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], IntervalsComponent);
    return IntervalsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div class=\"intervals-editor workspace-content\">\n    <intervals-form-component\n      (onSubmit)=\"createInterval($event)\"\n    ></intervals-form-component>\n  </div>\n  <div class=\"intervals-editor workspace-content\">\n    <div class=\"vertical-list padded\">\n      <div class=\"gray-title\">\n        <h1 translate>CREATED INTERVALS</h1>\n      </div>\n      <div class=\"list\">\n        <div\n          class=\"list-element\"\n          *ngFor=\"let interval of (intervals$ | async); trackBy: trackByID\"\n        >\n          <interval-component\n            [interval]=\"interval\"\n          ></interval-component>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./intervals.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/intervals/intervals.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host ::ng-deep {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialsComponent", function() { return MaterialsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_materials__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/materials */ "./src/app/actions/materials.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var MaterialsComponent = (function () {
    function MaterialsComponent(store) {
        this.store = store;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
    }
    MaterialsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.materials$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getMaterials"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_materials__WEBPACK_IMPORTED_MODULE_4__["GetMaterialsAction"](rootID));
        });
    };
    MaterialsComponent.prototype.ngOnDestroy = function () { };
    var _a;
    MaterialsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'materials-component',
            template: __webpack_require__(/*! ./materials.component.html */ "./src/app/workspace/materials/materials.component.html"),
            styles: [__webpack_require__(/*! ./materials.component.css */ "./src/app/workspace/materials/materials.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], MaterialsComponent);
    return MaterialsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div class=\"materials-editor workspace-content\">\n    <materials-form-component></materials-form-component>\n    <div class=\"vertical-list padded\">\n      <div class=\"gray-title\">\n        <h1 translate>CREATED MATERIALS</h1>\n      </div>\n      <div class=\"list\">\n        <div\n          class=\"list-element\"\n          *ngFor=\"let material of (materials$ | async); trackBy: trackByID\"\n        >\n          <material-component\n            [material]=\"material\"\n          ></material-component>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./materials.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/materials/materials.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".materials-component-container-container {\n  background-color: white;\n  margin: 30px;\n  margin-top: 15px;\n  padding: 40px;\n  border-radius: 7px;\n}\n\n.regular-input-frame {\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eeeeee; /* rock */\n  display: inline-block;\n}\n\n.material-list {\n  padding-top: 20px;\n}\n\n.create-container input {\n  height: 1.3em;\n}\n\n.create-label-wr {\n  display: inline-block;\n  float: right;\n}\n\n.create-label-wr .create-label {\n  cursor: pointer;\n  background-image: url(/assets/i/done-yellow-mark.svg);\n  width: 1.2em;\n  height: 1.2em;\n  background-size: cover;\n}\n\nmaterials-form-component {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActorsComponent", function() { return ActorsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_actors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/actors */ "./src/app/actions/actors.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var ActorsComponent = (function () {
    function ActorsComponent(store) {
        this.store = store;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
    }
    ActorsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.actors$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getActors"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_actors__WEBPACK_IMPORTED_MODULE_4__["GetActorsAction"](rootID));
        });
    };
    ActorsComponent.prototype.ngOnDestroy = function () { };
    var _a;
    ActorsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'actors-component',
            template: __webpack_require__(/*! ./actors.component.html */ "./src/app/workspace/actors/actors.component.html"),
            styles: [__webpack_require__(/*! ./actors.component.css */ "./src/app/workspace/actors/actors.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ActorsComponent);
    return ActorsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div class=\"actors-editor workspace-content\">\n    <actors-form-component></actors-form-component>\n    <div class=\"vertical-list padded\">\n      <div class=\"gray-title\">\n        <h1 translate>CREATED ACTORS</h1>\n      </div>\n      <div class=\"list\">\n        <div\n          class=\"list-element\"\n          *ngFor=\"let actor of (actors$ | async); trackBy: trackByID\"\n        >\n          <actor-component [actor]=actor></actor-component>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./actors.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/actors/actors.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "@include \"../../shared/variables.css\"\n.actors-component-container-container {\n  background-color: white;\n  margin: 30px;\n  margin-top: 15px;\n  padding: 40px;\n  border-radius: 7px;\n}\n\n.regular-input-frame {\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eeeeee; /* rock */\n  display: inline-block;\n}\n\n.actor-list {\n  padding-top: 20px;\n}\n\n.create-container input {\n  height: 1.3em;\n}\n\n.create-label-wr {\n  display: inline-block;\n  float: right;\n}\n\n.create-label-wr .create-label {\n  cursor: pointer;\n  background-image: url(/assets/i/done-yellow-mark.svg);\n  width: 1.2em;\n  height: 1.2em;\n  background-size: cover;\n}\n\nactors-form-component {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgesComponent", function() { return BadgesComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_badges__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/badges */ "./src/app/actions/badges.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var BadgesComponent = (function () {
    function BadgesComponent(store, zone) {
        this.store = store;
        this.zone = zone;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
        this.usedColors = [];
    }
    BadgesComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.badges$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getBadges"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_badges__WEBPACK_IMPORTED_MODULE_4__["GetBadgesAction"](rootID));
        });
        this.badges$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function (s) {
            _this.zone.run(function () {
                _this.usedColors = s && s.map(function (b) { return b.color; }) || [];
            });
        });
    };
    BadgesComponent.prototype.ngOnDestroy = function () { };
    var _a, _b;
    BadgesComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'badges-component',
            template: __webpack_require__(/*! ./badges.component.html */ "./src/app/workspace/badges/badges.component.html"),
            styles: [__webpack_require__(/*! ./badges.component.css */ "./src/app/workspace/badges/badges.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"]) === "function" ? _b : Object])
    ], BadgesComponent);
    return BadgesComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div class=\"badges-editor workspace-content\">\n    <badges-form-component></badges-form-component>\n\n    <div class=\"vertical-list padded\">\n      <div class=\"gray-title\">\n        <h1 translate>CREATED BADGES</h1>\n      </div>\n      <div class=\"list\">\n        <div\n          *ngFor=\"let badge of (badges$ | async); trackBy: trackByID\"\n          class=\"list-element\"\n        >\n          <badge-component\n            [badge]=\"badge\"\n            [usedColors]=\"usedColors\"\n          ></badge-component>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./badges.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/badges/badges.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "@media (max-width: 420px)  {\n  .badges-editor .vertical-list a.c-inline-editor:not([hidden]),\n  .badges-editor .vertical-list div.c-inline-editor:not([hidden]) {\n    width: 205px !important;\n  }\n}\n\n\n\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DashboardComponent", function() { return DashboardComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_dashboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/dashboard */ "./src/app/actions/dashboard.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../api */ "./src/app/api/index.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};











var taskColors = {
    todo: '#d0011b',
    in_progress: '#f6a623',
    done: '#7ed321'
};
var DashboardComponent = (function () {
    function DashboardComponent(store, translate, usersService) {
        this.store = store;
        this.translate = translate;
        this.usersService = usersService;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_8__["trackByID"];
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    DashboardComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_9__["GetReferencesAction"]());
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getDenormalizedReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.me$ = this.usersService.userMeGet();
        this.team$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getTeam"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (_a) {
            var _b = __read(_a, 2), t = _b[0], about = _b[1];
            var tusers = t.tusers.filter(function (u) { return u.userID !== about.userID; });
            return __assign({}, t, { tusers: tusers, teamUsers: tusers.map(function (usr) { return t.users[usr.userID]; }) });
        }));
        this.totalObjects$ = this.dashboard$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (dd) { return Object.keys(dd.collections).map(function (colID) {
            var num = (dd.collections[colID] && dd.collections[colID].objectsCnt);
            return Number.isFinite(num) ? num : 0;
        }).reduce(function (a, b) { return a + b; }, 0); }));
        this.myTasks$ = this.about$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (about) {
            var count = about.taskPreviews.reduce(function (acc, val) {
                if (val.assignedUserID && val.assignedUserID === about.userID) {
                    acc[val.status] = acc[val.status] + 1;
                }
                return acc;
            }, {
                todo: 0,
                in_progress: 0,
                done: 0
            });
            return [
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Todo'),
                    count: count.todo,
                    color: taskColors.todo
                },
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('In progress'),
                    count: count.in_progress,
                    color: taskColors.in_progress
                },
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Done.task'),
                    count: count.done,
                    color: taskColors.done
                }
            ];
        }));
        this.allTasks$ = this.about$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (about) {
            var count = about.taskPreviews.reduce(function (acc, val) {
                if (val.assignedUserID && val.assignedUserID !== about.userID) {
                    acc[val.status] = acc[val.status] + 1;
                }
                return acc;
            }, {
                todo: 0,
                in_progress: 0,
                done: 0
            });
            return [
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Todo'),
                    count: count.todo,
                    color: taskColors.todo
                },
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('In progress'),
                    count: count.in_progress,
                    color: taskColors.in_progress
                },
                {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Done'),
                    count: count.done,
                    color: taskColors.done
                }
            ];
        }));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_dashboard__WEBPACK_IMPORTED_MODULE_5__["GetDashboardAction"](rootID));
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_6__["GetTeamAction"](rootID));
        });
    };
    DashboardComponent.prototype.ngOnDestroy = function () { };
    var _a, _b, _c;
    DashboardComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'dashboard-component',
            template: __webpack_require__(/*! ./dashboard.component.html */ "./src/app/workspace/dashboard/dashboard.component.html"),
            styles: [__webpack_require__(/*! ./dashboard.component.css */ "./src/app/workspace/dashboard/dashboard.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"]) === "function" ? _b : Object, typeof (_c = typeof _api__WEBPACK_IMPORTED_MODULE_10__["UsersService"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_10__["UsersService"]) === "function" ? _c : Object])
    ], DashboardComponent);
    return DashboardComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n<div>\n  <div class=\"profile-section section-profile\">\n    <div class=\"profile-main\">\n      <div class=\"ava-cont\">\n        <div class=\"ava-border\">\n          <div class=\"ava\"\n            [style.background-image]=\"((about$ | async)?.medias[(about$ | async)?.users[(about$ | async)?.userID]?.avatarMediaID] |preferPhotoMediaTypes: ['avatar'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"data\">\n      <div\n        class=\"name text-truncate\"\n      >\n        {{ (about$ | async)?.users[(about$ | async)?.userID]?.firstName }}&nbsp;\n        {{ (about$ | async)?.users[(about$ | async)?.userID]?.lastName }}\n      </div>\n      <div\n        class=\"email text-truncate\"\n      >{{ (about$ | async)?.users[(about$ | async)?.userID]?.email }}</div>\n      <div class=\"button-row\">\n        <div\n          class=\"collector-button\"\n          routerLink=\"/workspace/p/profile\"\n          role=\"button\"\n          translate\n        >EDIT</div>\n        <logout-component></logout-component>\n      </div>\n      <div>\n        <div>Размер коллекции: {{ (me$ | async)?.collections_size }} </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"profile-section section-plates\">\n    <div\n      class=\"eq-subsection\"\n      [routerLink]=\"['/workspace/p/groups']\"\n      role=\"button\"\n    >\n      <div class=\"header\">\n        <div class=\"group-icon\"></div>\n        <div\n          class=\"name\"\n          translate\n        >Groups</div>\n      </div>\n      <div class=\"num\">{{ (dashboard$ | async)?.groups | count }}</div>\n    </div>\n    <div\n      class=\"eq-subsection\"\n      [routerLink]=\"['/workspace/p/collections']\"\n      role=\"button\"\n    >\n      <div class=\"header\">\n        <div class=\"collection-icon\"></div>\n        <div\n          class=\"name\"\n          translate\n        >Collections</div>\n      </div>\n      <div class=\"num\">{{ (dashboard$ | async)?.collections | count }}</div>\n    </div>\n    <div class=\"eq-subsection\">\n      <div class=\"header\">\n        <div\n          class=\"name\"\n          translate\n        >Total objects</div>\n      </div>\n      <div class=\"num\">{{ (totalObjects$ | async) }}</div>\n    </div>\n  </div>\n\n  <div class=\"profile-section section-valuation\">\n    <div\n      class=\"header npl\"\n      translate\n    >Valuations</div>\n    <div class=\"valuations\">\n      <div\n        *ngFor=\"let valuation of (dashboard$ | async)?.valuations\"\n        class=\"num\"\n      >\n        {{ valuation?.price | toDollars | currency:((references$ | async)?.currencies[valuation?.currencyID]?.code):'symbol':'0.0-0':((onLangChange$ | async)?.lang) }}\n      </div>\n    </div>\n  </div>\n\n\n  <div class=\"profile-section section-team\">\n    <div\n      class=\"header npl\"\n      translate\n    >My Team</div>\n    <div class=\"num npl\">{{ (team$ | async)?.tusers.length }}</div>\n    <div class=\"team-list\">\n      <div\n        class=\"team-member\"\n        *ngFor=\"let member of (team$ | async)?.teamUsers; trackBy: trackByID\"\n        [routerLink]=\"['/workspace/p/profile/', member.ID]\"\n        role=\"button\"\n      >\n        <div\n          class=\"small-ava\"\n          [style.background-image]=\"((team$ | async).medias[member.avatarMediaID] | preferPhotoMediaTypes: [200, 1])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n        ></div>\n        <div class=\"data\">\n          <div class=\"name\">{{ member?.firstName }}&nbsp;{{ member?.lastName }}</div>\n          <div class=\"email\">{{ member?.email }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"profile-section charts\">\n    <div>\n      <div\n        class=\"header npl\"\n        translate\n      >My Tasks</div>\n      <donut-chart-component\n        [routerLink]=\"['/workspace/p/tasks']\"\n        role=\"button\"\n        [data]=\"myTasks$ | async\"\n      ></donut-chart-component>\n    </div>\n    <div>\n      <div\n        class=\"header npl\"\n        translate\n      >All Tasks</div>\n      <donut-chart-component\n        [routerLink]=\"['/workspace/p/tasks']\"\n        role=\"button\"\n        [data]=\"allTasks$ | async\"\n      ></donut-chart-component>\n    </div>\n  </div>\n\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./dashboard.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/dashboard/dashboard.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".name, .email {\n    display: inline-block;\n    max-width: 100%;\n}\n.data {\n    max-width: 68%;\n}\n.profile-desc {\n    font-family: \"Avenir Next\";\n    font-size: 14px;\n    font-weight: normal;\n    color: #19242e;\n}\n.num {\n    padding: 0 10px;\n    font-family: \"Avenir Next\";\n    font-size: 28px;\n    font-weight: bold;\n}\n.right-form-fields {\n    padding-top: 1.5em !important;\n}\n.form-header {\n    height: 50px !important;\n}\n.workspace-content {\n    border: none !important;\n    border-radius: 0 !important;\n    background-color: #f3f3f3;\n}\n.workspace-content-container {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n.profile-section {\n    padding: 10px 10px;\n    border-bottom: solid 1px #97A3AC;\n    width: 100%;\n}\n.email {\n    font-family: \"Avenir Next\";\n    font-size: 14px;\n    color: #97A3AC;\n}\n.header {\n    font-family: \"Avenir Next\";\n    font-size: 18px;\n    font-weight: bold;\n    color: #D4A924 !important;\n    text-transform: uppercase;\n    padding: 0 10px !important;\n    white-space: nowrap;\n}\n.header.npl, .num.npl {\n    padding: 0 !important;\n}\n.profile-section.section-plates {\n    padding: 10px 0 !important;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    position: relative\n}\n.profile-section.section-plates .group-icon {\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/groups-active.svg);\n    width: 38px;\n    height: 38px;\n    margin-right: 10px;\n}\n.profile-section.section-plates .collection-icon {\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/collections-active.svg);\n    width: 38px;\n    height: 38px;\n    margin-right: 10px;\n}\n.profile-section.section-plates .eq-subsection {\n    width: 33%;\n}\n.profile-section.section-plates .eq-subsection .header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.section-profile {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex\n}\n.section-profile .collector-button {\n    margin-right: 1em;\n}\n.data {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    margin-left: 8px;\n}\n.profile-main {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-bottom: 5px;\n  padding-right: 2em;\n}\n.button-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-top: 8px;\n    margin-bottom: 8px;\n}\n.tapto {\n    height: 19px;\n    font-family: \"Avenir Next\";\n    font-size: 16px;\n    font-weight: 500;\n    color: #D4A924;\n}\n.arrow-down {\n    width: 110px;\n    height: 22px;\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/arrow_small.svg);\n    background-size: 8%;\n}\n.ava-border {\n    width: 110px;\n    height: 110px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    border: dashed 2px #D4A924;\n    border-radius: 50%;\n}\n.ava {\n    width: 100px;\n    height: 100px;\n    border-radius: 100%;\n    background-size: contain;\n    background-position: center;\n}\n.small-ava {\n    width: 44px;\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 44px;\n            flex: 0 0 44px;\n    height: 44px;\n    border-radius: 100%;\n    background-size: contain;\n    background-position: center;\n}\n.profile-main .name {\n    font-family: \"Avenir Next\";\n    font-size: 17px;\n    font-weight: bold;\n    text-align: left;\n    color: #1c2a35;\n}\n.section-cols {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    height: 200px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n}\n.col {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 70%;\n    max-width: 70%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    height: 33.3%\n}\n.col .data {\n    height: 62%;\n}\n.col .name {\n    font-family: \"Avenir Next\";\n    font-size: 16px;\n    font-weight: 900;\n    color: #19242e;\n}\n.col .nitems {\n    font-family: \"Avenir Next\";\n    font-size: 14px;\n    font-weight: 900;\n    color: #97A3AC;\n}\n.n-team {}\n.team-member {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-bottom: 10px;\n}\n.charts {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.valuations {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n@media (max-width: 420px) {\n  .charts {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .button-row {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column\n  }\n\n  .button-row > div {\n        margin-bottom: 1em;\n    }\n\n  .header {\n    font-size: .7em\n  }\n\n  .header .group-icon,\n    .header .collection-icon {\n        display: none;\n    }\n\n  .valuations .num {\n    width: 100%;\n  }\n  .profile-main {\n    padding-right: 0;\n  }\n}\n\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgeComponent", function() { return BadgeComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _api_model_badge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/model/badge */ "./src/app/api/model/badge.ts");
/* harmony import */ var _api_model_badge__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_api_model_badge__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _actions_badges__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/badges */ "./src/app/actions/badges.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var BadgeComponent = (function () {
    function BadgeComponent(fb, store) {
        this.fb = fb;
        this.store = store;
        this.inEdit = false;
        this.usedColors = [];
        this.badgeForm = fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_3__["Validators"].required]
        });
        this.badgeColor = '';
    }
    BadgeComponent.prototype.ngOnInit = function () {
        this.badgeColor = this.badge.color;
        this.badgeForm.get('name').setValue(this.badge.name);
    };
    BadgeComponent.prototype.ngOnDestroy = function () { };
    BadgeComponent.prototype.updateBadge = function () {
        this.setNoEdit();
        this.store.dispatch(new _actions_badges__WEBPACK_IMPORTED_MODULE_4__["UpdateBadgeAction"]({
            payload: { name: this.badgeForm.value.name, color: this.badgeColor },
            ID: this.badge.ID
        }));
    };
    BadgeComponent.prototype.setEdit = function () {
        this.inEdit = true;
    };
    BadgeComponent.prototype.setNoEdit = function () {
        this.inEdit = false;
    };
    BadgeComponent.prototype.updateBadgeColor = function (col) {
        this.badgeColor = col;
        this.updateBadge();
    };
    BadgeComponent.prototype.deleteBadge = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_5__["ModalConfirmShowAction"]({
            type: 'badge',
            data: this.badge
        }));
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_badge__WEBPACK_IMPORTED_MODULE_2__["Badge"] !== "undefined" && _api_model_badge__WEBPACK_IMPORTED_MODULE_2__["Badge"]) === "function" ? _a : Object)
    ], BadgeComponent.prototype, "badge", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof Array !== "undefined" && Array) === "function" ? _b : Object)
    ], BadgeComponent.prototype, "usedColors", void 0);
    BadgeComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'badge-component',
            template: __webpack_require__(/*! ./badge.component.html */ "./src/app/workspace/badges/badge.component.html"),
            styles: [__webpack_require__(/*! ./badge.component.css */ "./src/app/workspace/badges/badge.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormBuilder"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _d : Object])
    ], BadgeComponent);
    return BadgeComponent;
}());

module.exports = "<div\n  [ngClass]=\"{ inEdit: inEdit}\"\n  class=\"fields\"\n>\n  <form [formGroup]=\"badgeForm\">\n    <color-picker\n      (change)=\"updateBadgeColor($event)\"\n      [initialColor]=\"badge.color\"\n      [usedColors]=\"usedColors\"\n    ></color-picker>\n    <span>\n      <inline-editor\n        min=\"0\"\n        saveOnBlur=\"true\"\n        formControlName=\"name\"\n        type=\"text\"\n        name=\"name\"\n        (onEdit)=\"setEdit()\"\n        (onCancel)=\"setNoEdit()\"\n        (onSave)=\"updateBadge()\"\n        [config]=\"{\n          hideButtons: true\n        }\"\n      ></inline-editor>\n    </span>\n  </form>\n</div>\n\n<div\n  class=\"collector-button-entity-delete\"\n  [ngClass]=\"{edited: inEdit}\"\n  (click)=\"deleteBadge()\"\n>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./badge.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/badges/badge.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.badge-str.inEdit {\n  width: 100%\n}\n\n.badge-str.inEdit span {\n  width: 100%;\n}\n\n:host ::ng-deep input {\n  outline: none;\n  padding-left: 0;\n  border: none;\n  width: 100%;\n  height: auto;\n}\n\nform {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\nform color-picker {\n  margin-right: 9px;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialComponent", function() { return MaterialComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_materials__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/materials */ "./src/app/actions/materials.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _api_model_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../api/model/material */ "./src/app/api/model/material.ts");
/* harmony import */ var _api_model_material__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_api_model_material__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};










var MaterialComponent = (function () {
    function MaterialComponent(fb, store) {
        this.fb = fb;
        this.store = store;
        this.inEdit = false;
        this.materialForm = fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]
        });
        this.error$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getMaterialError"]));
    }
    MaterialComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.error$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (e) { return !!e; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["withLatestFrom"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["merge"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastMaterialUpdatePayload"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastMaterialCreatePayload"])))), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (_a) {
            var _b = __read(_a, 2), error = _b[0], request = _b[1];
            return ('ID' in request) && (request.ID === _this.material.ID);
        })).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), error = _b[0], updateRequest = _b[1];
            _this.materialForm.reset({ name: _this.material.name });
            _this.materialForm.setErrors({ name: error.message });
        });
        this.materialForm.get('name').setValue(this.material.name);
    };
    MaterialComponent.prototype.ngOnDestroy = function () { };
    MaterialComponent.prototype.updateMaterial = function () {
        this.setNoEdit();
        this.store.dispatch(new _actions_materials__WEBPACK_IMPORTED_MODULE_6__["UpdateMaterialAction"]({
            payload: { name: this.materialForm.value.name },
            ID: this.material.ID
        }));
    };
    MaterialComponent.prototype.setEdit = function () {
        this.inEdit = true;
    };
    MaterialComponent.prototype.setNoEdit = function () {
        this.inEdit = false;
    };
    MaterialComponent.prototype.deleteMaterial = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'material',
            data: this.material
        }));
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_material__WEBPACK_IMPORTED_MODULE_8__["Material"] !== "undefined" && _api_model_material__WEBPACK_IMPORTED_MODULE_8__["Material"]) === "function" ? _a : Object)
    ], MaterialComponent.prototype, "material", void 0);
    MaterialComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'material-component',
            template: __webpack_require__(/*! ./material.component.html */ "./src/app/workspace/materials/material.component.html"),
            styles: [__webpack_require__(/*! ./material.component.css */ "./src/app/workspace/materials/material.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _c : Object])
    ], MaterialComponent);
    return MaterialComponent;
}());

module.exports = "<div [ngClass]=\"{ material: true, inEdit: inEdit }\">\n  <div class=\"fields\">\n    <form [formGroup]=\"materialForm\">\n      <div class=\"name\" [ngClass]=\"{error: (!!materialForm.errors?.name)}\">\n        <inline-editor\n          min=\"0\"\n          saveOnBlur=\"true\"\n          formControlName=\"name\"\n          type=\"text\"\n          name=\"name\"\n          (onEdit)=\"setEdit()\"\n          (onCancel)=\"setNoEdit()\"\n          (onSave)=\"updateMaterial()\"\n          [config]=\"{\n            hideButtons: true\n          }\"\n        ></inline-editor>\n      </div>\n    </form>\n  </div>\n\n  <div\n    class=\"collector-button-entity-delete\"\n    [ngClass]=\"{edited: inEdit}\"\n    (click)=\"deleteMaterial()\"\n  ></div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./material.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/materials/material.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\n\n.delete-label.edited {\n  display: none;\n}\n\n.delete-label {\n  cursor: pointer;\n  display: inline-block;\n  background-image: url(/assets/i/delete-cross.png);\n  width: 1.3em;\n  height: 1.3em;\n  background-size: 60%;\n  background-color: #e8e8e8;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  background-position: 50%;\n  padding: 13px;\n  margin-left: 20px;\n}\n\n.material {\n  width: 100%;\n  margin-top: 10px;\n  height: 1.3em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.material .name.error a {\n  color: #a94442;\n}\n\n.material .delete-button {\n  margin-left: 10px;\n}\n\n.material .fields {\n  cursor: pointer;\n}\n\n.material.inEdit .fields {\n  width: 100%;\n}\n\n.material .fields a {\n  color: #4a4a4a;\n}\n\n:host ::ng-deep .material .fields input {\n  border: none;\n  outline: none;\n  width: 100%;\n  padding-left: 0px;\n  height: 1.3em;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialSelectComponent", function() { return MaterialSelectComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var ng2_completer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ng2-completer */ "./node_modules/ng2-completer/esm5/ng2-completer.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_materials__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../actions/materials */ "./src/app/actions/materials.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var MaterialSelectComponent = (function () {
    function MaterialSelectComponent(store, completerService) {
        this.store = store;
        this.completerService = completerService;
        this.selectedCb = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.materials$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getMaterials"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])());
        this.materialsData = completerService.local(this.materials$, 'name', 'name');
    }
    MaterialSelectComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.rootIdSubscription$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_materials__WEBPACK_IMPORTED_MODULE_4__["GetMaterialsAction"](rootID));
        });
        this.createdSubscription$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getCreatedMaterial"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]))
            .subscribe(function (r) {
            _this.selectedCb.emit(r);
        });
    };
    MaterialSelectComponent.prototype.ngOnDestroy = function () {
        this.rootIdSubscription$.unsubscribe();
        this.createdSubscription$.unsubscribe();
    };
    MaterialSelectComponent.prototype.selectItem = function (selected) {
        if (!selected) {
            return;
        }
        this.selectedCb.emit(selected.originalObject);
    };
    var _a, _b;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MaterialSelectComponent.prototype, "selectedCb", void 0);
    MaterialSelectComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'material-select-component',
            template: __webpack_require__(/*! ./material-select.component.html */ "./src/app/workspace/materials/select/material-select.component.html"),
            styles: [__webpack_require__(/*! ./material-select.component.css */ "./src/app/workspace/materials/select/material-select.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object, typeof (_b = typeof ng2_completer__WEBPACK_IMPORTED_MODULE_2__["CompleterService"] !== "undefined" && ng2_completer__WEBPACK_IMPORTED_MODULE_2__["CompleterService"]) === "function" ? _b : Object])
    ], MaterialSelectComponent);
    return MaterialSelectComponent;
}());

module.exports = "<div class=\"input-head\">\n  <div translate>Materials</div>\n</div>\n<materials-form-component></materials-form-component>\n<ng2-completer #materialsCompleter\n  [clearSelected]=\"true\"\n  [openOnFocus]=\"true\"\n  [datasource]=\"materialsData\"\n  [minSearchLength]=\"0\"\n  [pause]=\"0\"\n  (selected)=\"selectItem($event); materialsCompleter.ctrInput.nativeElement.blur();\"\n  [placeholder]=\"'Materials' | translate\">\n</ng2-completer>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./material-select.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/materials/select/material-select.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IntervalComponent", function() { return IntervalComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/model/cDateInterval */ "./src/app/api/model/cDateInterval.ts");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/nameddateintervals */ "./src/app/actions/nameddateintervals.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var IntervalComponent = (function () {
    function IntervalComponent(store, translate) {
        this.store = store;
        this.translate = translate;
        this.onLangChange$ = this.translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    IntervalComponent.prototype.ngOnInit = function () {
    };
    IntervalComponent.prototype.ngOnDestroy = function () {
    };
    IntervalComponent.prototype.updateInterval = function (interval) {
        this.store.dispatch(new _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_6__["UpdateNamedDateIntervalAction"]({
            payload: interval,
            ID: this.interval.ID
        }));
        this.editIntervalModal.close();
    };
    IntervalComponent.prototype.deleteInterval = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_5__["ModalConfirmShowAction"]({
            type: 'interval',
            data: this.interval
        }));
    };
    IntervalComponent.prototype.openEditModal = function () {
        this.editIntervalModal.open();
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_4__["CDateInterval"] !== "undefined" && _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_4__["CDateInterval"]) === "function" ? _a : Object)
    ], IntervalComponent.prototype, "interval", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('editIntervalModal', { static: true }),
        __metadata("design:type", Object)
    ], IntervalComponent.prototype, "editIntervalModal", void 0);
    IntervalComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'interval-component',
            template: __webpack_require__(/*! ./interval.component.html */ "./src/app/workspace/intervals/interval.component.html"),
            styles: [
                __webpack_require__(/*! ./interval.component.css */ "./src/app/workspace/intervals/interval.component.css"),
                __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")
            ],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"]) === "function" ? _c : Object])
    ], IntervalComponent);
    return IntervalComponent;
}());

module.exports = "<div\n  class=\"interval\"\n>\n  <div\n    (click)=\"openEditModal()\"\n    role=\"button\"\n  >\n    {{ interval?.name }}\n    {{ interval?.from | gDateToMoment | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}&nbsp;{{ interval?.from | gDateToBCAD | translate }}\n    <span\n      translate\n    >to</span>\n    {{ interval?.to | gDateToMoment | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}&nbsp;{{ interval?.to | gDateToBCAD | translate }}\n  </div>\n\n  <div\n    class=\"collector-button-entity-delete\"\n    (click)=\"deleteInterval()\"\n  ></div>\n</div>\n\n<ngx-smart-modal\n  #editIntervalModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"editIntervalModal\"\n>\n  <div class=\"modal-close\" (click)=\"editIntervalModal.close()\"></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <intervals-form-component\n        [interval]=\"interval\"\n        (onSubmit)=\"updateInterval($event)\"\n      ></intervals-form-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./interval.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/intervals/interval.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\n\n.interval {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActorComponent", function() { return ActorComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_actors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/actors */ "./src/app/actions/actors.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _api_model_actor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../api/model/actor */ "./src/app/api/model/actor.ts");
/* harmony import */ var _api_model_actor__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_api_model_actor__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};










var ActorComponent = (function () {
    function ActorComponent(fb, store) {
        this.fb = fb;
        this.store = store;
        this.inEdit = false;
        this.actorForm = this.fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]
        });
        this.error$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getActorError"]));
    }
    ActorComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.error$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (e) { return !!e; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["withLatestFrom"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["merge"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastActorUpdatePayload"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastActorCreatePayload"])))), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (_a) {
            var _b = __read(_a, 2), error = _b[0], request = _b[1];
            return ('ID' in request) && (request.ID === _this.actor.ID);
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), error = _b[0], updateRequest = _b[1];
            _this.actorForm.reset({ name: _this.actor.name });
            _this.actorForm.setErrors({ name: error.message });
        });
        this.actorForm.get('name').setValue(this.actor.name);
    };
    ActorComponent.prototype.ngOnDestroy = function () { };
    ActorComponent.prototype.updateActor = function () {
        this.setNoEdit();
        this.store.dispatch(new _actions_actors__WEBPACK_IMPORTED_MODULE_6__["UpdateActorAction"]({
            payload: { name: this.actorForm.value.name },
            ID: this.actor.ID
        }));
    };
    ActorComponent.prototype.setEdit = function () {
        this.inEdit = true;
    };
    ActorComponent.prototype.setNoEdit = function () {
        this.inEdit = false;
    };
    ActorComponent.prototype.deleteActor = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'actor',
            data: this.actor
        }));
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_actor__WEBPACK_IMPORTED_MODULE_8__["Actor"] !== "undefined" && _api_model_actor__WEBPACK_IMPORTED_MODULE_8__["Actor"]) === "function" ? _a : Object)
    ], ActorComponent.prototype, "actor", void 0);
    ActorComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'actor-component',
            template: __webpack_require__(/*! ./actor.component.html */ "./src/app/workspace/actors/actor.component.html"),
            styles: [__webpack_require__(/*! ./actor.component.css */ "./src/app/workspace/actors/actor.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _c : Object])
    ], ActorComponent);
    return ActorComponent;
}());

module.exports = "<div [ngClass]=\"{ inEdit: inEdit, actor: true }\">\n  <div class=\"fields\">\n    <form [formGroup]=\"actorForm\">\n      <div class=\"name\" [ngClass]=\"{error: (!!actorForm.errors?.name)}\">\n        <inline-editor\n          min=\"0\"\n          saveOnBlur=\"true\"\n          formControlName=\"name\"\n          type=\"text\"\n          name=\"name\"\n          (onEdit)=\"setEdit()\"\n          (onCancel)=\"setNoEdit()\"\n          (onSave)=\"updateActor()\"\n          [config]=\"{\n            hideButtons: true\n          }\"\n        ></inline-editor>\n      </div>\n    </form>\n  </div>\n\n  <div\n    class=\"collector-button-entity-delete\"\n    [ngClass]=\"{edited: inEdit}\"\n    (click)=\"deleteActor()\"\n  ></div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./actor.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/actors/actor.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\n\n.delete-label.edited {\n  display: none;\n}\n\n.delete-label {\n  cursor: pointer;\n  display: inline-block;\n  background-image: url(/assets/i/delete-cross.png);\n  width: 1.3em;\n  height: 1.3em;\n  background-size: 60%;\n  background-color: #e8e8e8;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  background-position: 50%;\n  padding: 13px;\n  margin-left: 20px;\n}\n\n.actor {\n  width: 100%;\n  margin-top: 10px;\n  height: 1.3em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.actor .name.error a {\n  color: #a94442;\n}\n\n.actor .delete-button {\n  margin-left: 10px;\n}\n\n.actor .fields {\n  cursor: pointer;\n}\n\n.actor.inEdit .fields {\n  width: 100%;\n}\n\n.actor .fields a {\n  color: #4a4a4a;\n}\n\n:host ::ng-deep input {\n  border: none;\n  outline: none;\n  width: 100%;\n  display: block;\n  height: 1.3em;\n  padding-left: 0;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OriginLocationComponent", function() { return OriginLocationComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_originlocations__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/originlocations */ "./src/app/actions/originlocations.ts");
/* harmony import */ var _api_model_originLocation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../api/model/originLocation */ "./src/app/api/model/originLocation.ts");
/* harmony import */ var _api_model_originLocation__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_api_model_originLocation__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};










var OriginLocationComponent = (function () {
    function OriginLocationComponent(fb, store) {
        this.fb = fb;
        this.store = store;
        this.inEdit = false;
        this.originLocationForm = this.fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]
        });
        this.error$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getOriginLocationError"]));
    }
    OriginLocationComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.error$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (e) { return !!e; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["withLatestFrom"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["merge"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastOriginLocationUpdatePayload"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLastOriginLocationCreatePayload"])))), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (_a) {
            var _b = __read(_a, 2), error = _b[0], request = _b[1];
            return ('ID' in request) && (request.ID === _this.originLocation.ID);
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), error = _b[0], updateRequest = _b[1];
            _this.originLocationForm.reset({ name: _this.originLocation.name });
            _this.originLocationForm.setErrors({ name: error.message });
        });
        this.originLocationForm.get('name').setValue(this.originLocation.name);
    };
    OriginLocationComponent.prototype.ngOnDestroy = function () { };
    OriginLocationComponent.prototype.updateOriginLocation = function () {
        this.setNoEdit();
        this.store.dispatch(new _actions_originlocations__WEBPACK_IMPORTED_MODULE_7__["UpdateOriginLocationAction"]({
            payload: { name: this.originLocationForm.value.name },
            ID: this.originLocation.ID
        }));
    };
    OriginLocationComponent.prototype.setEdit = function () {
        this.inEdit = true;
    };
    OriginLocationComponent.prototype.setNoEdit = function () {
        this.inEdit = false;
    };
    OriginLocationComponent.prototype.deleteOriginLocation = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_6__["ModalConfirmShowAction"]({
            type: 'location',
            data: this.originLocation
        }));
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_originLocation__WEBPACK_IMPORTED_MODULE_8__["OriginLocation"] !== "undefined" && _api_model_originLocation__WEBPACK_IMPORTED_MODULE_8__["OriginLocation"]) === "function" ? _a : Object)
    ], OriginLocationComponent.prototype, "originLocation", void 0);
    OriginLocationComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'origin-location-component',
            template: __webpack_require__(/*! ./origin-location.component.html */ "./src/app/workspace/locations/origin-location.component.html"),
            styles: [__webpack_require__(/*! ./origin-location.component.css */ "./src/app/workspace/locations/origin-location.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _c : Object])
    ], OriginLocationComponent);
    return OriginLocationComponent;
}());

module.exports = "<div [ngClass]=\"{ 'origin-location': true, inEdit: inEdit }\">\n  <div class=\"fields\">\n    <form [formGroup]=\"originLocationForm\">\n      <div class=\"name\" [ngClass]=\"{error: (!!originLocationForm.errors?.name)}\">\n        <inline-editor\n          min=\"0\"\n          saveOnBlur=\"true\"\n          formControlName=\"name\"\n          type=\"text\"\n          name=\"name\"\n          (onEdit)=\"setEdit()\"\n          (onCancel)=\"setNoEdit()\"\n          (onSave)=\"updateOriginLocation()\"\n          [config]=\"{\n            hideButtons: true\n          }\"\n        ></inline-editor>\n      </div>\n    </form>\n  </div>\n\n  <div\n    class=\"collector-button-entity-delete\"\n    [ngClass]=\"{edited: inEdit}\"\n    (click)=\"deleteOriginLocation()\"\n  ></div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./origin-location.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/locations/origin-location.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\n\n.delete-label {\n  cursor: pointer;\n  display: inline-block;\n  background-image: url(/assets/i/delete-cross.png);\n  width: 1.3em;\n  height: 1.3em;\n  background-size: 60%;\n  background-color: #e8e8e8;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  background-position: 50%;\n  padding: 13px;\n  margin-left: 20px;\n}\n\n.delete-label.edited {\n  display: none;\n}\n\n.origin-location {\n  width: 100%;\n  margin-top: 10px;\n  height: 1.3em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.origin-location .name.error a {\n  color: #a94442;\n}\n\n.origin-location .delete-button {\n  margin-left: 10px;\n}\n\n.origin-location .fields {\n  cursor: pointer;\n}\n\n.origin-location.inEdit .fields {\n  width: 100%;\n}\n\n.origin-location .fields a {\n  color: #4a4a4a;\n}\n\n:host ::ng-deep .origin-location .fields input {\n  border: none;\n  outline: none;\n  width: 100%;\n  padding-left: 0px;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateGroupComponent", function() { return CreateGroupComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_group__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/group */ "./src/app/actions/group.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _form_group_form_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./../form/group-form.component */ "./src/app/workspace/group/form/group-form.component.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};












var CreateGroupComponent = (function (_super) {
    __extends(CreateGroupComponent, _super);
    function CreateGroupComponent(store, location, router) {
        var _this = _super.call(this) || this;
        _this.store = store;
        _this.location = location;
        _this.router = router;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        return _this;
    }
    CreateGroupComponent.prototype.ngOnInit = function () {
        this.form = this.groupFormComponent.groupForm;
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_7__["GroupCleanStateAction"]());
    };
    CreateGroupComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_7__["GroupCleanStateAction"]());
    };
    CreateGroupComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getCreatedGroup"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (group) {
            _this.router.navigate(['/workspace/p/groups'], {
                queryParams: {
                    groupID: group.ID
                }
            });
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_7__["CreateGroupAction"](__assign({}, _this.groupFormComponent.groupForm.value, { rootID: rootID })));
        });
    };
    CreateGroupComponent.prototype.goBack = function () {
        this.location.back();
    };
    CreateGroupComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    CreateGroupComponent.prototype.valid = function () {
        return this.groupFormComponent.valid();
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('groupFormComponent', { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_group_form_component__WEBPACK_IMPORTED_MODULE_11__["GroupFormComponent"] !== "undefined" && _form_group_form_component__WEBPACK_IMPORTED_MODULE_11__["GroupFormComponent"]) === "function" ? _a : Object)
    ], CreateGroupComponent.prototype, "groupFormComponent", void 0);
    CreateGroupComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: 'create-group-component',
            template: __webpack_require__(/*! ./create-group.component.html */ "./src/app/workspace/group/create/create-group.component.html"),
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object])
    ], CreateGroupComponent);
    return CreateGroupComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_9__["FormCanDeactivate"]));

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupFormComponent", function() { return GroupFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/group */ "./src/app/actions/group.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var GroupFormComponent = (function () {
    function GroupFormComponent(fb, store) {
        this.fb = fb;
        this.store = store;
        this.formReady = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.groupForm = this.fb.group({
            name: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(1)]]
        });
    }
    GroupFormComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_5__["GroupCleanStateAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getCreatedGroup"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.groupForm.reset();
        });
        this.formReady.emit(this.groupForm);
    };
    GroupFormComponent.prototype.remove = function () {
        this.onDelete.emit();
    };
    GroupFormComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_5__["GroupCleanStateAction"]());
    };
    GroupFormComponent.prototype.valid = function () {
        return this.groupForm.valid;
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _a : Object)
    ], GroupFormComponent.prototype, "formReady", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _b : Object)
    ], GroupFormComponent.prototype, "onDelete", void 0);
    GroupFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'group-form-component',
            template: __webpack_require__(/*! ./group-form.component.html */ "./src/app/workspace/group/form/group-form.component.html"),
            styles: [__webpack_require__(/*! ./group-form.component.css */ "./src/app/workspace/group/form/group-form.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _d : Object])
    ], GroupFormComponent);
    return GroupFormComponent;
}());

module.exports = "<div class=\"create-group-container workspace-content-container\">\n\n  <div class=\"editor-container workspace-content\">\n    <div class=\"form-header\">\n      <div class=\"form-cross\" (click)=\"remove()\"><div></div></div>\n    </div>\n\n    <form class=\"padded\" [formGroup]=\"groupForm\">\n      <div class=\"padded-tb\">\n        <div class=\"input-group row wide\">\n          <span\n            translate\n          >Group title</span>\n          <input\n            formControlName=\"name\"\n            type=\"text\"\n            [placeholder]=\"'Enter the name of the group' | translate\"\n          />\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./group-form.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/group/form/group-form.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "form.ng-invalid input {\n  border-color: #a94442;\n}\n\n.form-header {\n  height: 40px;\n}\n", ""]);

module.exports = "<breadcrumbs-component\n  (onPublish)=\"doSubmit()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n<group-form-component\n  #groupFormComponent\n  class=\"nodelete\"\n  (formReady)=\"onFormReady($event)\"\n></group-form-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupsListComponent", function() { return GroupsListComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-page-scroll-core */ "./node_modules/ngx-page-scroll-core/fesm5/ngx-page-scroll-core.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};











var GroupsListComponent = (function () {
    function GroupsListComponent(store, route, router, pageScrollService, document) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.pageScrollService = pageScrollService;
        this.document = document;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_10__["trackByID"];
    }
    GroupsListComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.groups$ = this.dashboard$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (dashboard) { return Object(ramda__WEBPACK_IMPORTED_MODULE_6__["values"])(dashboard && dashboard.groups); }));
        Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])(this.route.queryParams, this.dashboard$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(function (_a) {
            var _b = __read(_a, 1), params = _b[0];
            return Object(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"])(params) && params.groupID;
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 1), params = _b[0];
            setTimeout(function () {
                _this.pageScrollService.scroll({
                    scrollTarget: "#group-" + params.groupID,
                    document: _this.document
                });
            }, 0);
        });
    };
    GroupsListComponent.prototype.ngOnDestroy = function () { };
    var _a, _b, _c, _d;
    GroupsListComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: 'groups-list-component',
            template: __webpack_require__(/*! ./groups-list.component.html */ "./src/app/workspace/group/list/groups-list.component.html"),
            styles: [__webpack_require__(/*! ./groups-list.component.css */ "./src/app/workspace/group/list/groups-list.component.css")]
        }),
        __param(4, Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Inject"])(_angular_common__WEBPACK_IMPORTED_MODULE_0__["DOCUMENT"])),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_5__["PageScrollService"] !== "undefined" && ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_5__["PageScrollService"]) === "function" ? _d : Object, Object])
    ], GroupsListComponent);
    return GroupsListComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"no-items\" *ngIf=\"((dashboard$ | async)?.groups | count) === 0\">\n  <div class=\"center-msg\">\n    <div class=\"large-icon icon-groups\"></div>\n    <div\n      class=\"sub-msg\"\n    >{{ 'You have 0 groups.' | translate }}<br />\n      <a\n        [routerLink]=\"['/workspace/p/groups/create']\"\n      >\n        {{ 'Click here to create first group.' | translate }}\n      </a>\n      </div>\n  </div>\n  <div class=\"fixed-arrow\"></div>\n</div>\n\n<div class=\"groups col-list\">\n  <div\n    class=\"col\"\n  >\n    <group-card-component\n      *ngFor=\"let group of (groups$ | async); trackBy: trackByID\"\n      [isGroupActive]=\"(route?.queryParams | async)?.groupID == group?.ID\"\n      [groupID]=\"group?.ID\"\n      [dashboard]=\"dashboard$ | async\"\n    ></group-card-component>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./groups-list.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/group/list/groups-list.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".col-list {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.col-list .col {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n\n  padding: 0 4%;\n\n  width: 100%;\n}\n.no-items {\n  text-align: center;\n  padding-top: 3em;\n  font-size: 1.5em;\n  font-family: \"Avenir Next\";\n  font-weight: 900;\n}\n.sub-msg a {\n  color: #ba9522;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupCardComponent", function() { return GroupCardComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../model/DenormalizedDashboard */ "./src/app/model/DenormalizedDashboard.ts");
/* harmony import */ var _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_3__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var GroupCardComponent = (function () {
    function GroupCardComponent(store) {
        this.store = store;
        this.showGroupCollectionsModal = false;
    }
    GroupCardComponent.prototype.addCollectionToGroup = function (collectionID) {
        if (!this.groupID) {
            return;
        }
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_2__["CollectionAddToGroupAction"]({
            collectionsIDs: [collectionID],
            targetGroupID: this.groupID
        }));
    };
    GroupCardComponent.prototype.removeCollectionFromGroup = function (collectionID) {
        if (!this.groupID) {
            return;
        }
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_2__["CollectionRemoveFromGroupAction"]({
            collectionsIDs: [collectionID],
            targetGroupID: this.groupID
        }));
    };
    GroupCardComponent.prototype.keyPressed = function (event) {
        if (event.keyCode === 27) {
            this.showGroupCollectionsModal = false;
        }
    };
    var _a, _b;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Number)
    ], GroupCardComponent.prototype, "groupID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Boolean)
    ], GroupCardComponent.prototype, "isGroupActive", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_3__["DenormalizedDashboard"] !== "undefined" && _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_3__["DenormalizedDashboard"]) === "function" ? _a : Object)
    ], GroupCardComponent.prototype, "dashboard", void 0);
    GroupCardComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'group-card-component',
            template: __webpack_require__(/*! ./group-card.component.html */ "./src/app/workspace/group/list/group-card.component.html"),
            styles: [__webpack_require__(/*! ./group-card.component.css */ "./src/app/workspace/group/list/group-card.component.css"), __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css")],
            host: {
                '(window:keydown)': 'keyPressed($event)'
            },
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _b : Object])
    ], GroupCardComponent);
    return GroupCardComponent;
}());

module.exports = "<div class=\"group-container\" [class.active]=\"isGroupActive\">\n  <div [id]=\"'group-' + groupID\" class=\"anchor\"></div>\n  <div class=\"group-header\">\n    <div class=\"name-section\">\n      <div\n        class=\"name\"\n        [title]=\"dashboard?.groups[groupID]?.name\"\n      >{{ dashboard?.groups[groupID]?.name }}</div>\n      <div class=\"count\">\n        <span\n          translate\n          [translateParams]=\"{count: ((groupID | groupCollections: (dashboard?.collections | toArray))?.length || 0)}\"\n        >COLLECTION:.plural</span>\n      </div>\n    </div>\n    <a\n      class=\"icon-settings\"\n      [routerLink]=\"['/workspace/p/groups/edit/', groupID]\"\n    ></a>\n  </div>\n  <div class=\"thumbs\">\n    <a\n      class=\"thumb\"\n      [routerLink]=\"['/workspace/p/collections/view/', collection?.ID]\"\n      *ngFor=\"let collection of (groupID | groupCollections: (dashboard?.collections | toArray))\"\n    >\n      <div\n        class=\"col-thumb\"\n        [style.background-image]=\"(dashboard?.medias[collection?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\"\n      ></div>\n      <div class=\"right\">\n        <div class=\"col-name\">{{ collection?.name }}</div>\n        <div\n          class=\"col-count\"\n          translate\n          [translateParams]=\"{ count: (collection?.objectsCnt || 0)}\"\n        >objects.plural</div>\n      </div>\n      <div class=\"col-rfade\"></div>\n    </a>\n  </div>\n  <div class=\"group-footer\">\n    <div\n      class=\"edit-group collector-button\"\n      (click)=\"showGroupCollectionsModal = true\"\n      translate\n    >\n      Edit Group\n    </div>\n    <div class=\"hbox-mob\">\n      <div class=\"vbox\">\n        <div\n          class=\"nitems\"\n          translate\n        >Total objects</div>\n        <div\n          class=\"nitems-num\"\n        >{{ (groupID | groupObjectsCnt: (dashboard?.collections | toArray)) || 0 }}</div>\n      </div>\n      <!--<div *ngIf=\"dashboard?.groups[groupID]?.valuation?.price\" class=\"vbox\">\n        <div class=\"valuation\">Valuation</div>dashboard?.groups[groupID]?.valuation?.price\n        <div class=\"valuation-num\">$ {{ (dashboard?.groups[groupID]?.valuation?.price) / 100 | rightPadCents }}</div>\n      </div>-->\n    </div>\n    <div\n      class=\"add-col collector-button\"\n      (click)=\"showGroupCollectionsModal = true\"\n      translate\n    >Edit Group</div>\n  </div>\n</div>\n<div *ngIf=\"showGroupCollectionsModal\" class=\"group-collections-modal\">\n  <div\n    class=\"overlay\"\n    (click)=\"$event.preventDefault(); showGroupCollectionsModal = false;\"\n  ></div>\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <div class=\"group-name\">{{ dashboard?.groups[groupID]?.name }}</div>\n      <div class=\"close\" (click)=\"showGroupCollectionsModal = false\"></div>\n    </div>\n    <div class=\"lists\">\n      <div\n        class=\"added-collections-list\"\n        *ngIf=\"(groupID | groupCollections: (dashboard?.collections | toArray))?.length > 0\"\n        [ngClass]=\"{full: (groupID | groupAvailableCollections: (dashboard?.collections | toArray ))?.length === 0 }\"\n      >\n        <div\n          class=\"text\"\n        >{{ 'Collections in this group' | translate }} ({{ ((groupID | groupCollections: (dashboard?.collections | toArray))?.length) || 0 }}):</div>\n        <div class=\"modal-collection\"\n          *ngFor=\"let collection of (groupID | groupCollections: (dashboard?.collections | toArray))\">\n          <div class=\"thumb\">\n            <div\n              class=\"col-thumb\"\n              [style.background-image]=\"(dashboard?.medias[collection?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\"\n            ></div>\n            <div class=\"right\">\n              <div class=\"col-name\">{{ collection?.name }}</div>\n              <div\n                class=\"col-count\"\n                translate\n                [translateParams]=\"{ count: (collection?.objectsCnt || 0)}\"\n              >objects.plural</div>\n            </div>\n          </div>\n          <div\n            class=\"collector-button active\"\n            (click)=\"removeCollectionFromGroup(collection.ID)\"\n            translate\n          >Added</div>\n        </div>\n      </div>\n      <div\n        class=\"suggested-collections-list\"\n        *ngIf=\"(groupID | groupAvailableCollections: (dashboard?.collections | toArray))?.length > 0\"\n      >\n        <div\n          class=\"text\"\n          translate\n        >Choose collections to add to this group:</div>\n        <div class=\"modal-collection\"\n          *ngFor=\"let collection of (groupID | groupAvailableCollections: (dashboard?.collections | toArray))\">\n          <div class=\"thumb\">\n            <div\n              class=\"col-thumb\"\n              [style.background-image]=\"(dashboard?.medias[collection?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\"\n            ></div>\n            <div class=\"right\">\n              <div class=\"col-name\">{{ collection?.name }}</div>\n              <div\n                class=\"col-count\"\n                translate\n                [translateParams]=\"{ count: (collection?.objectsCnt || 0)}\"\n              >objects.plural</div>\n            </div>\n          </div>\n          <div\n            class=\"collector-button\"\n            (click)=\"addCollectionToGroup(collection.ID)\"\n            translate\n          >Add</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./group-card.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/group/list/group-card.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  margin-top: 30px;\n  width: 45%;\n  max-width: 47.5%;\n}\n.group-container {\n  width: 100%;\n  position: relative\n}\n.group-container.active {\n  border: solid 1px #f3d476;\n  -webkit-box-shadow: 0px 0px 0px 1px #f3d476;\n          box-shadow: 0px 0px 0px 1px #f3d476;\n  border-radius: 10px;\n}\n.group-header {\n  height: 101px;\n  border-radius: 10px 10px 0 0;\n  background-color: #c2c9d0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding: 0 5%;\n  border-top: solid 1px #c2c9d0;\n  border-left: solid 1px #c2c9d0;\n  border-right: solid 1px #c2c9d0;\n}\n.name-section {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0;\n          flex: 1 0;\n  width: 96%;\n  overflow: hidden;\n}\n.name-section div {\n  text-align: left;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.name {\n  font: 22px \"Avenir Next\";\n  color: #1a252f;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n.count {\n  font: 14px \"Avenir Next\";\n  color: #1a252f;\n  font-weight: 900;\n}\n.icon-settings {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 30px;\n          flex: 0 0 30px;\n  width: 30px;\n  height: 30px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(assets/i/settings-white.svg);\n  cursor: pointer;\n}\n.thumbs {\n  padding: 20px 20px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  background-color: #ffffff;\n  position: relative;\n  border-left: solid 1px #c2c9d0;\n  border-right: solid 1px #c2c9d0;\n}\n.thumb {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 46%;\n          flex: 0 0 46%;\n  width: 46%;\n  margin-right: 2%;\n  margin-bottom: 15px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n}\n.col-thumb {\n  width: 70px;\n  height: 70px;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 70px;\n          flex: 0 0 70px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  border: solid 2px #c2c9d0;\n}\n.thumb:hover .col-thumb {\n  border: solid 2px #D4A924;\n  background-size: contain;\n}\n.thumb:hover .col-name {\n  color: #D4A924;\n}\n.thumb .right {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0;\n          flex: 1 0;\n  margin-left: 15px;\n}\n.thumb .right div {\n  text-align:  left;\n}\n.col-name {\n  font: 16px \"Avenir Next\";\n  font-weight: 900;\n  text-align: left;\n  color: #19242e;\n}\n.col-count {\n  font: 14px \"Avenir Next\";\n  font-weight: 900;\n  text-align: left;\n  color: #97a3ac;\n}\n.group-footer {\n  border-radius: 0 0 10px 10px;\n  background-color: #ffffff;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border-bottom: solid 1px #c2c9d0;\n  border-left: solid 1px #c2c9d0;\n  border-right: solid 1px #c2c9d0;\n  padding: 0 5%;\n}\n.group-footer * {\n  color: #97a3ac;\n}\n.vbox {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0;\n          flex: 1 0;\n  position: relative;\n  white-space: nowrap;\n  padding-right: 1em;\n}\n.group-footer .rborder {\n  border-right: solid 1px #cbd1d5;\n  -webkit-box-flex: initial;\n      -ms-flex: initial;\n          flex: initial;\n  width: 143px;\n}\n.vbox div {\n  text-align: left;\n}\n.nitems {\n  font-family: 16px \"Avenir Next\";\n  color: #97a3ac;\n  font-weight: 400;\n}\n.nitems-num {\n  font-family: 20px \"Avenir Next\";\n  color: #97a3ac;\n  font-weight: 600;\n}\n.vbox {\n\n}\n.valuation {\n  font-family: 16px \"Avenir Next\";\n  color: #97a3ac;\n  font-weight: 400;\n}\n.valuation-num {\n  font-family: 20px \"Avenir Next\";\n  color: #97a3ac;\n  font-weight: 600;\n}\n.group-collections-modal .overlay {\n  position: absolute;\n  top: -56.7px;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  width: 100%;\n  height: calc(100% + 56.7px);\n  z-index: 200;\n  background-color: rgba(28, 42, 53, .5);\n}\n.group-collections-modal .close {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/delete-cross-white.svg);\n  height: 1.5em;\n  width: 1.5em;\n  cursor: pointer;\n}\n.group-collections-modal .modal-content {\n  position: fixed;\n  top: 86.7px;\n  background-color: #fff;\n  border-radius: 10px;\n  width: 45%;\n  z-index: 201;\n  left: 27.5%;\n}\n.group-collections-modal .modal-header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  font: 22px \"Avenir Next\";\n  padding-top: .5em;\n  padding-bottom: .5em;\n  background-color: #c2c9d0;\n  text-transform: uppercase;\n  color: #1a252f;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n}\n.group-collections-modal .lists {\n  max-height: 80vh;\n  overflow-y: auto;\n}\n.group-collections-modal .added-collections-list,\n  .group-collections-modal .suggested-collections-list,\n  .group-collections-modal .modal-header {\n  padding-left: 7%;\n  padding-right: 7%;\n}\n.group-collections-modal .added-collections-list .text,\n  .group-collections-modal .suggested-collections-list .text {\n  color: #19242e;\n  font-size: 14px;\n  text-transform: uppercase;\n  padding: 1em 0;\n  font-weight: 900;\n}\n.group-collections-modal .added-collections-list {\n  border-bottom: solid 1px #d4a924;\n}\n.group-collections-modal .added-collections-list.full {\n  border-bottom: none;\n}\n.group-collections-modal .modal-collection {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.group-name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.col-rfade {\n  display: block;\n  position: absolute;\n  width: 9%;\n  height: 100%;\n  right: 0;\n  /*background: linear-gradient(to right, rgba(0,0,0,0), rgba(255,255,255,1));*/\n}\n@media only screen\nand (min-device-width : 768px)\nand (max-device-width : 1024px)  {\n  :host {\n    max-width: 60vw;\n  }\n\n  .group-collections-modal .modal-content {\n    width: 80%;\n    left: 10%;\n  }\n}\n@media (max-width: 420px)  {\n  :host {\n    max-width: 60vw;\n    margin-top: 15px;\n  }\n\n  .group-collections-modal .modal-content {\n    width: 90%;\n    left: 5%;\n  }\n  .group-collections-modal .lists {\n    max-height: 68vh;\n  }\n  .thumbs {\n    padding: 10px 10px;\n  }\n  .group-header {\n    height: 61px;\n    padding: 0 18px;\n  }\n  .group-footer {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 115px ;\n    padding: 0 40px 10px 40px\n  }\n  .group-footer .name {\n    font-size: 16px;\n  }\n\n  .icon-settings {\n    width: 21px;\n    height: 21px;\n  }\n  .thumb {\n    width: 47%;\n    /*min-width: 15em;*/\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 47%;\n            flex: 0 0 47%;\n    margin-right: 1.45%\n  }\n  .thumb .col-thumb {\n    height: 43px;\n    width: 43px;\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 43px;\n            flex: 0 0 43px;\n  }\n  .thumb .right {\n    margin-left: 10px;\n  }\n  .thumb .col-name {\n    word-wrap: break-word;\n    white-space: nowrap;\n  }\n  .group-footer {\n    padding: 10px;\n    height: auto;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start\n  }\n  .group-footer .edit-group {\n    display: -webkit-box !important;\n    display: -ms-flexbox !important;\n    display: flex !important;\n    margin-bottom: 8px;\n  }\n  .group-footer .add-col {\n    display: none;\n  }\n  .group-footer .hbox-mob .vbox:first-child {\n    border-right: solid 1px #97A3AC;\n  }\n  .group-footer .hbox-mob .vbox:last-child {\n    margin-left: 10px;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditGroupComponent", function() { return EditGroupComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _form_group_form_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./../form/group-form.component */ "./src/app/workspace/group/form/group-form.component.ts");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _actions_group__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/group */ "./src/app/actions/group.ts");
/* harmony import */ var _actions_history__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../actions/history */ "./src/app/actions/history.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
















var EditGroupComponent = (function (_super) {
    __extends(EditGroupComponent, _super);
    function EditGroupComponent(store, route, location, router, setTitleService) {
        var _this = _super.call(this) || this;
        _this.store = store;
        _this.route = route;
        _this.location = location;
        _this.router = router;
        _this.setTitleService = setTitleService;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        return _this;
    }
    EditGroupComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.form = this.groupFormComponent.groupForm;
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_9__["GroupCleanStateAction"]());
        this.group$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.route.params, this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function (_a) {
            var _b = __read(_a, 1), params = _b[0];
            return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getGroupById"](params.id)));
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (group) {
            if (!group) {
                throw new Error('404');
            }
            return group;
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["tap"])(null, function () {
            _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_10__["HistoryDropLastAction"]());
            _this.router.navigateByUrl('/workspace/p/groups');
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["onErrorResumeNext"])());
        this.group$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (result) {
            _this.setTitleService.setTitle(Object(_utils__WEBPACK_IMPORTED_MODULE_15__["_"])('Edit: {name}'), window.location.pathname, {
                name: result.name
            });
            _this.groupFormComponent.groupForm.patchValue(Object(ramda__WEBPACK_IMPORTED_MODULE_4__["pick"])(['name'], result));
        });
    };
    EditGroupComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_9__["GroupCleanStateAction"]());
    };
    EditGroupComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (params) {
            _this.store.dispatch(new _actions_group__WEBPACK_IMPORTED_MODULE_9__["UpdateGroupAction"]({
                ID: Number(params.id),
                payload: _this.groupFormComponent.groupForm.value
            }));
            _this.router.navigate(['/workspace/p/groups'], { queryParams: { groupID: params.id } });
        });
    };
    EditGroupComponent.prototype.deleteGroup = function () {
        var _this = this;
        this.group$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (group) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_11__["ModalConfirmShowAction"]({
                type: 'group',
                data: group,
                redirectTo: '/workspace/p/groups'
            }));
        });
    };
    EditGroupComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    EditGroupComponent.prototype.valid = function () {
        return this.groupFormComponent.valid();
    };
    var _a, _b, _c, _d, _e, _f;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('groupFormComponent', { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_group_form_component__WEBPACK_IMPORTED_MODULE_7__["GroupFormComponent"] !== "undefined" && _form_group_form_component__WEBPACK_IMPORTED_MODULE_7__["GroupFormComponent"]) === "function" ? _a : Object)
    ], EditGroupComponent.prototype, "groupFormComponent", void 0);
    EditGroupComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: 'edit-group-component',
            template: __webpack_require__(/*! ./edit-group.component.html */ "./src/app/workspace/group/edit/edit-group.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _d : Object, typeof (_e = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _e : Object, typeof (_f = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"]) === "function" ? _f : Object])
    ], EditGroupComponent);
    return EditGroupComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_14__["FormCanDeactivate"]));

module.exports = "<breadcrumbs-component\n  (onSave)=\"doSubmit()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n\n<group-form-component\n  #groupFormComponent\n  (onDelete)=\"deleteGroup()\"\n  (formReady)=\"onFormReady($event)\"\n></group-form-component>\n\n<change-workspace-component\n  [iRootID]=\"(group$ | async)?.rootID\"\n  name=\"group\"\n  redirectTo=\"/workspace/p/groups\"\n></change-workspace-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CollectionsListComponent", function() { return CollectionsListComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var CollectionsListComponent = (function () {
    function CollectionsListComponent(store) {
        this.store = store;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
    }
    CollectionsListComponent.prototype.ngOnInit = function () {
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_4__["GetReferencesAction"]());
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]));
        this.collections$ = this.dashboard$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (dashboard) { return Object(ramda__WEBPACK_IMPORTED_MODULE_2__["values"])(dashboard && dashboard.collections); }));
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getReferences"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]));
    };
    var _a;
    CollectionsListComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'collections-list-component',
            template: __webpack_require__(/*! ./collections-list.component.html */ "./src/app/workspace/collection/list/collections-list.component.html"),
            styles: [__webpack_require__(/*! ./collections-list.component.css */ "./src/app/workspace/collection/list/collections-list.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], CollectionsListComponent);
    return CollectionsListComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"collections\">\n\n  <div class=\"no-items\" *ngIf=\"((dashboard$ | async)?.collections | count) === 0\">\n    <div class=\"center-msg\">\n      <div class=\"large-icon icon-collections\"></div>\n      <div class=\"sub-msg\">{{ 'You have 0 collections.' | translate }}<br />\n        <a\n          [routerLink]=\"['/workspace/p/collections/create']\"\n        >\n          {{ 'Click here to create first collection.' | translate }}\n        </a>\n      </div>\n    </div>\n    <div class=\"fixed-arrow\"></div>\n  </div>\n\n  <div class=\"col\">\n    <collection-card-component\n      *ngFor=\"let collection of (collections$ | async); trackBy: trackByID\"\n      [dashboard]=\"dashboard$ | async\"\n      [references]=\"references$ | async\"\n      [collectionID]=\"collection?.ID\"\n      [inRoot]=\"true\"\n      [accessLevel]=\"(dashboard$ | async)?.collections[collection?.ID]?.accessLevel\"\n      [isAuthorized]=\"true\"\n      [userID]=\"(about$ | async)?.userID\"\n      [rootID]=\"collection?.rootID\" \n    ></collection-card-component>\n  </div>\n\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./collections-list.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/collection/list/collections-list.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".col-list {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.collections .col {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0;\n          flex: 1 0;\n  width: 100%;\n\n  display: -webkit-box;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n\n  padding-left: 2%;\n  position: relative;\n}\n.no-items {\n  text-align: center;\n  padding-top: 3em;\n  font-size: 1.5em;\n  font-family: \"Avenir Next\";\n  font-weight: 900;\n  width: 100%;\n}\n.sub-msg a {\n  color: #ba9522;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CollectionViewComponent", function() { return CollectionViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-clipboard */ "./node_modules/ngx-clipboard/fesm5/ngx-clipboard.js");
/* harmony import */ var ngx_window_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ngx-window-token */ "./node_modules/ngx-window-token/fesm5/ngx-window-token.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_history__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/history */ "./src/app/actions/history.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
/* harmony import */ var _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../model/SupportTicketTypes.enum */ "./src/app/model/SupportTicketTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};



















var CollectionViewComponent = (function () {
    function CollectionViewComponent(store, route, router, viewsize, setTitleService, window, clipboardService, viewportScroller) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.viewsize = viewsize;
        this.setTitleService = setTitleService;
        this.window = window;
        this.clipboardService = clipboardService;
        this.viewportScroller = viewportScroller;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_17__["trackByID"];
        this.sortOrder = -1;
        this.sortType = "creationTime";
        this.editMode = false;
        this.paginatorObjectsCount = 16;
        this.selectedObjects = {};
        this.selectedCollection = 0;
        this.objects$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_17__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (o) { return o.res; }));
        this.filter$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_17__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (o) { return o.req; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["startWith"])({
            orders: {
                creationTime: -1,
            },
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount,
            },
        }));
    }
    CollectionViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.isPhone$ = this.viewsize.isPhone$;
        this.rootID$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_17__["filterEmpty"]));
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_12__["GetReferencesAction"]());
        this.collectionID$ = this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (p) { return Number(p.id); }));
        this.collections$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getDashboardCollections"]));
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_17__["filterEmpty"]));
        this.loading$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getObjectLoading"]));
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getReferences"]));
        this.isAuthorized$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getAuthorized"]));
        this.collectionID$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["switchMap"])(function () {
            return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_16__["getLastScrollHistoryByKey"](window.location.pathname)), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])());
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (scroll) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["ObjectCleanStateAction"]());
            _this.getObjects((scroll && scroll.payload) || {}, true);
        });
        Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])(this.collectionID$, this.dashboard$)
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), collectionID = _b[0], dshb = _b[1];
            if (!dshb.collections[collectionID]) {
                _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_9__["HistoryDropLastAction"]());
                _this.router.navigateByUrl("/workspace/p/collections");
                return;
            }
            console.log("123", dshb.collections[collectionID]);
            _this.sortType =
                dshb.collections[collectionID].defaultSortType === ""
                    ? "creationTime"
                    : dshb.collections[collectionID].defaultSortType;
            _this.sortOrder =
                dshb.collections[collectionID].defaultSortOrder === 0
                    ? -1
                    : dshb.collections[collectionID].defaultSortOrder;
            _this.setTitleService.setTitle(dshb.collections[collectionID].name, window.location.pathname, {}, false);
            _this.getObjects();
        });
        this.route.queryParams.subscribe(function (params) {
            var sortType = params["sortType"];
            var sortOrder = params["sortOrder"];
            var page = params["page"];
            if (sortType) {
                _this.sortType = sortType;
                _this.changeSortType(_this.sortType);
            }
            if (sortOrder) {
                var newOrder = Number(sortOrder);
                _this.sortOrder = newOrder;
                _this.changeSortOrder(_this.sortOrder);
            }
            if (page) {
                var newPage = Number(page);
                _this.selectPage(newPage);
            }
        });
    };
    CollectionViewComponent.prototype.updateQueryParams = function (newParams) {
        var _this = this;
        this.route.queryParams.subscribe(function (params) {
            var updatedParams = __assign({}, params, newParams);
            _this.router.navigate([], { relativeTo: _this.route, queryParams: updatedParams });
        });
    };
    CollectionViewComponent.prototype.ngOnDestroy = function () { };
    CollectionViewComponent.prototype.getObjects = function (payload, fir) {
        var _this = this;
        if (fir === void 0) { fir = false; }
        this.filter$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["withLatestFrom"])(this.collectionID$))
            .subscribe(function (_a) {
            var _b;
            var _c = __read(_a, 2), f = _c[0], collectionID = _c[1];
            f.orders = (_b = {},
                _b[_this.sortType] = _this.sortOrder,
                _b);
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["GetCollectionObjectsAction"]({
                collectionsIDs: [collectionID],
                orders: fir ? {} : f.orders,
                paginator: (payload && payload.paginator) || f.paginator,
            }));
            _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_9__["HistoryRememberScrollAction"]({
                key: window.location.pathname,
                payload: payload,
            }));
        });
    };
    CollectionViewComponent.prototype.changeSortType = function (sortType) {
        var _a;
        this.getObjects({
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount,
            },
            orders: (_a = {},
                _a[sortType] = -1,
                _a),
        });
        this.updateQueryParams({ sortType: sortType });
    };
    CollectionViewComponent.prototype.changeSortOrder = function (sortOrder) {
        var _this = this;
        this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (f) {
            var _a;
            _this.getObjects({
                paginator: {
                    page: 0,
                    cnt: _this.paginatorObjectsCount,
                },
                orders: (_a = {},
                    _a[Object.keys(f.orders)[0]] = sortOrder,
                    _a),
            });
            _this.updateQueryParams({ sortOrder: sortOrder });
        });
    };
    CollectionViewComponent.prototype.exitEditMode = function () {
        this.editMode = false;
    };
    CollectionViewComponent.prototype.handleAction = function (action) {
        var _this = this;
        switch (action) {
            case "create-object": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl(_this.router.createUrlTree(["/workspace/p/objects/create"], {
                        queryParams: Object(_utils__WEBPACK_IMPORTED_MODULE_17__["jsonParam"])("init", { collectionID: collectionID }),
                    }));
                });
                break;
            }
            case "edit": {
                this.editMode = true;
                break;
            }
            case "edit-page": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl("/workspace/p/collections/edit/" + collectionID);
                });
                break;
            }
            case "delete": {
                this.deleteCollection();
                break;
            }
            case "create-task": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl(_this.router.createUrlTree(["/workspace/p/tasks/create"], {
                        queryParams: {
                            collectionID: collectionID,
                        },
                    }));
                });
                break;
            }
            case "report": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_10__["ModalAddSupportTicketShowAction"]({
                        entityID: collectionID,
                        entityType: _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_15__["SupportTicketTypes"].Collection,
                    }));
                });
                break;
            }
            case "copy-link": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.clipboardService.copyFromContent(_this.window.location.origin + "/workspace/public/collection/" + collectionID);
                });
                break;
            }
            default:
                break;
        }
    };
    CollectionViewComponent.prototype.handleObjectSelectionUpdate = function (object) {
        if (!this.editMode) {
            return;
        }
        var objectID = object.objects[0].ID;
        var isSelected = !!this.selectedObjects[objectID];
        if (isSelected) {
            delete this.selectedObjects[objectID];
        }
        else {
            this.selectedObjects[objectID] = object;
        }
    };
    CollectionViewComponent.prototype.deleteSelected = function () {
        var _this = this;
        this.shouldDeleteObjects.close();
        var objIDs = Object.keys(this.selectedObjects);
        this.rootID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["MassDeleteObjectsAction"]({
                objectsIDs: objIDs.map(function (x) { return +x; }),
                final: true,
                rootIDNumber: rootID,
            }));
            _this.selectedObjects = {};
            _this.exitEditMode();
        });
    };
    CollectionViewComponent.prototype.moveSelected = function () {
        var _this = this;
        this.shouldMoveObjects.close();
        this.chooseCollection.close();
        var objIDs = Object.keys(this.selectedObjects);
        this.rootID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["MassMoveObjectsAction"]({
                objectsIDs: objIDs.map(function (x) { return +x; }),
                targetCollectionID: _this.selectedCollection,
                rootIDNumber: rootID,
            }));
            _this.selectedObjects = {};
            _this.selectedCollection = -1;
            _this.exitEditMode();
        });
    };
    CollectionViewComponent.prototype.showDeleteSelectedModal = function () {
        this.shouldDeleteObjects.open();
    };
    CollectionViewComponent.prototype.showMoveSelectedModal = function () {
        this.chooseCollection.open();
    };
    CollectionViewComponent.prototype.deleteCollection = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])([this.dashboard$, this.collectionID$])
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (_a) {
            var _b = __read(_a, 2), dashboard = _b[0], collectionID = _b[1];
            return dashboard.collections[collectionID];
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (collection) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_10__["ModalConfirmShowAction"]({
                type: "collection",
                data: collection,
                redirectTo: "/workspace/p/collections",
            }));
        });
    };
    CollectionViewComponent.prototype.selectDstCollection = function (id) {
        this.selectedCollection = id;
    };
    CollectionViewComponent.prototype.selectPage = function (page) {
        var _this = this;
        this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (f) {
            _this.getObjects({
                paginator: {
                    cnt: _this.paginatorObjectsCount,
                    page: page - 1,
                },
            });
            _this.viewportScroller.scrollToPosition([0, 0]);
            _this.updateQueryParams({ page: page });
        });
    };
    var _a, _b, _c, _d, _e, _f, _g;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("changeWorkspaceModal", { static: true }),
        __metadata("design:type", Object)
    ], CollectionViewComponent.prototype, "changeWorkspaceModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("shouldDeleteObjects", { static: true }),
        __metadata("design:type", Object)
    ], CollectionViewComponent.prototype, "shouldDeleteObjects", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("shouldMoveObjects", { static: true }),
        __metadata("design:type", Object)
    ], CollectionViewComponent.prototype, "shouldMoveObjects", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("chooseCollection", { static: true }),
        __metadata("design:type", Object)
    ], CollectionViewComponent.prototype, "chooseCollection", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("breadcrumbs", { static: true }),
        __metadata("design:type", Object)
    ], CollectionViewComponent.prototype, "breadcrumbs", void 0);
    CollectionViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "collection-view-component",
            template: __webpack_require__(/*! ./collection-view.component.html */ "./src/app/workspace/collection/view/collection-view.component.html"),
            styles: [
                __webpack_require__(/*! ./collection-view.component.css */ "./src/app/workspace/collection/view/collection-view.component.css"),
                __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../../shared/pills.css */ "./src/app/shared/pills.css"),
            ],
        }),
        __param(5, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(ngx_window_token__WEBPACK_IMPORTED_MODULE_6__["WINDOW"])),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_14__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_14__["ViewportSizeService"]) === "function" ? _d : Object, typeof (_e = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_13__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_13__["SetTitleService"]) === "function" ? _e : Object, Object, typeof (_f = typeof ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__["ClipboardService"] !== "undefined" && ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__["ClipboardService"]) === "function" ? _f : Object, typeof (_g = typeof _angular_common__WEBPACK_IMPORTED_MODULE_1__["ViewportScroller"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_1__["ViewportScroller"]) === "function" ? _g : Object])
    ], CollectionViewComponent);
    return CollectionViewComponent;
}());

module.exports = "<breadcrumbs-component #breadcrumbs [suppressBack]=\"editMode\"></breadcrumbs-component>\n\n<div>\n  <div class=\"collection-header\">\n    <div class=\"main-block\">\n      <div class=\"img\"\n        [style.background-image]=\"((dashboard$ | async)?.medias[(dashboard$ | async)?.collections[(collectionID$ | async)]?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage\">\n      </div>\n      <div class=\"collection-data\">\n        <div class=\"left-col\">\n          <div class=\"name-container\">\n            <div class=\"name-headline\">\n              <h2 class=\"name\">\n                <expandable-text [text]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.name\"\n                  [maxLength]=\"30\">\n                </expandable-text>\n              </h2>\n            </div>\n          </div>\n          <div class=\"col-info\">\n            <div class=\"items-count\" translate\n              [translateParams]=\"{count: ((dashboard$ | async)?.collections[(collectionID$ | async)]?.objectsCnt || 0)}\">\n              objects.plural</div>\n            <div *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.public\" class=\"pill\">\n              {{ 'Public' | translate }}\n              <ng-container *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)].isAnonymous === true\"> /\n                {{ 'Anonymous.collection' | translate }}</ng-container>\n            </div>\n          </div>\n          <div class=\"groups\" *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.groupsIDs?.length > 0\"\n            translate>Groups</div>\n          <div class=\"groups-list\">\n            <ng-container\n              *ngFor=\"let group of (dashboard$ | async)?.groups | pick: (dashboard$ | async)?.collections[(collectionID$ | async)]?.groupsIDs | toArray; let isLast=last; trackBy: trackByID\">\n              <a class=\"group\" [routerLink]=\"['/workspace/p/groups']\" [queryParams]=\"{groupID: group?.ID}\"\n                [title]=\"group.name\">{{ group?.name }}{{ isLast ? '' : ', ' }}</a>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"right-col\">\n          <div>\n            <dropdown>\n              <div *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.public === true\" translate\n                (click)=\"handleAction('copy-link')\">copy link</div>\n              <div\n                *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin'\"\n                translate (click)=\"handleAction('create-object')\">create object</div>\n              <div translate (click)=\"handleAction('create-task')\">create task</div>\n              <div\n                *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin'\"\n                translate (click)=\"handleAction('edit-page')\">edit</div>\n              <div\n                *ngIf=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin'\"\n                translate (click)=\"handleAction('delete')\">delete</div>\n              <div\n                *ngIf=\"((isAuthorized$ | async) === true) && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.rootID !== (rootID$ | async))\"\n                (click)=\"handleAction('report')\" translate>\n                report\n              </div>\n\n            </dropdown>\n          </div>\n          <!--<div class=\"info-sec\">\n            Valuation\n          </div>\n          <div class=\"info-val\">\n            {{ (collectionID$ | async) | colValPipe: (dashboard$ | async) : (references$ | async) }}\n          </div>-->\n        </div>\n      </div>\n    </div>\n    <!--\n    <div class=\"valuation-block\">\n      Valuation: $1000\n    </div>\n    -->\n  </div>\n  <div class=\"description\"\n    [innerHTML]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.description | linky\">\n  </div>\n  <div class=\"line-container\" *ngIf=\"(objects$ | async)?.objects?.length > 0\">\n    <!-- <div class=\"line\"></div> -->\n    <!-- <sort-menu-component (changeSortOrder)=\"changeSortOrder($event)\" (changeSortType)=\"changeSortType($event)\"\n      [sortType]=\"((filter$ | async)?.orders | keys | head)\"\n      [sortOrder]=\"((filter$ | async)?.orders | toArray | head)\"></sort-menu-component> -->\n      <sort-menu-component (changeSortOrder)=\"changeSortOrder($event)\" (changeSortType)=\"changeSortType($event)\"\n      [sortType]=\"sortType\"\n      [sortOrder]=\"sortOrder\"></sort-menu-component>\n  </div>\n\n  <div class=\"collections\">\n\n    <div\n      *ngIf=\"!(isPhone$ | async) && (objects$ | async)?.objects?.length === 0 && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write')\">\n      <div class=\"new-item\">\n        <a class=\"item\" [routerLink]=\"['/workspace/p/objects/create']\" [queryParams]=\"'init' | jsonParam: {\n            collectionID: (collectionID$ | async)\n          }\">\n          <div class=\"plus-block\">\n            <div class=\"plus-icon\"></div>\n          </div>\n          <div class=\"add-object-text\" translate>Click to add object to this collection</div>\n          <div class=\"collector-button add-object-button\" translate>Add object</div>\n        </a>\n      </div>\n    </div>\n\n    <div class=\"no-items\"\n      *ngIf=\"(isPhone$ | async) && (objects$ | async)?.objects?.length === 0 && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write')\">\n      <div class=\"center-msg\">\n        <div class=\"large-icon icon-object\"></div>\n        <div class=\"sub-msg\" translate>You have 0 objects in this collection.\n          Tap plus to create first object in this collection.</div>\n      </div>\n      <div class=\"fixed-arrow\"></div>\n    </div>\n\n    <object-card-component *ngFor=\"let object of (objects$ | async)?.objects; trackBy: trackByID\"\n      [object]=\"object | addAdditionalObjectData: (objects$ | async)\" [showCollection]=\"false\"\n      [collections]=\"collections$ | async\" [selectable]=\"editMode\"\n      [selected]=\"editMode && !!this.selectedObjects[object.ID]\"\n      [accessLevel]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel\" [inRoot]=\"true\"\n      [publicObject]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.public\" [admin]=\"admin\"\n      (selectClick)=\"handleObjectSelectionUpdate($event)\"></object-card-component>\n\n\n    <div class=\"paginator-container\"\n      *ngIf=\"((dashboard$ | async)?.collections[(collectionID$ | async)]?.objectsCnt || 0) > paginatorObjectsCount && (loading$ | async) === false\">\n      <paginator-component\n        [totalPages]=\"((dashboard$ | async)?.collections[(collectionID$ | async)]?.objectsCnt || 0) / paginatorObjectsCount | ceil\"\n        [currentPage]=\"(filter$ | async)?.paginator?.page + 1\"\n        (onPageSelect)=\"selectPage($event)\"></paginator-component>\n    </div>\n  </div>\n</div>\n\n<change-workspace-component [iRootID]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.rootID\"\n  name=\"collection\" redirectTo=\"/workspace/p/collections\"></change-workspace-component>\n\n<ngx-smart-modal #shouldDeleteObjects [closable]=\"false\" [customClass]=\"'modal-container'\"\n  identifier=\"shouldDeleteObjects\">\n  <div class=\"modal-close\" (click)=\"shouldDeleteObjects.close()\"></div>\n  <div class=\"modal\">\n    <div class=\"modal-textbox\" style=\"margin-top: 40px;\">\n      Delete <b><span class=\"gold\">{{ selectedObjects | count }}</span></b> objects<br />\n      permanently?\n    </div>\n    <div class=\"modal-buttons\">\n      <button #yes class=\"modal-button-left\" [value]=\"(collectionID$ | async)\" (click)=\"deleteSelected()\"\n        role=\"button\"><span translate>Yes</span></button>\n      <button class=\"modal-button-right\" (click)=\"shouldDeleteObjects.close()\" role=\"button\"><span\n          translate>No</span></button>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<ngx-smart-modal #shouldMoveObjects [closable]=\"false\" [customClass]=\"'modal-container'\" identifier=\"shouldMoveObjects\">\n  <div class=\"modal-close\" (click)=\"shouldMoveObjects.close()\"></div>\n  <div class=\"modal\">\n    <div class=\"modal-textbox\" style=\"margin-top: 60px;\">\n      Move <b><span class=\"gold\">{{ selectedObjects | count }}</span></b> objects ?\n    </div>\n    <div class=\"modal-buttons\">\n      <button #yes class=\"modal-button-left\" [value]=\"(collectionID$ | async)\" (click)=\"moveSelected()\"\n        role=\"button\"><span translate>Yes</span></button>\n      <button class=\"modal-button-right\" (click)=\"shouldMoveObjects.close()\" role=\"button\"><span\n          translate>No</span></button>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<ngx-smart-modal #chooseCollection [closable]=\"false\" [customClass]=\"'modal-container'\" identifier=\"chooseCollection\">\n  <div class=\"modal-close\" (click)=\"chooseCollection.close()\"></div>\n  <div class=\"modal\">\n\n    <div class=\"modal-header\">\n      <div class=\"close\" (click)=\"chooseCollection.close()\" translate>CLOSE</div>\n      <div class=\"group-name inactive-col\" translate>MOVE TO</div>\n      <div class=\"save gold-b\" (click)=\"chooseCollection.close(); shouldMoveObjects.open()\" translate>MOVE</div>\n    </div>\n\n    <div class=\"lists\">\n      <div class=\"suggested-collections-list\">\n        <div class=\"text\" translate>Choose collections to add to this group:</div>\n\n        <ng-container *ngFor=\"let collection of (((collections$ | async) || {}) | toArray)\">\n\n          <div class=\"modal-collection\" *ngIf=\"(collectionID$ | async) !== collection.ID\">\n            <div class=\"thumb\">\n              <div class=\"col-thumb\"\n                [style.background-image]=\"((dashboard$ | async)?.medias[collection?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\">\n              </div>\n              <div class=\"right\">\n                <div class=\"col-name\">{{ collection?.name }}</div>\n                <div class=\"col-count\">{{ collection?.objectsCnt || 0 }} items</div>\n              </div>\n\n            </div>\n            <div class=\"flex-center\">\n              <div class=\"gold-tick-control\" (click)=\"selectDstCollection(collection.ID)\"\n                [ngClass]=\"{'active': selectedCollection === collection.ID}\">\n              </div>\n            </div>\n          </div>\n\n        </ng-container>\n\n      </div>\n    </div>\n\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateCollectionComponent", function() { return CreateCollectionComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _form_collection_form_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../form/collection-form.component */ "./src/app/workspace/collection/form/collection-form.component.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};













var CreateCollectionComponent = (function (_super) {
    __extends(CreateCollectionComponent, _super);
    function CreateCollectionComponent(store, location, router) {
        var _this = _super.call(this) || this;
        _this.store = store;
        _this.location = location;
        _this.router = router;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        return _this;
    }
    CreateCollectionComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.form = this.collectionFormComponent.collectionForm;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_8__["MediaCleanStateAction"]());
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getCreatedCollection"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (collection) {
            _this.router.navigateByUrl("/workspace/p/collections/view/" + collection.ID);
        });
    };
    CreateCollectionComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_8__["MediaCleanStateAction"]());
    };
    CreateCollectionComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            console.log("not valid", this.collectionFormComponent.collectionForm.value);
            return;
        }
        this.formSubmitted = true;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.collectionFormComponent.getMedias(), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()))
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), image = _b[0], rootID = _b[1];
            var imageMediaID = (image && image.ID) || null;
            var payload = _this.collectionFormComponent.collectionForm.value;
            payload.defaultSortType = payload.sortType;
            payload.defaultSortOrder = payload.sortOrder;
            delete payload.sortType;
            delete payload.sortOrder;
            if (imageMediaID) {
                Object.assign(payload, {
                    imageMediaID: {
                        value: imageMediaID,
                    },
                });
            }
            _this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_7__["CreateCollectionAction"]({
                payload: payload,
                rootID: rootID,
            }));
        });
    };
    CreateCollectionComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    CreateCollectionComponent.prototype.valid = function () {
        return this.collectionFormComponent.valid();
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])("collectionFormComponent", { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_collection_form_component__WEBPACK_IMPORTED_MODULE_12__["CollectionFormComponent"] !== "undefined" && _form_collection_form_component__WEBPACK_IMPORTED_MODULE_12__["CollectionFormComponent"]) === "function" ? _a : Object)
    ], CreateCollectionComponent.prototype, "collectionFormComponent", void 0);
    CreateCollectionComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: "create-collection-component",
            template: __webpack_require__(/*! ./create-collection.component.html */ "./src/app/workspace/collection/create/create-collection.component.html"),
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object])
    ], CreateCollectionComponent);
    return CreateCollectionComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_10__["FormCanDeactivate"]));

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CollectionFormComponent", function() { return CollectionFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var ng2_completer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng2-completer */ "./node_modules/ng2-completer/esm5/ng2-completer.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../api/model/media */ "./src/app/api/model/media.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_api_model_media__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../model/ImageMimeTypes */ "./src/app/model/ImageMimeTypes.ts");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../actions/ui */ "./src/app/actions/ui.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../api */ "./src/app/api/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};


















var CollectionFormComponent = (function () {
    function CollectionFormComponent(fb, store, completerService, translate, route, cd) {
        this.fb = fb;
        this.store = store;
        this.completerService = completerService;
        this.translate = translate;
        this.route = route;
        this.cd = cd;
        this.refreshCompleterOnInit = false;
        this.formReady = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onDeleteClick = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.sortTypesSubject = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"]([
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Creation time"), originalObject: "creationTime" },
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Update time"), originalObject: "updateTime" },
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Actor name"), originalObject: "actorName" },
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Name"), originalObject: "name" },
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Location"), originalObject: "location" },
        ]);
        this.sortTypes = this.sortTypesSubject.asObservable();
        this.sortOrdersSubject = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"]([
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Ascending"), originalObject: 1 },
            { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Descending"), originalObject: -1 },
        ]);
        this.sortOrders = this.sortOrdersSubject.asObservable();
        this.collectionForm = this.fb.group({
            name: ["", [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(1)]],
            description: [""],
            public: [false],
            isAnonymous: [false],
            sortType: ["creationTime"],
            sortOrder: [-1],
            groupsIDs: this.fb.array([]),
        });
        this.groups$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getGroups"]));
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"]));
        this.availGroups$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.groups$, this.collectionForm.valueChanges.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["startWith"])([]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (f) { return f.groupsIDs; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (groupsIDs) { return new Set(groupsIDs); }))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 2), allGroups = _b[0], groupsIDs = _b[1];
            return allGroups.filter(function (g) { return !groupsIDs.has(g.ID); });
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["delay"])(0));
        this.groupsData = this.completerService.local(this.availGroups$, "name", "name");
        this.sortTypesDataSource = this.completerService.local(this.sortTypes, "title", "title");
        this.sortOrdersDataSource = this.completerService.local(this.sortOrders, "title", "title");
    }
    CollectionFormComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.collectionId = Number(this.route.snapshot.paramMap.get("id"));
        console.log("this.collectionId", this.collectionId);
        if (this.collectionId) {
            this.dashboard$.subscribe(function (d) { return console.log("dashboard", d); });
            this.dashboard$
                .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (d) { return d.collections; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (c) { return Object.keys(c).length > 0; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (c) { return Object.values(c).find(function (coll) { return coll.ID === _this.collectionId; }); }))
                .subscribe(function (collection) {
                if (collection) {
                    _this.collectionForm.patchValue({
                        sortType: collection.defaultSortType === "" ? "creationTime" : collection.defaultSortType,
                        sortOrder: collection.defaultSortOrder === 0 ? -1 : collection.defaultSortOrder,
                    });
                }
            });
        }
        switch (this.translate.currentLang) {
            case "en-US":
                this.sortTypesSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Creation time"), originalObject: "creationTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Update time"), originalObject: "updateTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Actor name"), originalObject: "actorName" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Name"), originalObject: "name" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Location"), originalObject: "location" },
                ]);
                this.sortOrdersSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Ascending"), originalObject: 1 },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Descending"), originalObject: -1 },
                ]);
                break;
            case "ru-RU":
                this.sortTypesSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата создания"), originalObject: "creationTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата изменения"), originalObject: "updateTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Производитель"), originalObject: "actorName" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Название"), originalObject: "name" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Страна"), originalObject: "location" },
                ]);
                this.sortOrdersSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По возрастанию"), originalObject: 1 },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По убыванию"), originalObject: -1 },
                ]);
                break;
        }
        this.translate.onLangChange
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (l) { return l.lang; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_16__["untilComponentDestroyed"])(this))
            .subscribe(function (lang) {
            if (lang === "en-US") {
                _this.sortTypesSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Creation time"), originalObject: "creationTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Update time"), originalObject: "updateTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Actor name"), originalObject: "actorName" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Name"), originalObject: "name" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Location"), originalObject: "location" },
                ]);
                _this.sortOrdersSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Ascending"), originalObject: 1 },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Descending"), originalObject: -1 },
                ]);
            }
            else {
                _this.sortTypesSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата создания"), originalObject: "creationTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата изменения"), originalObject: "updateTime" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Производитель"), originalObject: "actorName" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Название"), originalObject: "name" },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Страна"), originalObject: "location" },
                ]);
                _this.sortOrdersSubject.next([
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По возрастанию"), originalObject: 1 },
                    { title: Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По убыванию"), originalObject: -1 },
                ]);
            }
        });
        this.formReady.emit(this.collectionForm);
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_9__["CollectionCleanStateAction"]());
    };
    CollectionFormComponent.prototype.ngAfterViewInit = function () {
        if (this.refreshCompleterOnInit) {
            this.groupsCompleter.close();
        }
    };
    CollectionFormComponent.prototype.ngOnChanges = function (changes) {
        if (changes.patchForm &&
            Object(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"])(changes.patchForm.currentValue) &&
            (!Object(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"])(changes.patchForm.previousValue) ||
                (changes.patchForm.previousValue.ID &&
                    changes.patchForm.previousValue.ID !== changes.patchForm.currentValue.ID))) {
            this.collectionForm.patchValue(Object(ramda__WEBPACK_IMPORTED_MODULE_4__["pick"])(["description", "name", "isAnonymous", "public"], changes.patchForm.currentValue));
            this.collectionForm.setControl("groupsIDs", this.fb.array(changes.patchForm.currentValue.groupsIDs || []));
        }
    };
    CollectionFormComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_9__["CollectionCleanStateAction"]());
    };
    CollectionFormComponent.prototype.deleteSortType = function () {
        console.log("deleteSortType", this.collectionForm.value);
    };
    CollectionFormComponent.prototype.uploadImage = function (event) {
        this.addFile(event.target.files[0]);
    };
    CollectionFormComponent.prototype.filesDropped = function (files) {
        this.addFile(files[0]);
    };
    CollectionFormComponent.prototype.rmImage = function () {
        this.localImage = this.image = null;
    };
    CollectionFormComponent.prototype.getMedias = function () {
        var _this = this;
        if (!this.localImage && !this.image) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["of"])(null);
        }
        this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_11__["UiShowLoaderAction"]());
        return this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getMediaLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (r) { return !r; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function () { return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getCollectionImages"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (images) {
            _this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_11__["UiHideLoaderAction"]());
            if (images && images[images.length - 1] && images[images.length - 1].ID) {
                return images[images.length - 1];
            }
            else if (_this.image && _this.image.photo) {
                return _this.image;
            }
            return null;
        }));
    };
    CollectionFormComponent.prototype.valid = function () {
        return this.collectionForm.valid;
    };
    CollectionFormComponent.prototype.trackByID = function (index, item) {
        return item.ID || index;
    };
    CollectionFormComponent.prototype.addGroup = function (selected) {
        if (!selected) {
            return;
        }
        this.collectionForm.setControl("groupsIDs", this.fb.array(Object(ramda__WEBPACK_IMPORTED_MODULE_4__["uniq"])(__spread(this.collectionForm.value.groupsIDs, [selected.originalObject.ID]))));
        this.collectionForm.markAsDirty();
    };
    CollectionFormComponent.prototype.deleteGroup = function (groupID) {
        this.collectionForm.setControl("groupsIDs", this.fb.array(this.collectionForm.value.groupsIDs.filter(function (t) { return t !== groupID; })));
        this.collectionForm.markAsDirty();
    };
    CollectionFormComponent.prototype.setSortType = function (value) {
        this.collectionForm.setControl("sortType", this.fb.control(value.originalObject.originalObject, [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]));
        this.collectionForm.markAsDirty();
    };
    CollectionFormComponent.prototype.setSortOrder = function (value) {
        this.collectionForm.setControl("sortOrder", this.fb.control(value.originalObject.originalObject, [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]));
        this.collectionForm.markAsDirty();
    };
    CollectionFormComponent.prototype.trackByValue = function (_, item) {
        return item;
    };
    CollectionFormComponent.prototype.addFile = function (file) {
        if (file && file.type && _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_8__["ImageMimeTypes"].has(file.type)) {
            this.localImage = file;
            this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_10__["UploadCollectionImageAction"](file));
        }
    };
    CollectionFormComponent.prototype.translateSortType = function (word) {
        switch (this.translate.currentLang) {
            case "en-US":
                switch (word) {
                    case "creationTime":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Creation time");
                    case "updateTime":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Update time");
                    case "actorName":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Actor name");
                    case "name":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Name");
                    case "location":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Location");
                    default:
                        return word;
                }
            case "ru-RU":
                switch (word) {
                    case "creationTime":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата создания");
                    case "updateTime":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Дата изменения");
                    case "actorName":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Производитель");
                    case "name":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Название");
                    case "location":
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Страна");
                    default:
                        return word;
                }
            default:
                return word;
        }
    };
    CollectionFormComponent.prototype.translateSortOrder = function (order) {
        switch (this.translate.currentLang) {
            case "en-US":
                switch (order) {
                    case 1:
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Ascending");
                    case -1:
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Descending");
                    default:
                        return order;
                }
            case "ru-RU":
                switch (order) {
                    case 1:
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По возрастанию");
                    case -1:
                        return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("По убыванию");
                    default:
                        return order;
                }
            default:
                return order;
        }
    };
    CollectionFormComponent.prototype.checkLock = function () {
        if (!this.patchForm) {
            return;
        }
        if (this.patchForm.isPublicLocked) {
            this.collectionForm.patchValue({
                public: false,
            });
        }
    };
    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("groupsCompleter", { static: true }),
        __metadata("design:type", Object)
    ], CollectionFormComponent.prototype, "groupsCompleter", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("sortTypeCompleter", { static: true }),
        __metadata("design:type", Object)
    ], CollectionFormComponent.prototype, "sortTypeCompleter", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("sortOrderCompleter", { static: true }),
        __metadata("design:type", Object)
    ], CollectionFormComponent.prototype, "sortOrderCompleter", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], CollectionFormComponent.prototype, "refreshCompleterOnInit", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_media__WEBPACK_IMPORTED_MODULE_7__["Media"] !== "undefined" && _api_model_media__WEBPACK_IMPORTED_MODULE_7__["Media"]) === "function" ? _a : Object)
    ], CollectionFormComponent.prototype, "image", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _b : Object)
    ], CollectionFormComponent.prototype, "formReady", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], CollectionFormComponent.prototype, "onDeleteClick", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof _api__WEBPACK_IMPORTED_MODULE_13__["Collection"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_13__["Collection"]) === "function" ? _c : Object)
    ], CollectionFormComponent.prototype, "patchForm", void 0);
    CollectionFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "collection-form-component",
            template: __webpack_require__(/*! ./collection-form.component.html */ "./src/app/workspace/collection/form/collection-form.component.html"),
            styles: [__webpack_require__(/*! ./collection-form.component.css */ "./src/app/workspace/collection/form/collection-form.component.css"), __webpack_require__(/*! ../../../shared/switch.css */ "./src/app/shared/switch.css")],
        }),
        __metadata("design:paramtypes", [typeof (_d = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _d : Object, typeof (_e = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _e : Object, typeof (_f = typeof ng2_completer__WEBPACK_IMPORTED_MODULE_3__["CompleterService"] !== "undefined" && ng2_completer__WEBPACK_IMPORTED_MODULE_3__["CompleterService"]) === "function" ? _f : Object, typeof (_g = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["TranslateService"]) === "function" ? _g : Object, typeof (_h = typeof _angular_router__WEBPACK_IMPORTED_MODULE_17__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_17__["ActivatedRoute"]) === "function" ? _h : Object, typeof (_j = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"]) === "function" ? _j : Object])
    ], CollectionFormComponent);
    return CollectionFormComponent;
}());

module.exports = "<div class=\"create-collection-container workspace-content-container\">\n\n  <div class=\"editor-container workspace-content\">\n    <div class=\"form-header\">\n      <div class=\"form-cross\" (click)=\"onDeleteClick.emit()\"><div></div></div>\n    </div>\n\n    <form class=\"collection-form padded-tb\" [formGroup]=\"collectionForm\">\n      <div class=\"left-upload-file\">\n        <input\n          type=\"file\"\n          id=\"file\"\n          accept=\"image/*\"\n          (change)=\"uploadImage($event)\"\n        />\n\n        <label\n          class=\"left-container\"\n          for=\"file\"\n          *ngIf=\"!localImage && !image\"\n          FileDrop\n          (onFilesDrop)=\"filesDropped($event)\"\n        >\n          <div class=\"icon-upload\"></div>\n          <div class=\"upload-image-label\">\n            <span translate>Upload image</span>\n          </div>\n        </label>\n\n        <div\n          class=\"left-container\"\n          *ngIf=\"!!localImage || image\"\n        >\n          <div\n            class=\"col-thumb\"\n            [style.background-image]=\"(localImage | toBlobBgImage) || ((image | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage)\"\n          >\n            <div class=\"file-overlay\" (click)=\"rmImage()\">\n              <div class=\"file-delete\"></div>\n            </div>\n          </div>\n          <div class=\"mobile-upload-image-label\">\n            <span translate>Tap to clear image</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"right-form-fields\">\n\n        <div class=\"input-group row wide\">\n          <span translate>Title</span>\n          <input\n            formControlName=\"name\"\n            type=\"text\"\n            [placeholder]=\"'Enter the name of the collection' | translate\"\n          />\n        </div>\n\n        <div class=\"input-group row wide\">\n          <span translate>Description</span>\n          <textarea\n            autosize\n            formControlName=\"description\"\n            [placeholder]=\"'Write a few words about the features of the collection' | translate\"\n          ></textarea>\n        </div>\n\n        <div class=\"input-group row no-bottom-margin wide\">\n          <span translate>Groups</span>\n          <ng2-completer #groupsCompleter\n            [clearSelected]=\"true\"\n            [openOnFocus]=\"true\"\n            [datasource]=\"groupsData\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            (selected)=\"addGroup($event);\"\n            [placeholder]=\"'Groups' | translate\">\n          </ng2-completer>\n        </div>\n\n        <div class=\"input-group title-size-padding wide row\">\n          <span></span>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n              *ngFor=\"let groupID of collectionForm?.value?.groupsIDs\"\n            >\n              <span>{{ (dashboard$ | async)?.groups[groupID]?.name }}</span>\n              <div class=\"cross\" (click)=\"deleteGroup(groupID)\"></div>\n            </div>\n          </div>\n        </div>\n\n        <!-- <div style=\"display: flex; justify-content: space-between; align-items: center; gap: 10px\" class=\"input-group row wide\"> -->\n        <div  class=\"input-group row wide\" style=\"margin-bottom: 0px\">\n          <span translate>Default Sorting</span>\n          <ng2-completer\n            #sortTypeCompleter\n            [datasource]=\"sortTypesDataSource\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            [clearSelected]=\"false\"\n            [openOnFocus]=\"true\"\n            (selected)=\"setSortType($event);\"\n            [placeholder]=\"'Sorting Type' | translate\">\n          </ng2-completer>\n\n          <ng2-completer\n            #sortOrderCompleter\n            [datasource]=\"sortOrdersDataSource\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            [clearSelected]=\"false\"\n            [openOnFocus]=\"true\"\n            (selected)=\"setSortOrder($event);\"\n            [placeholder]=\"'Sorting Order' | translate\">\n          </ng2-completer>\n        </div>\n\n        <div class=\"input-group title-size-padding wide row\" >\n          <span></span>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n            >\n              <!-- <span>{{ (dashboard$ | async)?.collections[collectionID]?.defaultSortType }}</span> -->\n              <span>{{ translateSortType(collectionForm?.value?.sortType) }}</span>\n              <!-- <div class=\"cross\" (click)=\"deleteSortType()\"></div> -->\n            </div>\n          </div>\n\n          <span></span>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n            >\n              <!-- <span>{{ (dashboard$ | async)?.collections[collectionID]?.defaultSortOrder }}</span> -->\n              <span>{{ translateSortOrder(collectionForm?.value?.sortOrder) }}</span>\n              <!-- <div class=\"cross\" (click)=\"deleteSortType()\"></div> -->\n            </div>\n          </div>\n        </div>\n        \n\n        <div\n            *ngIf=\"patchForm?.isPublicLocked\"\n            class=\"collection-notification row wide\"\n            translate\n          >\n            You can't make this collection public\n        </div>\n        <div class=\"input-group row wide\">\n          <span\n            [ngClass]=\"{'not-active': patchForm?.isPublicLocked}\" \n            translate>\n            Public collection\n          </span>\n          <label\n            class=\"switch\"\n          >\n            <input\n              type=\"checkbox\"\n              formControlName=\"public\"\n              (change)=\"checkLock()\"\n            />\n            <span class=\"slider\"></span>\n          </label>\n        </div>\n        <div\n          class=\"input-group row wide\"\n          *ngIf=\"collectionForm.value.public === true\"\n        >\n          <span translate>Anonymous collection</span>\n          <label\n            class=\"switch\"\n          >\n            <input\n              type=\"checkbox\"\n              formControlName=\"isAnonymous\"\n            />\n            <span class=\"slider\"></span>\n          </label>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./collection-form.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/collection/form/collection-form.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "input.ng-invalid {\n  border-color: #a94442;\n}\n.form-header {\n  height: 30px;\n}\n.upload-image-label {\n  padding-top: 15px\n}\n.upload-image-label span {\n  display: block;\n  text-align: center;\n}\n.collection-notification {\n  color: #d0021b;\n}\n.switch-container {\n  width: 100%;\n}\n.not-active {\n  color: #ababab;\n}", ""]);

module.exports = "<breadcrumbs-component\n  (onPublish)=\"doSubmit()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n<collection-form-component\n  #collectionFormComponent\n  class=\"nodelete\"\n  (formReady)=\"onFormReady($event)\"\n></collection-form-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditCollectionComponent", function() { return EditCollectionComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _form_collection_form_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../form/collection-form.component */ "./src/app/workspace/collection/form/collection-form.component.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
















var EditCollectionComponent = (function (_super) {
    __extends(EditCollectionComponent, _super);
    function EditCollectionComponent(store, route, router, location, setTitleService) {
        var _this = _super.call(this) || this;
        _this.store = store;
        _this.route = route;
        _this.router = router;
        _this.location = location;
        _this.setTitleService = setTitleService;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        _this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_14__["trackByID"];
        return _this;
    }
    EditCollectionComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.form = this.collectionFormComponent.collectionForm;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_8__["MediaCleanStateAction"]());
        this.collection$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getCollection"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 2), collection = _b[0], about = _b[1];
            return (__assign({}, collection, { rights: collection.rights.filter(function (r) { return r.userID !== about.userID; }) }));
        }));
        this.myRights$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getCollection"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 2), collection = _b[0], about = _b[1];
            return collection.rights.find(function (r) { return r.userID === about.userID; }).level;
        }));
        this.collection$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (collection) {
            _this.setTitleService.setTitle(Object(_utils__WEBPACK_IMPORTED_MODULE_14__["_"])("Edit: {name}"), window.location.pathname, {
                name: collection.collection.name,
            });
        });
        this.route.params
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (params) { return Number(params.id); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (collectionID) {
            _this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_7__["GetCollectionAction"](collectionID));
        });
        this.rootID$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_12__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"]));
        Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.collection$, this.rootID$)
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), c = _b[0], rootID = _b[1];
            if (c.collection.rootID !== rootID) {
                _this.router.navigateByUrl("/workspace/p/collections");
            }
        });
        this.myRights$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (r) {
            if (r !== "admin" && r !== "write") {
                _this.router.navigateByUrl("/workspace/p/collections");
            }
        });
    };
    EditCollectionComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_8__["MediaCleanStateAction"]());
    };
    EditCollectionComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.collectionFormComponent.getMedias(), this.collection$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_14__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()), this.rootID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()))
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 3), image = _b[0], col = _b[1], rootID = _b[2];
            var imagePayload = {};
            if (image && image.ID) {
                imagePayload = {
                    value: image.ID,
                };
            }
            var payload = _this.collectionFormComponent.collectionForm.value;
            console.log("payload", payload);
            payload.defaultSortType = payload.sortType;
            payload.defaultSortOrder = payload.sortOrder;
            delete payload.sortType;
            delete payload.sortOrder;
            _this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_7__["UpdateCollectionAction"]({
                rootID: rootID,
                ID: col.collection.ID,
                payload: __assign({ imageMediaID: imagePayload }, payload),
            }));
            if (typeof _this.OnSubmitDone === "function") {
                window.setTimeout(function () { return _this.OnSubmitDone(); }, 0);
            }
            _this.router.navigateByUrl("/workspace/p/collections/view/" + col.collection.ID);
        });
    };
    EditCollectionComponent.prototype.deleteCollection = function () {
        var _this = this;
        this.collection$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (collection) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_9__["ModalConfirmShowAction"]({
                type: "collection",
                data: collection.collection,
                redirectTo: "/workspace/p/collections",
            }));
        });
    };
    EditCollectionComponent.prototype.onFormReady = function (form) {
        this.formValid$ = form.statusChanges.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["delay"])(0), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (status) { return status === "VALID"; }));
    };
    EditCollectionComponent.prototype.valid = function () {
        return this.collectionFormComponent.valid();
    };
    EditCollectionComponent.prototype.setRight = function (userID, level) {
        var _this = this;
        this.collection$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (collection) {
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_10__["SetRightAction"]({
                userID: userID,
                level: level,
                entityType: "collection",
                entityID: collection.collection.ID,
            }));
        });
    };
    var _a, _b, _c, _d, _e, _f;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])("collectionFormComponent", { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_collection_form_component__WEBPACK_IMPORTED_MODULE_15__["CollectionFormComponent"] !== "undefined" && _form_collection_form_component__WEBPACK_IMPORTED_MODULE_15__["CollectionFormComponent"]) === "function" ? _a : Object)
    ], EditCollectionComponent.prototype, "collectionFormComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])("collectionId"),
        __metadata("design:type", Object)
    ], EditCollectionComponent.prototype, "collectionId", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])("OnSubmitDone"),
        __metadata("design:type", Object)
    ], EditCollectionComponent.prototype, "OnSubmitDone", void 0);
    EditCollectionComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: "edit-collection-component",
            template: __webpack_require__(/*! ./edit-collection.component.html */ "./src/app/workspace/collection/edit/edit-collection.component.html"),
            styles: [__webpack_require__(/*! ./edit-collection.component.css */ "./src/app/workspace/collection/edit/edit-collection.component.css"), __webpack_require__(/*! ../../../shared/pills.css */ "./src/app/shared/pills.css")],
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object, typeof (_e = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _e : Object, typeof (_f = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_11__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_11__["SetTitleService"]) === "function" ? _f : Object])
    ], EditCollectionComponent);
    return EditCollectionComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_13__["FormCanDeactivate"]));

module.exports = "<breadcrumbs-component\n  (onSave)=\"doSubmit()\"\n  [valid]=\"formValid$ | async\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n<collection-form-component\n  #collectionFormComponent\n  [patchForm]=\"(collection$ | async)?.collection\"\n  [image]=\"(collection$ | async)?.medias[(collection$ | async)?.collection?.imageMediaID]\"\n  (formReady)=\"onFormReady($event)\"\n  (onDeleteClick)=\"deleteCollection()\"\n></collection-form-component>\n<div\n  class=\"workspace-content-container\"\n  *ngIf=\"(myRights$ | async) === 'admin'\"\n>\n  <div\n    *ngFor=\"let right of (collection$ | async)?.rights; trackBy: trackByID\"\n    class=\"user\"\n  >\n    <div class=\"thumb\">\n      <div\n        class=\"user-thumb\"\n        [style.background-image]=\"((collection$ | async)?.medias[(collection$ | async)?.users[right.userID]?.avatarMediaID] | preferPhotoMediaTypes: ['avatar', 'small'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n      ></div>\n      <div class=\"right\">\n        <div class=\"user-name\">{{ (collection$ | async)?.users | getUsernameByID: right.userID }}</div>\n      </div>\n    </div>\n\n    <div class=\"rights-buttons\">\n      <span\n        role=\"button\"\n        class=\"pill\"\n        [ngClass]=\"{\n          'grey-pill': right?.level !== 'read'\n        }\"\n        (click)=\"setRight(right.userID, 'read')\"\n        translate\n      >read</span>\n      <span\n        role=\"button\"\n        class=\"pill\"\n        [ngClass]=\"{\n          'grey-pill': right?.level !== 'write'\n        }\"\n        (click)=\"setRight(right.userID, 'write')\"\n        translate\n      >write</span>\n      <span\n        role=\"button\"\n        class=\"pill\"\n        [ngClass]=\"{\n          'grey-pill': right?.level !== 'admin'\n        }\"\n        (click)=\"setRight(right.userID, 'admin')\"\n        translate\n      >admin</span>\n      <span\n        role=\"button\"\n        class=\"pill\"\n        [ngClass]=\"{\n          'red-pill': right?.level === 'none',\n          'grey-pill': right?.level !== 'none'\n        }\"\n        (click)=\"setRight(right.userID, 'none')\"\n        translate\n      >no access</span>\n    </div>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./edit-collection.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/collection/edit/edit-collection.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".thumb {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex\n}\n.thumb .user-thumb {\n  width: 70px;\n  height: 70px;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 70px;\n          flex: 0 0 70px;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  border: solid 2px #c2c9d0;\n}\n.thumb .right {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-left: .5em;\n}\n.user {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin-top: 1em;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.rights-buttons {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-right: 3em;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap\n}\n.rights-buttons span {\n  margin: .3em;\n}\n@media (max-width: 420px) {\n  .rights-buttons {\n    margin: 0;\n  }\n\n  .rights-buttons,\n  .thumb {\n    width: 50%;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateObjectComponent", function() { return CreateObjectComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _actions_history__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./../../../actions/history */ "./src/app/actions/history.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};












var CreateObjectComponent = (function () {
    function CreateObjectComponent(store, location, route, router) {
        this.store = store;
        this.location = location;
        this.route = route;
        this.router = router;
        this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
    }
    CreateObjectComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (d) { return !Object(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"])(d.collections); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.noCollectionsModal.open();
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getCreatedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (obj) {
            localStorage.removeItem('newObject');
            var url = "/workspace/p/objects/view/" + obj.ID;
            _this.router.navigateByUrl(url);
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["skip"])(1), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.objectFormComponent.cleanAdditionalFields();
        });
        try {
            var lStorage = localStorage.getItem('newObject');
            if (!lStorage) {
                return;
            }
            var data_1 = JSON.parse(lStorage);
            this.objectFormComponent.restoreForm(data_1);
            this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                .subscribe(function (rootID) {
                if (data_1.rootID !== rootID) {
                    _this.objectFormComponent.cleanAdditionalFields();
                }
            });
        }
        catch (e) { }
    };
    CreateObjectComponent.prototype.formUpdated = function (event) {
    };
    CreateObjectComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
    };
    CreateObjectComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        var payload = this.objectFormComponent.getObjectRepr();
        this.objectFormComponent.getMedias().pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (mediasIDs) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_8__["CreateObjectAction"](__assign({}, payload, { mediasIDs: mediasIDs })));
        });
    };
    CreateObjectComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    CreateObjectComponent.prototype.valid = function () {
        return this.objectFormComponent.isFormValid();
    };
    CreateObjectComponent.prototype.goBack = function () {
        var _this = this;
        this.noCollectionsModal.close();
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLatestHistoryItem"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (item) {
            _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_10__["HistoryDropLastAction"]());
            if (!item) {
                _this.router.navigateByUrl('/workspace', {
                    replaceUrl: true
                });
                return;
            }
            _this.router.navigateByUrl(item.url, {
                replaceUrl: true
            });
        });
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('objectFormComponent', { static: true }),
        __metadata("design:type", Object)
    ], CreateObjectComponent.prototype, "objectFormComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('noCollectionsModal', { static: true }),
        __metadata("design:type", Object)
    ], CreateObjectComponent.prototype, "noCollectionsModal", void 0);
    CreateObjectComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: 'create-object-component',
            template: __webpack_require__(/*! ./create-object.component.html */ "./src/app/workspace/object/create/create-object.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object])
    ], CreateObjectComponent);
    return CreateObjectComponent;
}());

module.exports = "<breadcrumbs-component\n  (onPublish)=\"doSubmit()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n\n<object-form-component\n  #objectFormComponent\n  class=\"nodelete\"\n  (formReady)=\"onFormReady($event)\"\n></object-form-component>\n\n<ngx-smart-modal\n  #noCollectionsModal\n  [closable]=\"false\"\n  [escapable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"noCollectionsModal\"\n>\n  <div class=\"modal\">\n    <div\n      class=\"modal-textbox\"\n      translate\n    >\n      You don't have any collections. Create collection first.\n    </div>\n    <div class=\"modal-buttons\">\n      <button\n        class=\"modal-button-right\"\n        (click)=\"goBack()\"\n        role=\"button\"\n      ><span translate>Go back</span></button>\n      <button\n        class=\"modal-button-right\"\n        [routerLink]=\"['/workspace/p/collections/create']\"\n        role=\"button\"\n      ><span translate>Create</span></button>\n    </div>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditObjectComponent", function() { return EditObjectComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var deep_extend__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! deep-extend */ "./node_modules/deep-extend/lib/deep-extend.js");
/* harmony import */ var deep_extend__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(deep_extend__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
















var emptyObject = {
    object: {
        currentStatus: {},
        productionDate: {}
    }
};
var EditObjectComponent = (function (_super) {
    __extends(EditObjectComponent, _super);
    function EditObjectComponent(store, location, route, router, setTitleService) {
        var _this = _super.call(this) || this;
        _this.store = store;
        _this.location = location;
        _this.route = route;
        _this.router = router;
        _this.setTitleService = setTitleService;
        _this.formSubmitted = false;
        _this.additionalFields = {
            actors: [],
            originLocations: [],
            badges: [],
            materials: []
        };
        _this.startStatusFormValue = { statusID: false, description: '' };
        _this.photosList = [];
        _this.docsList = [];
        _this.intervalsActiveTab = 'named';
        _this.fakeID = 0;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_6__["AsyncSubject"]();
        _this.object$ = _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getNormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]));
        _this.objectOrig$ = _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]));
        return _this;
    }
    EditObjectComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.form = this.objectFormComponent.objectForm;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_9__["MediaCleanStateAction"]());
        this.route.params.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["GetObjectAction"](params.id));
        });
        var mediaUpdateDone = false;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getObject"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getNormalizedObject"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getNamedDateIntervals"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getNamedDateIntervalsLoading"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (r) { return Object(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"])(r) && Object(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"])(r[0]) && Object(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"])(r[1]) && !r[3]; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (_a) {
            var _b = __read(_a, 3), _object = _b[0], normObject = _b[1], intervals = _b[2];
            if (!_object) {
                return;
            }
            _this.setTitleService.setTitle(Object(_utils__WEBPACK_IMPORTED_MODULE_15__["_"])('Edit: {name}'), window.location.pathname, {
                name: _object.object.name
            });
            var object = deep_extend__WEBPACK_IMPORTED_MODULE_4___default()({}, emptyObject, _object);
            var productionDate = {
                dateIntervalID: object.object.productionDate.dateIntervalID,
                from: object.object.productionDate.from,
                to: object.object.productionDate.to
            };
            if (productionDate.dateIntervalID) {
                _this.intervalsActiveTab = 'named';
            }
            else if (productionDate.from && productionDate.to &&
                productionDate.from !== productionDate.to) {
                _this.intervalsActiveTab = 'interval';
            }
            else if (productionDate.from && productionDate.to &&
                productionDate.from === productionDate.to) {
                _this.intervalsActiveTab = 'date';
            }
            var status = {
                statusID: object.object.currentStatus.objectStatusID,
                description: object.object.currentStatus.description
            };
            _this.startStatusFormValue = status;
            if (!mediaUpdateDone) {
                mediaUpdateDone = true;
                _this.photosList = normObject.media.photos().map(function (media) {
                    _this.fakeID = _this.fakeID + 1;
                    return {
                        media: media.media,
                        fakeID: _this.fakeID
                    };
                });
                _this.docsList = normObject.media.documents().map(function (media) {
                    _this.fakeID = _this.fakeID + 1;
                    return {
                        media: media.media,
                        fakeID: _this.fakeID
                    };
                });
            }
            _this.patchForm = __assign({ objectStatus: status, purchaseDate: {
                    date: object.object.purchaseDate
                }, valuations: _this.loadValuations(object.object.valuations), productionDate: productionDate }, Object(ramda__WEBPACK_IMPORTED_MODULE_5__["pick"])(['name', 'description', 'provenance',
                'rootIDNumber', 'collectionID', 'purchasePrice', 'isContainsRestrictedContent'], object.object));
            _this.additionalFields = __assign({}, _this.additionalFields, Object(ramda__WEBPACK_IMPORTED_MODULE_5__["mapObjIndexed"])(function (val, key) {
                return object[key].list || [];
            }, Object(ramda__WEBPACK_IMPORTED_MODULE_5__["pick"])([
                'actors',
                'originLocations',
                'badges',
                'materials'
            ], object)));
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (obj) {
            if (obj.object.accessLevel !== 'admin' &&
                obj.object.accessLevel !== 'write') {
                _this.router.navigateByUrl("/workspace/p/objects/view/" + obj.object.ID);
            }
        });
    };
    EditObjectComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_9__["MediaCleanStateAction"]());
    };
    EditObjectComponent.prototype.doSubmit = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        var payload = this.objectFormComponent.getObjectRepr();
        Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["combineLatest"])(this.objectFormComponent.getMedias(), this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), mediasIDs = _b[0], params = _b[1];
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["UpdateObjectAction"]({
                ID: Number(params.id),
                payload: __assign({}, payload, { mediasIDs: mediasIDs }),
                oldCollectionID: _this.patchForm.collectionID
            }));
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getUpdatedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["skipWhile"])(function (o) { return !o || !o.ID; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (obj) {
            var url = "/workspace/p/objects/view/" + obj.ID;
            _this.router.navigateByUrl(url);
        });
    };
    EditObjectComponent.prototype.deleteObject = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["combineLatest"])(this.objectOrig$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["first"])()), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_13__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (_a) {
            var _b = __read(_a, 2), obj = _b[0], rootID = _b[1];
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_10__["ModalConfirmShowAction"]({
                type: 'object',
                data: __assign({}, obj.object, { rootIDNumber: rootID }),
                redirectTo: '/workspace/p/collections'
            }));
        });
    };
    EditObjectComponent.prototype.valid = function () {
        return this.objectFormComponent.isFormValid();
    };
    EditObjectComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    EditObjectComponent.prototype.loadValuations = function (valuations) {
        return valuations.list.map(function (v) {
            return (__assign({}, v, { date: v.date, priceMin: v.price[0] / 100, priceMax: v.price[1] / 100 }));
        });
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('objectFormComponent', { static: true }),
        __metadata("design:type", Object)
    ], EditObjectComponent.prototype, "objectFormComponent", void 0);
    EditObjectComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
            selector: 'edit-object-component',
            template: __webpack_require__(/*! ./edit-object.component.html */ "./src/app/workspace/object/edit/edit-object.component.html"),
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_0__["Location"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object, typeof (_e = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"]) === "function" ? _e : Object])
    ], EditObjectComponent);
    return EditObjectComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_14__["FormCanDeactivate"]));

/* WEBPACK VAR INJECTION */(function(Buffer) {/*!
 * @description Recursive object extending
 * @author Viacheslav Lotsmanov <lotsmanov89@gmail.com>
 * @license MIT
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2013-2018 Viacheslav Lotsmanov
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */



function isSpecificValue(val) {
	return (
		val instanceof Buffer
		|| val instanceof Date
		|| val instanceof RegExp
	) ? true : false;
}

function cloneSpecificValue(val) {
	if (val instanceof Buffer) {
		var x = Buffer.alloc
			? Buffer.alloc(val.length)
			: new Buffer(val.length);
		val.copy(x);
		return x;
	} else if (val instanceof Date) {
		return new Date(val.getTime());
	} else if (val instanceof RegExp) {
		return new RegExp(val);
	} else {
		throw new Error('Unexpected situation');
	}
}

/**
 * Recursive cloning array.
 */
function deepCloneArray(arr) {
	var clone = [];
	arr.forEach(function (item, index) {
		if (typeof item === 'object' && item !== null) {
			if (Array.isArray(item)) {
				clone[index] = deepCloneArray(item);
			} else if (isSpecificValue(item)) {
				clone[index] = cloneSpecificValue(item);
			} else {
				clone[index] = deepExtend({}, item);
			}
		} else {
			clone[index] = item;
		}
	});
	return clone;
}

function safeGetProperty(object, property) {
	return property === '__proto__' ? undefined : object[property];
}

/**
 * Extening object that entered in first argument.
 *
 * Returns extended object or false if have no target object or incorrect type.
 *
 * If you wish to clone source object (without modify it), just use empty new
 * object as first argument, like this:
 *   deepExtend({}, yourObj_1, [yourObj_N]);
 */
var deepExtend = module.exports = function (/*obj_1, [obj_2], [obj_N]*/) {
	if (arguments.length < 1 || typeof arguments[0] !== 'object') {
		return false;
	}

	if (arguments.length < 2) {
		return arguments[0];
	}

	var target = arguments[0];

	// convert arguments to array and cut off target object
	var args = Array.prototype.slice.call(arguments, 1);

	var val, src, clone;

	args.forEach(function (obj) {
		// skip argument if isn't an object, is null, or is an array
		if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
			return;
		}

		Object.keys(obj).forEach(function (key) {
			src = safeGetProperty(target, key); // source value
			val = safeGetProperty(obj, key); // new value

			// recursion prevention
			if (val === target) {
				return;

			/**
			 * if new value isn't object then just overwrite by new value
			 * instead of extending.
			 */
			} else if (typeof val !== 'object' || val === null) {
				target[key] = val;
				return;

			// just clone arrays (and recursive clone objects inside)
			} else if (Array.isArray(val)) {
				target[key] = deepCloneArray(val);
				return;

			// custom cloning and overwrite for specific objects
			} else if (isSpecificValue(val)) {
				target[key] = cloneSpecificValue(val);
				return;

			// overwrite by new value if source isn't object or array
			} else if (typeof src !== 'object' || src === null || Array.isArray(src)) {
				target[key] = deepExtend({}, val);
				return;

			// source value and new value is objects both, extending...
			} else {
				target[key] = deepExtend(src, val);
				return;
			}
		});
	});

	return target;
};

/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node-libs-browser/node_modules/buffer/index.js */ "./node_modules/node-libs-browser/node_modules/buffer/index.js").Buffer))module.exports = "<breadcrumbs-component\n  (onPublish)=\"doSubmit()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n\n<object-form-component\n  #objectFormComponent\n  (onDelete)=\"deleteObject()\"\n  [additionalFields]=\"additionalFields\"\n  [startStatusFormValue]=\"startStatusFormValue\"\n  [photosList]=\"photosList\"\n  [docsList]=\"docsList\"\n  [intervalsActiveTab]=\"intervalsActiveTab\"\n  [patchForm]=\"patchForm\"\n  [fakeID]=\"fakeID\"\n  (formReady)=\"onFormReady($event)\"\n></object-form-component>\n\n<change-workspace-component\n  [iRootID]=\"(object$ | async)?.collection?.rootID\"\n  name=\"object\"\n></change-workspace-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ObjectViewComponent", function() { return ObjectViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_history__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/history */ "./src/app/actions/history.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};












var ObjectViewComponent = (function () {
    function ObjectViewComponent(store, route, router, location, setTitleService) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.location = location;
        this.setTitleService = setTitleService;
    }
    ObjectViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_7__["GetReferencesAction"]());
        this.route.params.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_6__["GetObjectAction"](params.id));
        });
        this.denormalizedObject$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.denormalizedReferences$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getDenormalizedReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getObjectError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (e) { return e.type === 'getObject'; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (e) {
            _this.noAccessToObjectModal.open();
        });
        this.denormalizedObject$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (o) {
            _this.setTitleService.setTitle(o.object.name, window.location.pathname, {}, false);
        });
    };
    ObjectViewComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_6__["ObjectCleanStateAction"]());
    };
    ObjectViewComponent.prototype.goBack = function () {
        var _this = this;
        this.noAccessToObjectModal.close();
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getLatestHistoryItem"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (item) {
            _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_5__["HistoryDropLastAction"]());
            if (!item) {
                _this.router.navigateByUrl('/workspace', {
                    replaceUrl: true
                });
                return;
            }
            _this.router.navigateByUrl(item.url, {
                replaceUrl: true
            });
        });
    };
    ObjectViewComponent.prototype.trackByID = function (index, item) {
        return (item.media && item.media.ID) || item.ID || index;
    };
    ObjectViewComponent.prototype.onBack = function () {
        this.location.back();
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('noAccessToObjectModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectViewComponent.prototype, "noAccessToObjectModal", void 0);
    ObjectViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'object-view-component',
            template: __webpack_require__(/*! ./object-view.component.html */ "./src/app/workspace/object/view/object-view.component.html"),
            styles: [__webpack_require__(/*! ./object-view.component.css */ "./src/app/workspace/object/view/object-view.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _angular_common__WEBPACK_IMPORTED_MODULE_11__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_11__["Location"]) === "function" ? _d : Object, typeof (_e = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_8__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_8__["SetTitleService"]) === "function" ? _e : Object])
    ], ObjectViewComponent);
    return ObjectViewComponent;
}());

module.exports = "<breadcrumbs-component (onBack)=\"onBack()\"></breadcrumbs-component>\n\n<object-details-component [editable]=\"true\" [denormalizedObject$]=\"denormalizedObject$\"\n  [denormalizedReferences$]=\"denormalizedReferences$\"></object-details-component>\n\n<change-workspace-component [iRootID]=\"(denormalizedObject$ | async)?.collection?.rootID\"\n  name=\"object\"></change-workspace-component>\n\n<ngx-smart-modal #noAccessToObjectModal [closable]=\"false\" [customClass]=\"'modal-container'\" [escapable]=\"false\"\n  identifier=\"noAccessToObjectModal\">\n  <div class=\"modal\">\n    <div class=\"modal-textbox\" translate>\n      You don't have access to this object.\n    </div>\n    <div class=\"modal-buttons\">\n      <button class=\"modal-button-large\" (click)=\"goBack()\" role=\"button\"><span translate>Go back</span></button>\n    </div>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ObjectFormComponent", function() { return ObjectFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var ng2_completer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ng2-completer */ "./node_modules/ng2-completer/esm5/ng2-completer.js");
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ng2-dragula */ "./node_modules/ng2-dragula/dist/fesm5/ng2-dragula.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var _actions_actors__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../actions/actors */ "./src/app/actions/actors.ts");
/* harmony import */ var _actions_badges__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../actions/badges */ "./src/app/actions/badges.ts");
/* harmony import */ var _actions_dashboard__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../actions/dashboard */ "./src/app/actions/dashboard.ts");
/* harmony import */ var _actions_materials__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../actions/materials */ "./src/app/actions/materials.ts");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../actions/nameddateintervals */ "./src/app/actions/nameddateintervals.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_originlocations__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../actions/originlocations */ "./src/app/actions/originlocations.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _actions_ui__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../actions/ui */ "./src/app/actions/ui.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../../model/ImageMimeTypes */ "./src/app/model/ImageMimeTypes.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _shared_colors__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../shared/colors */ "./src/app/shared/colors.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};
var __values = (undefined && undefined.__values) || function (o) {
    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
    if (m) return m.call(o);
    return {
        next: function () {
            if (o && i >= o.length) o = void 0;
            return { value: o && o[i++], done: !o };
        }
    };
};




























function entries(obj) {
    return Object.keys(obj).map(function (k) { return [k, obj[k]]; });
}
function computeAvailColors(list) {
    var ret = [];
    var usedColors = new Set(list
        .filter(function (b) { return b.color; })
        .map(function (b) { return b.color.toLowerCase(); }));
    _shared_colors__WEBPACK_IMPORTED_MODULE_27__["badgeColors"].forEach(function (col) {
        if (!usedColors.has(col)) {
            ret.push(col);
        }
    });
    return ret;
}
var ObjectFormComponent = (function () {
    function ObjectFormComponent(fb, store, completerService, route, sanitizer, dragulaService, translate) {
        this.fb = fb;
        this.store = store;
        this.completerService = completerService;
        this.route = route;
        this.sanitizer = sanitizer;
        this.dragulaService = dragulaService;
        this.translate = translate;
        this.openedStatus = false;
        this.showStatusRemove = false;
        this.header = 'New object';
        this.additionalFields = {
            actors: [],
            originLocations: [],
            badges: [],
            materials: []
        };
        this.startStatusFormValue = { statusID: null, description: '' };
        this.photosList = [];
        this.docsList = [];
        this.intervalsActiveTab = 'named';
        this.onFormDataUpdate = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.formReady = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.momentToday = moment__WEBPACK_IMPORTED_MODULE_9___default()().startOf('day');
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_26__["trackByID"];
        this.showProductionIntervalPopup = false;
        this.fakeID = 0;
        this.statusesList = [
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Deposited'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Evaluation'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Exhibition'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Expert opinion'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Gifted'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Insurance'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Leasing'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Photographing'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Pledged'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Restoration'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Selling'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Sold'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Storage'),
            Object(_utils__WEBPACK_IMPORTED_MODULE_26__["_"])('Transportation'),
        ];
        this.observableItemProxies = {};
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
        this.objectForm = fb.group({
            name: [null, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            collectionID: [null, [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]],
            objectStatus: fb.group({
                description: [''],
                statusID: [null]
            }, {
                validator: this.checkStatus
            }),
            productionDate: fb.group({
                dateIntervalID: [null],
                from: [''],
                to: ['']
            }),
            purchaseDate: fb.group({
                date: []
            }),
            purchasePrice: fb.group({
                value: [null],
                currencyID: [null]
            }, {
                validator: this.checkPurchasePrice.bind(this)
            }),
            valuations: this.fb.array([this.createValuationSubform()]),
            description: [''],
            provenance: [''],
            rootIDNumber: [null],
            isContainsRestrictedContent: [false]
        });
        this.badges$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getBadges"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.actors$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getActors"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.materials$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getMaterials"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.dashboard$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.nameddateintervals$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getNamedDateIntervals"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(Object(ramda__WEBPACK_IMPORTED_MODULE_12__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_12__["prop"])('ID'))));
        this.originlocations$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getOriginLocations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.references$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.actorsData = completerService.local(this.makeItemFilter(this.actors$, 'actors'), 'name', 'name');
        this.badgesData = completerService.local(this.makeItemFilter(this.badges$, 'badges'), 'name', 'name');
        this.materialsData = completerService.local(this.makeItemFilter(this.materials$, 'materials'), 'name', 'name');
        this.originLocationsData = completerService.local(this.makeItemFilter(this.originlocations$, 'originLocations'), 'name', 'name');
        var dragulaInstanceImgs = this.dragulaService.find('image-dnd');
        if (dragulaInstanceImgs !== undefined) {
            this.dragulaService.destroy('image-dnd');
        }
        function recursiveDOMsearch(root, fn) {
            if (root && fn(root)) {
                return root;
            }
            if (root && root.children) {
                for (var i = 0; i < root.children.length; i++) {
                    if (recursiveDOMsearch(root.children[i], fn)) {
                        return root;
                    }
                }
            }
            return null;
        }
        dragulaService.createGroup('image-dnd', {
            moves: function (el, container, handle) {
                return Array.from(handle.classList).findIndex(function (c) { return c === 'draggable'; }) !== -1;
            },
            accepts: function (el, target, source, sibling) {
                if (!sibling) {
                    return true;
                }
                var ret = recursiveDOMsearch(sibling, function (elem) { return Array.from(elem.classList).findIndex(function (c) { return c === 'draggable'; }) !== -1; });
                return ret;
            },
            direction: 'horizontal'
        });
        var dragulaInstanceDocs = this.dragulaService.find('doc-dnd');
        if (dragulaInstanceDocs !== undefined) {
            this.dragulaService.destroy('doc-dnd');
        }
        dragulaService.createGroup('doc-dnd', {
            moves: function (el, container, handle) {
                return true;
            },
            accepts: function (el, target, source, sibling) {
                return true;
            },
            direction: 'horizontal'
        });
    }
    ObjectFormComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.formReady.emit(this.objectForm);
        this.objectForm
            .get('purchaseDate')
            .get('date')
            .valueChanges
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (date) { return (date &&
            date._isAMomentObject); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (purchaseDate) {
            _this.objectForm.controls.purchaseDate.setValue({
                date: purchaseDate.format('Y-MM-DD')
            });
        });
        this.objectForm
            .get('valuations')
            .valueChanges
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (valuations) {
            var valuationsFormArray = _this.objectForm
                .get('valuations');
            valuations.forEach(function (v, i) {
                if (v.date && v.date._isAMomentObject) {
                    valuationsFormArray.controls[i].setValue(__assign({}, v, { date: v.date.format('Y-MM-DD') }));
                }
            });
        });
        this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_19__["ObjectCleanStateAction"]());
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_21__["GetReferencesAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.getInfo(rootID);
        });
        this.route.queryParams.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (params) {
            if (params && params.init) {
                var formInitObj = false;
                try {
                    formInitObj = JSON.parse(decodeURIComponent(params.init));
                }
                catch (e) {
                    console.log('Couldn\'t init object creation form from', params.init);
                }
                if (typeof formInitObj === 'object') {
                    _this.patchObjectForm(formInitObj);
                }
            }
        });
        this.collections$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.dashboard$, this.route.queryParams).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (_a) {
            var _c = __read(_a, 1), dshb = _c[0];
            return Object(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"])(dshb);
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _c = __read(_a, 2), dshb = _c[0], params = _c[1];
            if (params && params.groupID) {
                return entries(dshb.collections)
                    .map(function (e) { return e[1]; })
                    .filter(function (c) {
                    return (c.groupsIDs || [])
                        .includes(Number(params.groupID)) &&
                        c.typo !== 20;
                });
            }
            return entries(dshb.collections)
                .map(function (e) { return e[1]; })
                .filter(function (c) { return (c.typo !== 20 &&
                (c.accessLevel === 'write' || c.accessLevel === 'admin')); });
        }));
        this.denormalizedReferences$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getDenormalizedReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getCreatedBadge"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (r) {
            _this.additionalFields.badges.push(r);
            _this.onUpdateAdditionalField('badges');
            _this.createBadgeModal.close();
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getCreatedActor"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (r) {
            _this.additionalFields.actors.push(r);
            _this.onUpdateAdditionalField('actors');
            _this.createActorModal.close();
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getCreatedMaterial"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (r) {
            _this.additionalFields.materials.push(r);
            _this.onUpdateAdditionalField('materials');
            _this.createMaterialModal.close();
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getCreatedOriginLocation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (r) {
            _this.additionalFields.originLocations.push(r);
            _this.onUpdateAdditionalField('originLocations');
            _this.createOriginLocationModal.close();
        });
        this.objectForm.controls.objectStatus.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this))
            .subscribe(function (change) {
            _this.showStatusRemove = !Object(ramda__WEBPACK_IMPORTED_MODULE_12__["equals"])(_this.startStatusFormValue)(change);
        });
        this.objectForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (change) {
            _this.emitFormUpdate();
        });
        this.canCreateNewBadge$ = this.badges$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (b) {
            if (b) {
                var colors = computeAvailColors(b);
                return colors.length !== 0;
            }
            return true;
        }));
    };
    ObjectFormComponent.prototype.ngOnChanges = function (changes) {
        var _this = this;
        if (changes.patchForm && Object(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"])(changes.patchForm.currentValue)) {
            setTimeout(function () {
                _this.patchObjectForm(changes.patchForm.currentValue);
            }, 0);
        }
        if (changes.additionalFields) {
            ['actors', 'originLocations', 'badges', 'materials'].forEach(function (field) {
                _this.onUpdateAdditionalField(field);
            });
        }
    };
    ObjectFormComponent.prototype.ngOnDestroy = function () {
        this.dragulaService.destroy('image-dnd');
        this.dragulaService.destroy('doc-dnd');
        this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_19__["ObjectCleanStateAction"]());
    };
    ObjectFormComponent.prototype.changeCollectionSelect = function () {
        this.objectForm.controls.collection.setValue(this.objectForm.controls.collection.value);
    };
    ObjectFormComponent.prototype.onUpdateAdditionalField = function (field) {
        var _this = this;
        setTimeout(function () {
            _this.observableItemProxies[field] && _this.observableItemProxies[field].next(_this.additionalFields[field]);
            _this.emitFormUpdate();
        });
    };
    ObjectFormComponent.prototype.selectItem = function (field, selected) {
        if (!selected || !field) {
            return;
        }
        this.additionalFields[field] = Object(ramda__WEBPACK_IMPORTED_MODULE_12__["union"])(this.additionalFields[field], [selected.originalObject]);
        this.onUpdateAdditionalField(field);
    };
    ObjectFormComponent.prototype.deleteItem = function (field, ID) {
        this.additionalFields[field] = this.additionalFields[field].filter(function (i) {
            return i.ID !== ID;
        });
        this.onUpdateAdditionalField(field);
    };
    ObjectFormComponent.prototype.changeIntervalsActiveTab = function (activeTab) {
        this.intervalsActiveTab = activeTab;
    };
    ObjectFormComponent.prototype.photoSelected = function (event) {
        this.addFiles(event.target.files);
        this.photoInput.nativeElement.value = '';
    };
    ObjectFormComponent.prototype.onPhotosDrop = function (files) {
        this.addFiles(files);
    };
    ObjectFormComponent.prototype.onDocsDrop = function (files) {
        this.addFiles(files);
    };
    ObjectFormComponent.prototype.photoDeleted = function (fakeID) {
        this.photosList = this.photosList
            .filter(function (photo) { return photo.fakeID !== fakeID; });
    };
    ObjectFormComponent.prototype.docDeleted = function (fakeID) {
        this.docsList = this.docsList
            .filter(function (doc) { return doc.fakeID !== fakeID; });
    };
    ObjectFormComponent.prototype.getObjectRepr = function () {
        var _this = this;
        var form = this.objectForm.value;
        var payload = __assign({}, form, { objectStatus: ((!Object(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"])(form.objectStatus.statusID) && !Object(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"])(form.objectStatus.description))) ? null : form.objectStatus, purchasePrice: __assign({}, form.purchasePrice, { value: (form.purchasePrice.value === null) ? null : Math.round(form.purchasePrice.value * 100) }), valuations: this.saveValuations(), actorsIDs: this.additionalFields.actors.map(function (r) { return r.ID; }), materialsIDs: this.additionalFields.materials.map(function (r) { return r.ID; }), originLocationsIDs: this.additionalFields.originLocations.map(function (r) { return r.ID; }), badgesIDs: this.additionalFields.badges.map(function (r) { return r.ID; }) }, Object(ramda__WEBPACK_IMPORTED_MODULE_12__["mapObjIndexed"])(function (val, key) {
            if (key === 'badges') {
                return _this.additionalFields[key].map(function (r) { return ({ name: r.name, color: r.color }); });
            }
            else {
                return _this.additionalFields[key].map(function (r) { return r.name; });
            }
        }, this.additionalFields));
        return payload;
    };
    ObjectFormComponent.prototype.checkLock = function () {
        if (!this.objectForm) {
            return;
        }
        if (this.objectForm.isContainsRestrictedContent) {
            this.objectForm.patchValue({
                isContainsRestrictedContent: false,
            });
        }
    };
    ObjectFormComponent.prototype.getMedias = function () {
        var _this = this;
        this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_22__["UiShowLoaderAction"]());
        var medias = __spread(this.photosList, this.docsList);
        var fakeIDs = medias.map(function (m) { return m.fakeID; });
        var toUploadFakeIDs = medias.filter(function (m) { return !m.media; }).map(function (m) { return m.fakeID; });
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getObjectPhotos"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getDocuments"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (_a) {
            var _c = __read(_a, 2), objectPhotos = _c[0], documents = _c[1];
            var uploadedFakeIDs = __spread(objectPhotos, documents).map(function (m) { return m.fakeID; });
            return toUploadFakeIDs.every(function (fid) { return uploadedFakeIDs.includes(fid); });
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function (_a) {
            var _c = __read(_a, 2), objectPhotos = _c[0], documents = _c[1];
            var fakeIDtoMedia = __spread(objectPhotos, documents, medias).filter(function (media) { return fakeIDs.includes(media.fakeID); })
                .filter(function (media) { return !!media.media; })
                .reduce(function (hash, media) {
                var value = media.media;
                var typo = media.media.ID;
                hash[media.fakeID] = value.ID;
                return hash;
            }, {});
            var mediasIDs = fakeIDs
                .map(function (fakeID) { return fakeIDtoMedia[fakeID]; })
                .filter(function (mediaID) { return !!mediaID; });
            _this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_22__["UiHideLoaderAction"]());
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["of"])(mediasIDs);
        }));
    };
    ObjectFormComponent.prototype.remove = function () {
        this.onDelete.emit();
    };
    ObjectFormComponent.prototype.removePurchaseDate = function () {
        this.objectForm.controls.purchaseDate.reset();
    };
    ObjectFormComponent.prototype.removeStatus = function () {
        this.objectForm.controls.objectStatus
            .patchValue({
            statusID: null,
            description: ''
        });
    };
    ObjectFormComponent.prototype.removeProductionDate = function () {
        this.changeIntervalsActiveTab('named');
        this.objectForm.controls.productionDate.reset();
    };
    ObjectFormComponent.prototype.selectStatus = function (statusID) {
        var _this = this;
        this.objectForm.patchValue({
            objectStatus: {
                statusID: Number(statusID) || null
            }
        });
        this.openedStatus = false;
        if (!statusID) {
            return;
        }
        this.denormalizedReferences$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["switchMap"])(function (refs) { return Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["forkJoin"])(Object.values(refs['objectStatuses']).reduce(function (acc, val) {
            acc[val.name] = _this.translate.get(val.name);
            return acc;
        }, {})).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (names) { return [
            new Set(Object.keys(names)),
            new Set(Object.values(names)),
            names[refs.objectStatuses[statusID].name]
        ]; })); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _c = __read(_a, 3), origNames = _c[0], localizedNames = _c[1], localizedName = _c[2];
            var description = _this.objectForm.get(['objectStatus', 'description']).value;
            if (!description ||
                description === '' ||
                origNames.has(description) ||
                localizedNames.has(description)) {
                return localizedName;
            }
            return null;
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_8__["untilComponentDestroyed"])(this)).subscribe(function (description) {
            if (description) {
                _this.objectForm.patchValue({
                    objectStatus: {
                        description: description
                    }
                });
            }
        });
    };
    ObjectFormComponent.prototype.checkStatus = function (statusGroup) {
        if (statusGroup.get('statusID').value &&
            !statusGroup.get('description').value) {
            return { 'empty status description': true };
        }
        return null;
    };
    ObjectFormComponent.prototype.checkPurchasePrice = function (purchaseDateGroup) {
        var value = purchaseDateGroup.get('value').value, currency = purchaseDateGroup.get('currencyID').value;
        if (value || currency) {
            if (!value || !(value >= 0) || !Number.isFinite(value)) {
                return { 'incorrect value': true };
            }
            if (value && (this.countDecimalPlaces(value) > 2)) {
                return { 'incorrect value: up to 2 decimal precision allowed for price': true };
            }
            if (!currency) {
                return { 'incorrect currency': true };
            }
        }
        return null;
    };
    ObjectFormComponent.prototype.openProductionIntervalPopup = function () {
        this.createProductionDateModal.open();
    };
    ObjectFormComponent.prototype.isFormValid = function () {
        return this.objectForm.valid;
    };
    ObjectFormComponent.prototype.cleanAdditionalFields = function () {
        this.additionalFields = {
            actors: [],
            originLocations: [],
            badges: [],
            materials: []
        };
        this.objectForm.controls.productionDate.reset();
        this.objectForm.controls.collectionID.reset();
    };
    ObjectFormComponent.prototype.addValuation = function () {
        var valuations = this.objectForm.get('valuations');
        valuations.push(this.createValuationSubform());
    };
    ObjectFormComponent.prototype.onDateIntervalSelect = function (value) {
        this.objectForm.controls.productionDate.setValue(value);
        this.createProductionDateModal.close();
    };
    ObjectFormComponent.prototype.countDecimalPlaces = function (number) {
        var str = '' + number;
        var index = str.indexOf('.');
        if (index >= 0) {
            return str.length - index - 1;
        }
        else {
            return 0;
        }
    };
    ObjectFormComponent.prototype.emitFormUpdate = function () {
        var form = this.objectForm.value;
        var rootID;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_24__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["take"])(1))
            .subscribe(function (r) { return rootID = r; });
        var state = {
            objectForm: form,
            additionalFields: this.additionalFields,
            rootID: rootID
        };
        this.onFormDataUpdate.emit(Object(ramda__WEBPACK_IMPORTED_MODULE_12__["clone"])(state));
    };
    ObjectFormComponent.prototype.restoreForm = function (data) {
        var _data = Object(ramda__WEBPACK_IMPORTED_MODULE_12__["clone"])(data);
        this.patchObjectForm(_data.objectForm);
        this.additionalFields = _data.additionalFields;
    };
    ObjectFormComponent.prototype.makeItemFilter = function (srcObservable, name) {
        var proxy = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"]([]);
        this.observableItemProxies[name] = proxy;
        var ret = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(srcObservable.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_26__["filterEmpty"])), proxy).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _c = __read(_a, 2), src = _c[0], selected = _c[1];
            var filtered = src.filter(function (b) { return selected
                .findIndex(function (_b) { return _b.ID === b.ID; }) === -1; });
            return filtered;
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["delay"])(0));
        return ret;
    };
    ObjectFormComponent.prototype.viewPhoto = function (i) {
        var photos = this.photosList
            .map(function (p) { return p.media || { uri: p.uri }; });
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_23__["ModalImageviewerShowAction"]({
            currentIndex: i,
            photos: photos
        }));
    };
    ObjectFormComponent.prototype.addFiles = function (files) {
        var e_1, _a;
        try {
            for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
                var file = files_1_1.value;
                if (file.type && _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_25__["ImageMimeTypes"].has(file.type)) {
                    this.fakeID = this.fakeID + 1;
                    this.photosList.push({
                        uri: file,
                        filename: file.name,
                        fakeID: this.fakeID
                    });
                    this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_17__["UploadObjectPhotoAction"]({
                        file: file,
                        fakeID: this.fakeID
                    }));
                }
                else {
                    this.fakeID = this.fakeID + 1;
                    this.docsList.push({
                        filename: file.name,
                        fakeID: this.fakeID
                    });
                    this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_17__["UploadDocumentAction"]({
                        file: file,
                        fakeID: this.fakeID
                    }));
                }
            }
        }
        catch (e_1_1) { e_1 = { error: e_1_1 }; }
        finally {
            try {
                if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
            }
            finally { if (e_1) throw e_1.error; }
        }
    };
    ObjectFormComponent.prototype.getInfo = function (rootId) {
        console.log('getInfo rootId=', rootId);
        this.store.dispatch(new _actions_dashboard__WEBPACK_IMPORTED_MODULE_15__["GetDashboardAction"](rootId));
        this.store.dispatch(new _actions_badges__WEBPACK_IMPORTED_MODULE_14__["GetBadgesAction"](rootId));
        this.store.dispatch(new _actions_actors__WEBPACK_IMPORTED_MODULE_13__["GetActorsAction"](rootId));
        this.store.dispatch(new _actions_materials__WEBPACK_IMPORTED_MODULE_16__["GetMaterialsAction"](rootId));
        this.store.dispatch(new _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_18__["GetNamedDateIntervalsAction"](rootId));
        this.store.dispatch(new _actions_originlocations__WEBPACK_IMPORTED_MODULE_20__["GetOriginLocationsAction"](rootId));
        this.objectForm.patchValue({ rootIDNumber: rootId.toString() });
    };
    ObjectFormComponent.prototype.removePurchasePrice = function () {
        this.objectForm.controls.purchasePrice.reset();
    };
    ObjectFormComponent.prototype.patchObjectForm = function (formObj) {
        console.log('FORM', formObj);
        if (!formObj) {
            return formObj;
        }
        var _formObj = Object(ramda__WEBPACK_IMPORTED_MODULE_12__["clone"])(formObj);
        if (_formObj.purchasePrice && Number.isFinite(_formObj.purchasePrice.value)) {
            _formObj.purchasePrice.value /= 100;
        }
        if (formObj.valuations) {
            var valuations = formObj.valuations;
            var N = formObj.valuations.length - 1;
            while (N-- > 0) {
                this.addValuation();
            }
        }
        this.objectForm.patchValue(_formObj);
    };
    ObjectFormComponent.prototype.valuationsEmpty = function (valuationGroup) {
        return Object(ramda__WEBPACK_IMPORTED_MODULE_12__["all"])(function (f) { return !f; }, ['priceMin', 'priceMax', 'currencyID', 'date', 'name', 'comment']
            .map(function (field) { return !!valuationGroup.get(field).value; }));
    };
    ObjectFormComponent.prototype.checkValuation = function (valuationGroup) {
        if (this.valuationsEmpty(valuationGroup)) {
            return null;
        }
        var _priceMin = valuationGroup.get('priceMin').value;
        var _priceMax = valuationGroup.get('priceMax').value;
        if (!_priceMin && !_priceMax) {
            return { prices: true };
        }
        else if (_priceMin && !_priceMax && Number.isFinite(parseInt(_priceMin))) {
            return null;
        }
        var priceMin = parseInt(_priceMin);
        var priceMax = parseInt(_priceMax);
        if (!priceMin && priceMax) {
            return { minPrice: true };
        }
        if (priceMax < priceMin) {
            return { prices: true };
        }
        var currencyID = valuationGroup.get('currencyID').value;
        if (!currencyID) {
            return { currencyID: true };
        }
        return null;
    };
    ObjectFormComponent.prototype.createValuationSubform = function () {
        return this.fb.group({
            date: '',
            comment: '',
            name: '',
            currencyID: '',
            priceMin: '',
            priceMax: ''
        }, {
            validator: this.checkValuation.bind(this)
        });
    };
    ObjectFormComponent.prototype.removeValuation = function (i) {
        var valuations = this.objectForm.get('valuations');
        if (valuations.length == 1) {
            ['priceMin', 'priceMax', 'currencyID', 'date', 'name', 'comment'].forEach(function (f) {
                valuations.controls[0].controls[f].setValue('');
            });
        }
        else {
            valuations.removeAt(i);
        }
    };
    ObjectFormComponent.prototype.centsFloatToInt = function (s) {
        return Math.round(parseFloat(s) * 100);
    };
    ObjectFormComponent.prototype.saveValuations = function () {
        var _this = this;
        var valuations = this.objectForm.get('valuations');
        var ret = { list: valuations.controls
                .filter(function (v) { return !_this.valuationsEmpty(v); })
                .map(function (v) {
                var priceMin = _this.centsFloatToInt(v.get('priceMin').value);
                var priceMax = 0;
                if (!v.get('priceMax').value) {
                    priceMax = priceMin;
                }
                else {
                    priceMax = _this.centsFloatToInt(v.get('priceMax').value);
                }
                return {
                    name: v.get('name').value,
                    comment: v.get('comment').value,
                    currencyID: parseInt(v.get('currencyID').value),
                    date: v.get('date').value,
                    price: [priceMin, priceMax]
                };
            }) };
        return ret;
    };
    var _a, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('photoInput', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "photoInput", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('docInput', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "docInput", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "header", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Function)
    ], ObjectFormComponent.prototype, "onDeleteClick", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "additionalFields", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "startStatusFormValue", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object)
    ], ObjectFormComponent.prototype, "photosList", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof Array !== "undefined" && Array) === "function" ? _c : Object)
    ], ObjectFormComponent.prototype, "docsList", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "intervalsActiveTab", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_d = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _d : Object)
    ], ObjectFormComponent.prototype, "onFormDataUpdate", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_e = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _e : Object)
    ], ObjectFormComponent.prototype, "onDelete", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createMaterialModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "createMaterialModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createActorModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "createActorModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createBadgeModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "createBadgeModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createOriginLocationModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "createOriginLocationModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createProductionDateModal', { static: true }),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "createProductionDateModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_f = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _f : Object)
    ], ObjectFormComponent.prototype, "formReady", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "patchForm", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], ObjectFormComponent.prototype, "fakeID", void 0);
    ObjectFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'object-form-component',
            template: __webpack_require__(/*! ./object-form.component.html */ "./src/app/workspace/object/form/object-form.component.html"),
            styles: [
                __webpack_require__(/*! ./object-form.component.scss */ "./src/app/workspace/object/form/object-form.component.scss"),
                __webpack_require__(/*! ./object-form.component.css */ "./src/app/workspace/object/form/object-form.component.css"),
                __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../../shared/custom-select.component.css */ "./src/app/shared/custom-select.component.css"),
                __webpack_require__(/*! ../../../shared/switch.css */ "./src/app/shared/switch.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_g = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _g : Object, typeof (_h = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"]) === "function" ? _h : Object, typeof (_j = typeof ng2_completer__WEBPACK_IMPORTED_MODULE_10__["CompleterService"] !== "undefined" && ng2_completer__WEBPACK_IMPORTED_MODULE_10__["CompleterService"]) === "function" ? _j : Object, typeof (_k = typeof _angular_router__WEBPACK_IMPORTED_MODULE_3__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_3__["ActivatedRoute"]) === "function" ? _k : Object, typeof (_l = typeof _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__["DomSanitizer"] !== "undefined" && _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__["DomSanitizer"]) === "function" ? _l : Object, typeof (_m = typeof ng2_dragula__WEBPACK_IMPORTED_MODULE_11__["DragulaService"] !== "undefined" && ng2_dragula__WEBPACK_IMPORTED_MODULE_11__["DragulaService"]) === "function" ? _m : Object, typeof (_o = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslateService"]) === "function" ? _o : Object])
    ], ObjectFormComponent);
    return ObjectFormComponent;
}());

module.exports = "<form [formGroup]=\"objectForm\" class=\"item-viewer\">\n  <div class=\"left-column\">\n    <div class=\"plate unpadded top\">\n      <div\n        class=\"text-header mobile-only\"\n        translate\n      >\n        OBJECT INFO\n      </div>\n      <div class=\"form-header\">\n        <div class=\"form-cross\" (click)=\"remove()\">\n          <div></div>\n        </div>\n      </div>\n      <div class=\"unpadded\">\n        <div class=\"input-group input-title input-underline row wide\">\n          <span translate>Title</span>\n          <input\n            formControlName=\"name\"\n            class=\"name-form\"\n            type=\"text\"\n            [placeholder]=\"'Title' | translate\"\n          />\n        </div>\n\n        <div\n          class=\"input-group row wide\"\n          *ngIf=\"(collections$ | async)\"\n        >\n          <span translate>Collection</span>\n          <select\n            formControlName=\"collectionID\"\n            class=\"collecion-form\"\n          >\n            <option [ngValue]=\"null\" selected></option>\n            <option\n              *ngFor=\"let collection of (collections$ | async); trackBy: trackByID\"\n              [ngValue]=\"collection.ID\"\n            >{{ collection.name }}</option>\n          </select>\n        </div>\n        <div\n          class=\"status-form input-group row remove-on-hover wide\"\n          formGroupName=\"objectStatus\"\n        >\n          <span translate>Status</span>\n          <select\n            #status\n            [ngClass]=\"(objectForm?.value?.objectStatus?.statusID ? 'object-status-select': '')\"\n            formControlName=\"statusID\"\n            (change)=\"selectStatus(status.value)\"\n            [style.background-image]=\"((denormalizedReferences$ | async)?.medias)[((denormalizedReferences$ | async)?.objectStatuses)[objectForm?.value?.objectStatus?.statusID]?.imageMediaID]?.photo?.variants[0]?.URI | bgImage\"\n          >\n            <option\n              [value]=\"\"\n              selected\n            >\n            </option>\n            <option\n              *ngFor=\"let status of ((denormalizedReferences$ | async)?.objectStatuses | toArray); trackBy: trackByID\"\n              [value]=\"status?.ID\"\n            >{{ status?.name | translate }}</option>\n          </select>\n          <input\n            formControlName=\"description\"\n            [placeholder]=\"'Status description' | translate\"\n          />\n          <div\n            class=\"remove-prop-label\"\n            (click)=\"removeStatus();\"\n          ></div>\n        </div>\n\n        <div class=\"input-group row wide\">\n          <span\n            [ngClass]=\"{'not-active': objectForm?.isContainsRestrictedContent}\"\n            translate>\n            The symbols placed on the object are prohibited in the Russian Federation.\n          </span>\n          <label\n            class=\"switch\"\n          >\n            <input\n              type=\"checkbox\"\n              formControlName=\"isContainsRestrictedContent\"\n              (change)=\"checkLock()\"\n            />\n            <span class=\"slider\"></span>\n          </label>\n        </div>\n      </div>\n\n      <div class=\"input-group row last wide upload-files\">\n        <span translate>Upload Photos &amp; Docs</span>\n        <div class=\"form-files\">\n          <div\n            class=\"files thumb-list-container\"\n            FileDrop\n            (onFilesDrop)=\"onPhotosDrop($event)\"\n          >\n            <input\n              #photoInput\n              type=\"file\"\n              id=\"file\"\n              (change)=\"photoSelected($event)\"\n              multiple\n            />\n            <div\n              for=\"file\"\n              class=\"thumb-list\"\n              [ngClass]=\"{'filled': photosList?.length > 0}\"\n              [dragula]='\"image-dnd\"'\n              [dragulaModel]='photosList'\n            >\n              <label\n                for=\"file\"\n                class=\"file-plus-circle\"\n              ></label>\n              <ng-container\n                *ngFor=\"let photo of photosList; let i = index; trackBy: trackByID\"\n              >\n                <div\n                  *ngIf=\"photo.media; else displayUri\"\n                  class=\"file-thumb\"\n                  [style.background-image]=\"(photo.media | preferPhotoMediaTypes: [150, 102, 1])?.URI | bgImage\"\n                >\n                  <div\n                    *ngIf=\"!photo.plusButton\"\n                    class=\"file-overlay draggable\"\n                    (click)=\"viewPhoto(i)\"\n                  >\n                    <div\n                      class=\"file-delete\"\n                      (click)=\"photoDeleted(photo.fakeID)\"\n                    ></div>\n                  </div>\n                </div>\n                <ng-template #displayUri>\n                  <div\n                    class=\"file-thumb\"\n                    [style.background-image]=\"photo.uri | toBlobBgImage\"\n                    [ngStyle]=\"photo.uri | exifToCSS | async\"\n                  >\n                    <div\n                      class=\"file-overlay draggable\"\n                      (click)=\"viewPhoto(i)\"\n                    >\n                      <div\n                        class=\"file-delete\"\n                        (click)=\"photoDeleted(photo.fakeID)\"\n                      ></div>\n                    </div>\n                  </div>\n                </ng-template>\n              </ng-container>\n            </div>\n          </div>\n\n          <div\n            class=\"documents-cell thumb-list-container\"\n            FileDrop\n            (onFilesDrop)=\"onDocsDrop($event)\"\n          >\n            <input\n              #docInput\n              class=\"documents\"\n              id=\"documents\"\n              type=\"file\"\n              multiple\n            />\n            <div\n              for=\"file\"\n              class=\"thumb-list\"\n              [ngClass]=\"{'filled': docsList?.length > 0 }\"\n              [dragula]='\"doc-dnd\"'\n              [dragulaModel]='docsList'\n            >\n              <div\n                *ngFor=\"let doc of docsList; trackBy: trackByID\"\n                class=\"doc-thumb\"\n              >\n                <div class=\"doc-icon\"></div>\n                <div\n                  class=\"file-name\"\n                >{{ doc?.media?.media?.document?.fileName || doc?.filename }}</div>\n                <div\n                  class=\"file-overlay\"\n                >\n                  <div\n                    class=\"file-delete\"\n                    (click)=\"docDeleted(doc.fakeID)\"\n                  ></div>\n                </div>\n              </div>\n            </div>\n        </div>\n        </div>\n      </div>\n\n    </div>\n\n    <div class=\"plate\">\n      <div\n        class=\"text-header\"\n        translate\n      >DESCRIPTION</div>\n\n      <div class=\"padded-tb\">\n        <textarea\n          autosize\n          formControlName=\"description\"\n          [placeholder]=\"'Write a few words about the features of the item' | translate\"\n        ></textarea>\n      </div>\n    </div>\n\n    <div class=\"plate\">\n      <div\n        class=\"text-header\"\n        translate\n      >PROVENANCE</div>\n\n      <div class=\"padded-tb\">\n        <textarea\n          autosize\n          formControlName=\"provenance\"\n          [placeholder]=\"'Write a few words about the provenance of the item' | translate\"\n        ></textarea>\n      </div>\n    </div>\n  </div>\n  <div class=\"right-column\">\n    <div class=\"plate unpadded\">\n      <div\n        class=\"text-header\"\n        translate\n      >SPECIFICATIONS</div>\n\n      <div class=\"padded-tb\">\n\n        <div class=\"input-group\">\n          <div class=\"input-head\">\n            <div translate>Badges</div>\n            <div\n              *ngIf=\"(canCreateNewBadge$ | async)\"\n              (click)=\"createBadgeModal.open()\"\n              class=\"input-create-new\"\n              translate\n            >Create new (+)</div>\n          </div>\n          <ng2-completer #badgesCompleter\n            [clearSelected]=\"true\"\n            [openOnFocus]=\"true\"\n            [datasource]=\"badgesData\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            (selected)=\"selectItem('badges', $event);\"\n            [placeholder]=\"'Badges' | translate\">\n          </ng2-completer>\n\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n              *ngFor=\"let badge of additionalFields.badges; trackBy: trackByID\"\n            >\n              <div\n                class=\"badge\"\n                [ngStyle]=\"{'background-color': '#' + badge.color}\"\n              ></div>\n              <span>{{ badge.name }}</span>\n              <div\n                class=\"cross\"\n                (click)=\"deleteItem('badges', badge.ID)\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"remove-on-hover\">\n          <div\n            class=\"remover-container purchase-price-input input-group\"\n            formGroupName=\"purchasePrice\"\n          >\n            <div class=\"input-head\">\n              <span translate>Purchase price</span>\n            </div>\n            <div\n              class=\"purchase-price\"\n              *ngIf=\"(references$ | async)?.currencies?.list\"\n            >\n              <input\n                class=\"with-select\"\n                formControlName=\"value\"\n                type=\"number\"\n                min=\"1\"\n                [placeholder]=\"'Purchase price' | translate\"\n              />\n              <select\n                formControlName=\"currencyID\"\n              >\n                <option [ngValue]=\"null\" selected></option>\n                <option\n                  *ngFor=\"let currency of (references$ | async)?.currencies?.list; trackBy: trackByID\"\n                  [ngValue]=\"currency?.ID\"\n                >{{ currency.code }}</option>\n              </select>\n              <div\n                class=\"remove-prop-label\"\n                (click)=\"removePurchasePrice()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"remove-on-hover\">\n          <div\n            class=\"remover-container input-group purchase-date\"\n            formGroupName=\"purchaseDate\"\n          >\n            <div class=\"input-head\">\n              <span translate>Purchase date</span>\n            </div>\n            <div class=\"purchase-date-input\">\n              <input\n                [owlDateTimeTrigger]=\"purchaseDate\"\n                [owlDateTime]=\"purchaseDate\"\n                [max]=\"momentToday\"\n                formControlName=\"date\"\n              />\n              <owl-date-time\n                [pickerType]=\"'calendar'\"\n                #purchaseDate\n              ></owl-date-time>\n              <div\n                class=\"remove-prop-label\"\n                (click)=\"removePurchaseDate()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"remove-on-hover just-hover\">\n          <div class=\"input-group remover-container\">\n            <div class=\"input-head\">\n              <div translate>Production date</div>\n            </div>\n            <div class=\"production-date\">\n              <div\n                (click)=\"openProductionIntervalPopup()\"\n                role=\"button\"\n              >\n                <ng-container\n                  *ngIf=\"objectForm.value.productionDate?.dateIntervalID && !objectForm.value.productionDate?.from\"\n                >\n                  {{ (nameddateintervals$ | async) && (nameddateintervals$ | async)[objectForm.value.productionDate?.dateIntervalID]?.name }}\n                </ng-container>\n                <ng-container\n                  *ngIf=\"!objectForm.value.productionDate?.dateIntervalID && objectForm.value.productionDate?.from\"\n                >\n                  {{\n                    (objectForm.value.productionDate?.from | gDateToMoment | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L')\n                    + ' '\n                    + (objectForm.value.productionDate?.from | gDateToBCAD | translate)\n                    + (\n                      (objectForm.value.productionDate?.from !== objectForm.value.productionDate?.to) ?\n                          ' – '\n                          + (objectForm.value.productionDate?.to | gDateToMoment | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L')\n                          + ' '\n                          + (objectForm.value.productionDate?.to | gDateToBCAD | translate)\n                        : ''\n                      )\n                  }}\n                </ng-container>\n                <ng-container\n                  *ngIf=\"!objectForm.value.productionDate?.dateIntervalID && !objectForm.value.productionDate?.from\"\n                >\n                  <div\n                    role=\"button\"\n                    class=\"collector-button\"\n                  >\n                    {{ 'Select date' | translate }}\n                  </div>\n                </ng-container>\n              </div>\n              <div\n                class=\"remove-prop-label\"\n                *ngIf=\"objectForm.value.productionDate?.dateIntervalID || objectForm.value.productionDate?.from\"\n                (click)=\"removeProductionDate()\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"input-group\">\n          <div class=\"input-head\">\n            <div translate>Origin location</div>\n            <div\n              (click)=\"createOriginLocationModal.open()\"\n              class=\"input-create-new\"\n              translate\n            >Create new (+)</div>\n          </div>\n          <ng2-completer\n            #locationsCompleter\n            [clearSelected]=\"true\"\n            [openOnFocus]=\"true\"\n            [datasource]=\"originLocationsData\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            (selected)=\"selectItem('originLocations', $event);\"\n            [placeholder]=\"'Locations' | translate\">\n          </ng2-completer>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n              *ngFor=\"let location of additionalFields.originLocations; trackBy: trackByID\"\n            >\n              <span>{{ location.name }}</span>\n              <div\n                class=\"cross\"\n                (click)=\"deleteItem('originLocations', location.ID)\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"input-group\">\n          <div class=\"input-head\">\n            <div translate>Actors</div>\n            <div\n              (click)=\"createActorModal.open()\"\n              class=\"input-create-new\"\n              translate\n            >Create new (+)</div>\n          </div>\n          <ng2-completer\n            #actorsCompleter\n            [clearSelected]=\"true\"\n            [openOnFocus]=\"true\"\n            [datasource]=\"actorsData\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            (selected)=\"selectItem('actors', $event);\"\n            [placeholder]=\"'Actors' | translate\">\n          </ng2-completer>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n              *ngFor=\"let actor of additionalFields.actors\"\n            >\n              <span>{{ actor.name }}</span>\n              <div\n                class=\"cross\"\n                (click)=\"deleteItem('actors', actor.ID)\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"input-group\">\n          <div class=\"input-head\">\n            <div translate>Materials</div>\n            <div\n              (click)=\"createMaterialModal.open()\"\n              class=\"input-create-new\"\n              translate\n            >Create new (+)</div>\n          </div>\n          <ng2-completer\n            #materialsCompleter\n            [clearSelected]=\"true\"\n            [openOnFocus]=\"true\"\n            [datasource]=\"materialsData\"\n            [minSearchLength]=\"0\"\n            [pause]=\"0\"\n            (selected)=\"selectItem('materials', $event);\"\n            [placeholder]=\"'Materials' | translate\">\n          </ng2-completer>\n          <div class=\"pills\">\n            <div\n              class=\"pill\"\n              *ngFor=\"let material of additionalFields.materials; trackBy: trackByID\"\n            >\n              <span>{{ material.name }}</span>\n              <div\n                class=\"cross\"\n                (click)=\"deleteItem('materials', material.ID)\"\n              ></div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"input-group\">\n          <div\n            formArrayName=\"valuations\"\n            class=\"valuations\"\n            *ngFor=\"let valuation of objectForm.controls.valuations['controls']; let i = index;\"\n          >\n            <div [formGroupName]=\"i\">\n              <div class=\"hbox-sb\">\n                <span class=\"input-head\">{{ 'Valuation' | translate }} {{ (i>0)?i+1:'' }}</span>\n                <span\n                  class=\"delete-tb\"\n                  (click)=\"removeValuation(i)\"\n                  translate\n                >\n                  DELETE\n                </span>\n              </div>\n              <div class=\"val-currency\">\n                <input\n                  [ngClass]=\"{'error': valuation?.errors?.minPrice || valuation?.errors?.prices}\"\n                  formControlName=\"priceMin\"\n                  [placeholder]=\"'Min' | translate\"\n                >\n                <span class=\"minus\">&minus;</span>\n                <input\n                  [ngClass]=\"{'error': valuation?.errors?.maxPrice || valuation?.errors?.prices}\"\n                  formControlName=\"priceMax\"\n                  [placeholder]=\"'Max' | translate\"\n                >\n                <select\n                  [ngClass]=\"{'error': valuation?.errors?.currencyID}\"\n                  formControlName=\"currencyID\"\n                >\n                  <option [ngValue]=\"null\" selected></option>\n                  <option\n                    *ngFor=\"let currency of (references$ | async)?.currencies?.list; trackBy: trackByID\"\n                    [ngValue]=\"currency?.ID\"\n                  >{{ currency.code }}</option>\n                </select>\n              </div>\n              <input\n                [ngClass]=\"{'error': valuation?.errors?.valuationDate}\"\n                [owlDateTimeTrigger]=\"valuationDate\"\n                [owlDateTime]=\"valuationDate\"\n                [max]=\"momentToday\"\n                formControlName=\"date\"\n              />\n              <owl-date-time\n                [pickerType]=\"'calendar'\"\n                #valuationDate\n              ></owl-date-time>\n              <input\n                formControlName=\"name\"\n                [placeholder]=\"'Name' | translate\"\n              >\n              <textarea\n                autosize\n                formControlName=\"comment\"\n                [placeholder]=\"'Comment' | translate\"\n              ></textarea>\n            </div>\n          </div>\n\n          <div\n            class=\"collector-button\"\n            role=\"button\"\n            (click)=\"addValuation()\"\n            translate\n          >\n            ADD MORE\n          </div>\n        </div>\n\n      </div>\n    </div>\n  </div>\n\n\n  <ngx-smart-modal\n    #createProductionDateModal\n    [closable]=\"false\"\n    [customClass]=\"'modal-container'\"\n    identifier=\"createProductionDateModal\"\n  >\n    <div class=\"modal\">\n      <div\n        class=\"modal-header\"\n      >\n        <div role=\"button\">\n          <div\n            (click)=\"createProductionDateModal.close()\"\n            class=\"black-b\"\n            translate\n          >CLOSE</div>\n        </div>\n      </div>\n      <div class=\"modal-content\">\n        <div class=\"production-date-interval-popup\">\n          <div class=\"production-date-interval-popup-entry\">\n            <div class=\"input-group production-date-form\" formGroupName=\"productionDate\">\n              <select\n                class=\"interval-select\"\n                #interval\n                (change)=\"changeIntervalsActiveTab(interval.value)\"\n              >\n                <option\n                  [value]=\"'named'\"\n                >Named interval</option>\n                <option\n                  [value]=\"'interval'\"\n                >Interval</option>\n                <option\n                  [value]=\"'date'\"\n                >Date</option>\n              </select>\n\n              <div\n                class=\"intervals-tab-content\"\n                [ngSwitch]=\"intervalsActiveTab\"\n              >\n                <div\n                  *ngSwitchCase=\"'named'\"\n                >\n                  <select-interval-named-component\n                    (onSelect)=\"onDateIntervalSelect($event)\"\n                  ></select-interval-named-component>\n                </div>\n\n                <div\n                  class=\"interval-container\"\n                  *ngSwitchCase=\"'interval'\"\n                >\n                  <select-interval-interval-component\n                    (onSelect)=\"onDateIntervalSelect($event)\"\n                    [productionDate]=\"objectForm.value.productionDate\"\n                  ></select-interval-interval-component>\n                </div>\n\n                <div\n                  class=\"date-select\"\n                  *ngSwitchCase=\"'date'\"\n                >\n                  <select-interval-date-component\n                    (onSelect)=\"onDateIntervalSelect($event)\"\n                    [productionDate]=\"objectForm.value.productionDate\"\n                  ></select-interval-date-component>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ngx-smart-modal>\n\n</form>\n\n<ngx-smart-modal\n  #createMaterialModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createMaterialModal\"\n>\n  <div\n    class=\"modal-close\"\n    (click)=\"createMaterialModal.close()\"\n  ></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <materials-form-component\n      ></materials-form-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<ngx-smart-modal\n  #createActorModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createActorModal\"\n>\n  <div\n    class=\"modal-close\"\n    (click)=\"createActorModal.close()\"\n  ></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <actors-form-component\n      ></actors-form-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<ngx-smart-modal\n  #createBadgeModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createBadgeModal\"\n>\n  <div\n    class=\"modal-close\"\n    (click)=\"createBadgeModal.close()\"\n  ></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <badges-form-component\n      ></badges-form-component>\n    </div>\n  </div>\n\n</ngx-smart-modal>\n\n<ngx-smart-modal\n  #createOriginLocationModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createOriginLocationModal\"\n>\n  <div\n    class=\"modal-close\"\n    (click)=\"createOriginLocationModal.close()\"\n  ></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <origin-locations-form-component\n      ></origin-locations-form-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./object-form.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/workspace/object/form/object-form.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "/* Utils */\n.left-column {\n  width: 70%;\n  float: left; }\n\n.right-column {\n  width: 30%;\n  float: right; }\n  .right-column .plate {\n    margin-left: 0; }\n\n.remove-prop-label {\n  position: absolute;\n  right: 1px;\n  flex: 0 0 18px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(\"/assets/i/active-round-delete-item.svg\");\n  display: inline-block;\n  cursor: pointer;\n  margin-left: 10px;\n  height: 18px;\n  width: 18px;\n  margin-right: 5px; }\n\n.object-status-select {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%; }\n\n.purchase-date-input {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center; }\n\n.purchase-price {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center; }\n\n.purchase-price input {\n  border-radius: 0.52356vh 0 0 0.52356vh;\n  border-right: none; }\n\n.purchase-price select {\n  width: 40%;\n  border-radius: 0 5px 5px 0;\n  padding: 0 10px; }\n\n.input-head {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 1.04712vh;\n  color: #97a3ac; }\n\n.input-create-new {\n  font-size: 1rem;\n  color: #ababab;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.purchase-price-input.ng-touched.ng-invalid input {\n  border-color: #a94442; }\n\n.purchase-price-input.ng-touched.ng-invalid select {\n  border-color: #a94442; }\n\n.status-form.ng-touched.ng-invalid input {\n  border-color: #a94442; }\n\n.status-form.ng-touched.ng-invalid select {\n  border-color: #a94442; }\n\n.production-date-form.ng-touched.ng-invalid .intervals-tab-content select, .production-date-form.ng-touched.ng-invalid .intervals-tab-content input {\n  border-color: #a94442; }\n\n.collecion-form.ng-invalid {\n  border-color: #a94442; }\n\n.name-form.ng-invalid {\n  border-color: #a94442; }\n\ninput.ng-touched.ng-invalid {\n  border-color: #a94442; }\n\nselect.ng-touched.ng-invalid {\n  border-color: #a94442; }\n\ntextarea {\n  resize: vertical; }\n\n:host ::ng-deep .completer-dropdown {\n  overflow-y: auto;\n  overflow-x: hidden;\n  /* maybe auto */\n  max-height: 20rem; }\n\ncustom-select {\n  margin-right: 1%;\n  flex: 0 0 300; }\n\n:host ::ng-deep .status-row {\n  display: flex;\n  align-items: center; }\n\n:host ::ng-deep .status-img {\n  height: 3.14136vh;\n  width: 3.14136vh;\n  margin-right: 0.52356vh;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  flex-shrink: 0; }\n\n.object-status-select-inputs {\n  width: 100%; }\n\n.object-status-select-inputs > .status-form {\n  width: 100%;\n  display: inline-block;\n  align-items: center; }\n\n.object-status-select-inputs > .status-form > * {\n  display: inline-block;\n  float: left; }\n\n.object-status-select-inputs > .status-form > input {\n  width: 69%; }\n\n.object-status-select-inputs > .status-form > .status-form-select {\n  width: 30%; }\n\n.remove-prop-label {\n  visibility: hidden; }\n\n.remover-container {\n  position: relative; }\n\n.remove-on-hover {\n  position: relative; }\n\n.remove-on-hover:hover ~ .remove-prop-label,\n.remove-on-hover:hover input:not(:placeholder-shown) ~ .remove-prop-label,\n.remove-on-hover.just-hover:hover .remove-prop-label {\n  visibility: visible; }\n\n.plate textarea {\n  width: 100%; }\n\nng2-completer {\n  width: 100%; }\n\n.input-group.wide {\n  max-width: 100%; }\n\n.production-date {\n  display: flex;\n  width: 100%;\n  align-items: center; }\n", ""]);

// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./object-form.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/object/form/object-form.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".production-date-interval-popup {\n  width: 100%;\n  height: 100%\n}\n.production-date-interval-popup .production-date-interval-popup-entry {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  height: 100%;\n  position: relative;\n}\n.production-date-interval-popup .interval-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.production-date-interval-popup .interval-container input {\n  width: 67%;\n  border-bottom-right-radius: 0;\n  border-top-right-radius: 0;\n  border-right: none;\n}\n.production-date-interval-popup .interval-container select {\n  width: auto;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.production-date-interval-popup .interval-container .to {\n  color: #ababab;\n  width: 30px;\n}\n.production-date-interval-popup .input-group {\n  display: block;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n  min-height: 300px;\n  background-color: white;\n  padding: 80px;\n  max-width: none;\n  border-radius: 5px;\n  left: 10%;\n  top: 25%;\n}\n.production-date-interval-popup .intervals-tabs {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  padding-bottom: 20.8px;\n  padding-bottom: 1.3rem;\n}\n.production-date-interval-popup .intervals-tab-content {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n.production-date-interval-popup .intervals-tab-content ng2-completer .completer-holder {\n  margin-right: 20px;\n  margin-left: 34px;\n}\n.production-date-interval-popup .interval-tab {\n  cursor: pointer\n}\n.production-date-interval-popup .interval-tab.active {\n  border-bottom: solid 3px #D4A924;\n}\n.production-date-interval-popup ::ng-deep .intervals-right {\n  width: auto;\n  border: none;\n}\n.production-date-interval-popup ::ng-deep .intervals-left {\n  margin-left: 0;\n  padding-top: 0;\n  padding-bottom: 40px;\n}\n.production-date-interval-popup ::ng-deep .interval input {\n  width: 60%;\n}\n.object-status-select {\n  background-position: left 0 center;\n  background-size: 2rem;\n  padding-left: 32px;\n  padding-left: 2rem;\n}\n.status-form {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n}\n@media (max-width: 1024px) {\n  .remove-prop-label {\n    visibility: visible;\n  }\n  :host .input-group.upload-files > span {\n    -webkit-box-flex: 0 !important;\n        -ms-flex: 0 0 32px !important;\n            flex: 0 0 32px !important;\n  }\n  :host .object-status-select {\n    width: 100% !important;\n  }\n  :host .right-column .plate.unpadded {\n    margin-top: 0 !important;\n    margin-left: 10px !important;\n  }\n  :host .form-header {\n    height: 10px !important;\n  }\n  :host .plate {\n    margin: 0 10px 10px 10px !important;\n  }\n  :host .form-files {\n    width: 100% !important;\n    position: relative;\n  }\n  :host .showhide-cont.hidden .plate > *:not(.text-header) {\n    display: none !important;\n  }\n  :host .showhide-cont.hidden .plate {\n    padding: 15px !important\n  }\n  :host .showhide-cont.hidden .plate .text-header {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  :host .mobile-only {\n    display: block;\n  }\n  :host .form-header {\n    display: none;\n  }\n  :host .plusminus {\n    margin-top: 20px !important;\n    right: 25px !important;\n  }\n  :host {\n    /* & .plusminus:nth(1) {\n      margin-top: 27px !important;\n    } */\n  }\n  :host .item-viewer {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n  :host .left-column {\n    width: 100% !important;\n  }\n  :host .right-column {\n    width: 100% !important;\n    //padding: 0 20px 20px 20px !important;\n  }\n  :host .top.plate.specs {\n    margin: 0;\n  }\n  :host form {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding-top: 10px;\n  }\n  :host .left-column {\n    width: 100% !important;\n  }\n  :host .right-column {\n    width: 100% !important;\n  }\n  :host .plate.unpadded .input-group {\n    padding: 1.5625rem;\n  }\n  :host .right-column .plate {\n    margin-left: 20px !important;\n    margin-top: 0;\n  }\n  :host .input-group.row > span {\n    min-width: 120px !important;\n  }\n  :host .object-status-select-inputs .status-form {\n    display: -webkit-inline-box !important;\n    display: -ms-inline-flexbox !important;\n    display: inline-flex !important;\n    -webkit-box-orient: vertical !important;\n    -webkit-box-direction: normal !important;\n        -ms-flex-direction: column !important;\n            flex-direction: column !important;\n    position: relative !important;\n    -webkit-box-pack: start !important;\n        -ms-flex-pack: start !important;\n            justify-content: flex-start !important;\n    -webkit-box-align: start !important;\n        -ms-flex-align: start !important;\n            align-items: flex-start !important;\n  }\n  :host .object-status-select-inputs .status-form > * {\n    width: 100% !important;\n    margin-bottom: 10px !important;\n  }\n\n}\n@media (max-width: 420px) {\n  .status-form .remove-prop-label {\n    bottom: 2.5rem;\n  }\n}\n.active-select {\n  color: #1a252f;\n  border: 1px solid #1a252f;\n}\n.cs-selected .status-text {\n  height: 48px;\n  height: 3rem;\n  width: 29.319371727748692vh;\n  overflow: hidden;\n  white-space: nowrap;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.cs-selected .status-row {\n  overflow: hidden;\n}\n.interval-select {\n  margin-bottom: 40px;\n}\n.error {\n  border: 2px solid #d0011b;\n}", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectIntervalDateComponent", function() { return SelectIntervalDateComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../../api/model/cDateInterval */ "./src/app/api/model/cDateInterval.ts");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var SelectIntervalDateComponent = (function () {
    function SelectIntervalDateComponent(fb) {
        this.fb = fb;
        this.onSelect = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.intervalDateForm = fb.group({
            from: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            'from-bcad': ['AD']
        });
    }
    SelectIntervalDateComponent.prototype.ngOnChanges = function (changes) {
        if (changes.productionDate &&
            changes.productionDate.currentValue.from) {
            this.intervalDateForm.setValue({
                from: Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToMoment"])(changes.productionDate.currentValue.from),
                'from-bcad': Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToBCAD"])(changes.productionDate.currentValue.from)
            });
        }
    };
    SelectIntervalDateComponent.prototype.doSubmit = function (value) {
        this.onSelect.emit(this.convertTime(value));
    };
    SelectIntervalDateComponent.prototype.convertTime = function (value) {
        var from = Object(_utils__WEBPACK_IMPORTED_MODULE_2__["momentToGDate"])(value.from, value['from-bcad']);
        if (from) {
            return { from: from, to: from, dateIntervalID: null };
        }
        else {
            return value;
        }
    };
    var _a, _b;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], SelectIntervalDateComponent.prototype, "onSelect", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__["CDateInterval"] !== "undefined" && _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__["CDateInterval"]) === "function" ? _a : Object)
    ], SelectIntervalDateComponent.prototype, "productionDate", void 0);
    SelectIntervalDateComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-interval-date-component',
            template: __webpack_require__(/*! ./select-interval-date.component.html */ "./src/app/workspace/object/form/select-interval-date.component.html"),
            styles: [
                __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ./select-interval.component.css */ "./src/app/workspace/object/form/select-interval.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object])
    ], SelectIntervalDateComponent);
    return SelectIntervalDateComponent;
}());

module.exports = "<form\n  [formGroup]=\"intervalDateForm\"\n  (ngSubmit)=\"doSubmit(intervalDateForm.value)\"\n  class=\"interval-form\"\n>\n  <input\n    [owlDateTimeTrigger]=\"intervalFromDateDate\"\n    [owlDateTime]=\"intervalFromDateDate\"\n    formControlName=\"from\"\n  />\n  <owl-date-time\n    [pickerType]=\"'calendar'\"\n    #intervalFromDateDate\n  ></owl-date-time>\n  <select formControlName=\"from-bcad\">\n    <option\n      selected\n      value=\"AD\"\n      translate\n    >AD</option>\n    <option\n      value=\"BC\"\n      translate\n    >BC</option>\n  </select>\n  <button\n    type=\"submit\"\n    [disabled]=\"intervalDateForm.invalid\"\n    [ngClass]=\"{\n      'valid': intervalDateForm.valid\n    }\"\n    class=\"collector-button-entity-submit noborder\"\n  ></button>\n</form>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./select-interval.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/object/form/select-interval.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".interval-form {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.interval-form button {\n  margin-left: 1em;\n}\n.interval-form select {\n  max-width: 100px;\n}\n.input-create-new {\n  font-size: 16px;\n  font-size: 1rem;\n  color: #ababab;\n  cursor: pointer;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.date-bcad {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.interval {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.interval input {\n  width: 60%;\n}\n.interval select {\n  width: 106px;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectIntervalIntervalComponent", function() { return SelectIntervalIntervalComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../../api/model/cDateInterval */ "./src/app/api/model/cDateInterval.ts");
/* harmony import */ var _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var SelectIntervalIntervalComponent = (function () {
    function SelectIntervalIntervalComponent(fb) {
        this.fb = fb;
        this.onSelect = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.intervalIntervalForm = fb.group({
            from: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            'from-bcad': ['AD'],
            to: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            'to-bcad': ['AD']
        }, { validators: this.validateInterval });
    }
    SelectIntervalIntervalComponent.prototype.doSubmit = function (value) {
        this.onSelect.emit(this.convertTime(value));
    };
    SelectIntervalIntervalComponent.prototype.validateInterval = function (control) {
        var fromBCAD = control.get('from-bcad').value;
        var toBCAD = control.get('to-bcad').value;
        var from = control.get('from').value;
        var to = control.get('to').value;
        if (from === null || to === null) {
            return null;
        }
        else if (!from._isAMomentObject ||
            !to._isAMomentObject) {
            return { invalidInterval: true };
        }
        if ((fromBCAD === 'BC' &&
            toBCAD === 'BC' &&
            from.isAfter(from.to)) ||
            (fromBCAD === 'AD' &&
                toBCAD === 'AD' &&
                from.isBefore(to)) ||
            (fromBCAD === 'BC' &&
                toBCAD === 'AD')) {
            return null;
        }
        return { invalidInterval: true };
    };
    SelectIntervalIntervalComponent.prototype.ngOnChanges = function (changes) {
        if (changes.productionDate &&
            changes.productionDate.currentValue.from &&
            changes.productionDate.currentValue.to) {
            this.intervalIntervalForm.setValue({
                from: Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToMoment"])(changes.productionDate.currentValue.from),
                'from-bcad': Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToBCAD"])(changes.productionDate.currentValue.from),
                to: Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToMoment"])(changes.productionDate.currentValue.to),
                'to-bcad': Object(_utils__WEBPACK_IMPORTED_MODULE_2__["gDateToBCAD"])(changes.productionDate.currentValue.to)
            });
        }
    };
    SelectIntervalIntervalComponent.prototype.convertTime = function (value) {
        var from = Object(_utils__WEBPACK_IMPORTED_MODULE_2__["momentToGDate"])(value.from, value['from-bcad']);
        var to = Object(_utils__WEBPACK_IMPORTED_MODULE_2__["momentToGDate"])(value.to, value['to-bcad']);
        if (from && to) {
            return { from: from, to: to, dateIntervalID: null };
        }
        else {
            return value;
        }
    };
    var _a, _b;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], SelectIntervalIntervalComponent.prototype, "onSelect", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__["CDateInterval"] !== "undefined" && _api_model_cDateInterval__WEBPACK_IMPORTED_MODULE_3__["CDateInterval"]) === "function" ? _a : Object)
    ], SelectIntervalIntervalComponent.prototype, "productionDate", void 0);
    SelectIntervalIntervalComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-interval-interval-component',
            template: __webpack_require__(/*! ./select-interval-interval.component.html */ "./src/app/workspace/object/form/select-interval-interval.component.html"),
            styles: [
                __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ./select-interval.component.css */ "./src/app/workspace/object/form/select-interval.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object])
    ], SelectIntervalIntervalComponent);
    return SelectIntervalIntervalComponent;
}());

module.exports = "<form\n  [formGroup]=\"intervalIntervalForm\"\n  (ngSubmit)=\"doSubmit(intervalIntervalForm.value)\"\n  class=\"interval-form\"\n>\n  <div\n    class=\"interval\"\n  >\n    <div\n      class=\"input-with-select date-bcad\"\n    >\n      <div\n        class=\"inputs\"\n      >\n        <input\n          [owlDateTimeTrigger]=\"intervalFrom\"\n          [owlDateTime]=\"intervalFrom\"\n          formControlName=\"from\"\n        />\n        <owl-date-time\n          [pickerType]=\"'calendar'\"\n          #intervalFrom\n        ></owl-date-time>\n        <select formControlName=\"from-bcad\">\n          <option\n            selected\n            value=\"AD\"\n            translate\n          >AD</option>\n          <option\n            value=\"BC\"\n            translate\n          >BC</option>\n        </select>\n      </div>\n    </div>\n    <div\n      class=\"input-spacer\"\n      translate>to\n    </div>\n    <div\n      class=\"input-with-select date-bcad\"\n    >\n      <div\n        class=\"inputs\"\n      >\n        <input\n          [owlDateTimeTrigger]=\"intervalTo\"\n          [owlDateTime]=\"intervalTo\"\n          [min]=\"(intervalIntervalForm.controls['from-bcad'].value === 'AD' && intervalIntervalForm.controls['to-bcad'].value === 'AD') ? intervalIntervalForm.controls.from.value : null\"\n          [max]=\"(intervalIntervalForm.controls['from-bcad'].value === 'BC' && intervalIntervalForm.controls['to-bcad'].value === 'BC') ? intervalIntervalForm.controls.from.value : null\"\n          formControlName=\"to\"\n        />\n        <owl-date-time\n          [pickerType]=\"'calendar'\"\n          #intervalTo\n        ></owl-date-time>\n        <select formControlName=\"to-bcad\">\n          <option\n            selected\n            value=\"AD\"\n            translate\n          >AD</option>\n          <option\n            value=\"BC\"\n            translate\n          >BC</option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n\n  <button\n    type=\"submit\"\n    [disabled]=\"intervalIntervalForm.invalid\"\n    [ngClass]=\"{\n      'valid': intervalIntervalForm.valid\n    }\"\n    class=\"collector-button-entity-submit noborder\"\n  ></button>\n</form>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectIntervalNamedComponent", function() { return SelectIntervalNamedComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ng2_completer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng2-completer */ "./node_modules/ng2-completer/esm5/ng2-completer.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/nameddateintervals */ "./src/app/actions/nameddateintervals.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var SelectIntervalNamedComponent = (function () {
    function SelectIntervalNamedComponent(completerService, store) {
        this.completerService = completerService;
        this.store = store;
        this.onSelect = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.nameddateintervals$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getNamedDateIntervals"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]));
        this.intervalsData = this.completerService.local(this.nameddateintervals$, 'name', 'name');
    }
    SelectIntervalNamedComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getCreatedNamedDateInterval"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (i) {
            _this.namedDateInterval = i.name;
            _this.currentInterval = {
                dateIntervalID: i.ID,
                from: null,
                to: null
            };
            _this.createIntervalModal.close();
        });
    };
    SelectIntervalNamedComponent.prototype.ngOnDestroy = function () { };
    SelectIntervalNamedComponent.prototype.doSubmit = function () {
        this.onSelect.emit(this.currentInterval);
    };
    SelectIntervalNamedComponent.prototype.createInterval = function (value) {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (rootID) {
            _this.store.dispatch(new _actions_nameddateintervals__WEBPACK_IMPORTED_MODULE_5__["CreateNamedDateIntervalAction"](__assign({}, value, { rootID: rootID })));
        });
    };
    SelectIntervalNamedComponent.prototype.selectProductionDate = function (dateObject) {
        if (!dateObject) {
            return;
        }
        this.currentInterval = {
            dateIntervalID: dateObject.ID,
            from: null,
            to: null
        };
    };
    var _a, _b;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createIntervalModal', { static: true }),
        __metadata("design:type", Object)
    ], SelectIntervalNamedComponent.prototype, "createIntervalModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], SelectIntervalNamedComponent.prototype, "onSelect", void 0);
    SelectIntervalNamedComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-interval-named-component',
            template: __webpack_require__(/*! ./select-interval-named.component.html */ "./src/app/workspace/object/form/select-interval-named.component.html"),
            styles: [
                __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ./select-interval.component.css */ "./src/app/workspace/object/form/select-interval.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof ng2_completer__WEBPACK_IMPORTED_MODULE_3__["CompleterService"] !== "undefined" && ng2_completer__WEBPACK_IMPORTED_MODULE_3__["CompleterService"]) === "function" ? _a : Object, typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _b : Object])
    ], SelectIntervalNamedComponent);
    return SelectIntervalNamedComponent;
}());

module.exports = "<div\n  (click)=\"createIntervalModal.open()\"\n  class=\"input-create-new\"\n  translate\n>Create new (+)</div>\n\n<div\n  class=\"interval-form\"\n>\n  <ng2-completer\n    #intervalsCompleter\n    [(ngModel)]=\"namedDateInterval\"\n    [openOnFocus]=\"true\"\n    [datasource]=\"intervalsData\"\n    [minSearchLength]=\"0\"\n    [pause]=\"0\"\n    (selected)=\"selectProductionDate($event?.originalObject)\"\n    [placeholder]=\"'Intervals' | translate\"\n  ></ng2-completer>\n  <button\n\n    [disabled]=\"!currentInterval\"\n    [ngClass]=\"{\n      'valid': !!currentInterval\n    }\"\n    (click)=\"doSubmit()\"\n    class=\"collector-button-entity-submit noborder\"\n  ></button>\n</div>\n\n<ngx-smart-modal\n  #createIntervalModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createIntervalModal\"\n>\n  <div\n    class=\"modal-close\"\n    (click)=\"createIntervalModal.close()\"\n  ></div>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <intervals-form-component\n        (onSubmit)=\"createInterval($event)\"\n      ></intervals-form-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TasksComponent", function() { return TasksComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_tasks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/tasks */ "./src/app/actions/tasks.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};











var TasksComponent = (function () {
    function TasksComponent(store, router, viewsize) {
        this.store = store;
        this.router = router;
        this.viewsize = viewsize;
        this.tasksSource$ = new rxjs__WEBPACK_IMPORTED_MODULE_4__["BehaviorSubject"]('all');
        this.displayType = 'card';
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_10__["trackByID"];
    }
    TasksComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.isPhone$ = this.viewsize.isPhone$;
        this.isPhone$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (s) {
            if (s) {
                _this.displayType = 'table';
            }
        });
        this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_6__["GetTasksAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_7__["GetTeamAction"](rootID));
        });
        this.tasksList$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getTasksList"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]));
        this.indexedTasks$ = this.tasksSource$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["flatMap"])(function (tasksSource) {
            if (tasksSource === 'my') {
                return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["flatMap"])(function (about) { return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getIndexedTasksListByUserID"](about.userID))); }));
            }
            else {
                return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getIndexedTasksList"]));
            }
        }));
    };
    TasksComponent.prototype.goToArchive = function () {
        this.router.navigateByUrl('/workspace/p/tasks/archived');
    };
    TasksComponent.prototype.toggleDisplayType = function () {
        this.displayType = this.displayType === 'card' ? 'table' : 'card';
    };
    TasksComponent.prototype.toggleArchiveSource = function () {
        this.displayType = 'table';
        this.tasksSource$.next('archive');
    };
    TasksComponent.prototype.toggleTasksSource = function () {
        this.tasksSource$.value === 'all' ?
            this.tasksSource$.next('my') :
            this.tasksSource$.next('all');
    };
    TasksComponent.prototype.ngOnDestroy = function () { };
    var _a, _b, _c;
    TasksComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'tasks-component',
            template: __webpack_require__(/*! ./tasks.component.html */ "./src/app/workspace/tasks/tasks.component.html"),
            styles: [__webpack_require__(/*! ./tasks.component.css */ "./src/app/workspace/tasks/tasks.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _b : Object, typeof (_c = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_8__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_8__["ViewportSizeService"]) === "function" ? _c : Object])
    ], TasksComponent);
    return TasksComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n<div class=\"tasks-board-container\">\n  <div\n    [ngSwitch]=\"displayType\"\n    class=\"toggle-container\"\n  >\n    <div class=\"buttons\">\n      <div\n        role=\"button\"\n        class=\"collector-button toggle-button\"\n        *ngSwitchCase=\"'table'\"\n        (click)=\"toggleDisplayType()\"\n      >\n        {{ 'DISPLAY: CARDS' | translate }}\n      </div>\n      <div\n        role=\"button\"\n        class=\"collector-button toggle-button\"\n        *ngSwitchCase=\"'card'\"\n        (click)=\"toggleDisplayType()\"\n      >\n        {{ 'DISPLAY: TABLE' | translate }}\n      </div>\n\n      <div\n        class=\"collector-button task-button\"\n        [ngClass]=\"{\n          'active': (tasksSource$ | async) === 'my'\n        }\"\n        (click)=\"toggleTasksSource()\"\n        role=\"button\"\n      >\n        {{ 'MY TASKS' | translate }}\n      </div>\n    </div>\n\n    <div class=\"archive\">\n      <a\n        class=\"archive-link\"\n        [routerLink]=\"'/workspace/p/tasks/archived/'\"\n      >\n        <span class=\"task-archive-icon\"></span>\n        <span\n          class=\"title\"\n          translate\n        >ARCHIVED TASKS</span>\n      </a>\n    </div>\n\n  </div>\n  <ng-container\n    class=\"tasks-container\"\n    [ngSwitch]=\"displayType\"\n  >\n    <div\n      class=\"board-tables\"\n      *ngSwitchCase=\"'table'\"\n    >\n      <div\n        class=\"board-table todo\"\n      >\n        <div class=\"board-title\">\n          {{ 'To do' | translate }} ({{((indexedTasks$ | async)?.todo | count) || 0}})\n        </div>\n        <div class=\"task-line-container\">\n          <task-line-component\n            *ngFor=\"let task of (indexedTasks$ | async)?.todo; trackBy: trackByID\"\n            [task]=\"task\"\n            [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n          ></task-line-component>\n        </div>\n      </div>\n\n      <div class=\"board-table inprogress\">\n        <div class=\"board-title\">\n          {{ 'In progress' | translate }} ({{((indexedTasks$ | async)?.in_progress | count) || 0}})\n        </div>\n        <div class=\"task-line-container\">\n          <task-line-component\n            *ngFor=\"let task of (indexedTasks$ | async)?.in_progress; trackBy: trackByID\"\n            [task]=\"task\"\n            [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n          ></task-line-component>\n        </div>\n      </div>\n\n      <div class=\"board-table done\">\n        <div class=\"board-title\">\n          {{ 'Done.task' | translate}} ({{((indexedTasks$ | async)?.done | count) || 0}})\n        </div>\n        <div class=\"task-line-container\">\n          <task-line-component\n            *ngFor=\"let task of (indexedTasks$ | async)?.done; trackBy: trackByID\"\n            [task]=\"task\"\n            [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n          ></task-line-component>\n        </div>\n      </div>\n\n      <div\n        class=\"board-table archive\"\n        *ngIf=\"(tasksSource$ | async) === 'archive'\"\n      >\n        <div class=\"board-title\">\n          {{ 'Archived' | translate }} ({{((indexedTasks$ | async) | count) || 0}})\n        </div>\n        <div class=\"task-line-container\">\n          <task-line-component\n            *ngFor=\"let task of (indexedTasks$ | async); trackBy: trackByID\"\n            [task]=\"task\"\n            [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n          ></task-line-component>\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"board-container\"\n      *ngSwitchDefault\n    >\n      <div class=\"board todo\">\n        <div class=\"board-title\">\n          {{ 'To do' | translate }} ({{((indexedTasks$ | async)?.todo | count) || 0}})\n        </div>\n        <task-card-component\n          *ngFor=\"let task of (indexedTasks$ | async)?.todo; trackBy: trackByID\"\n          [task]=\"task\"\n          [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n        ></task-card-component>\n      </div>\n      <div class=\"board inprogress\">\n        <div class=\"board-title\">\n          {{ 'In progress' | translate}} ({{((indexedTasks$ | async)?.in_progress | count) || 0}})\n        </div>\n        <task-card-component\n          *ngFor=\"let task of (indexedTasks$ | async)?.in_progress; trackBy: trackByID\"\n          [task]=\"task\"\n          [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n        ></task-card-component>\n      </div>\n      <div class=\"board done\">\n        <div class=\"board-title\">\n          {{ 'Done.task' | translate }} ({{((indexedTasks$ | async)?.done | count) || 0}})\n        </div>\n        <task-card-component\n          *ngFor=\"let task of (indexedTasks$ | async)?.done; trackBy: trackByID\"\n          [task]=\"task\"\n          [media]=\"(tasksList$ | async)?.medias[(tasksList$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n        ></task-card-component>\n      </div>\n    </div>\n  </ng-container>\n</div>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./tasks.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/tasks.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".switch-view-container {\n  margin-left: 1em;\n  width: 8em;\n}\n.board-container {\n  font: 16px \"Avenir Next\";\n  font: 1rem \"Avenir Next\";\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  padding: 1em\n}\n.board-container .board {\n  width: 30%;\n  max-width: 20em;\n  border-radius: 0.4em;\n  padding: 0 0.93em;\n  background-color: #ffffff;\n}\n.board-container .board .board-title {\n  background-color: #ffffff;\n  position: -webkit-sticky;\n  position: sticky;\n  margin-bottom: 0.93em;\n  top: 0;\n  z-index: 2;\n}\n.board-title {\n  font-weight: bold;\n  text-transform: uppercase;\n  padding-top: 1.86em;\n  padding-bottom: 0.83em;\n  padding-left: 1.25em;\n}\n.board-tables {\n  margin: 0 1em;\n}\n.board-table.todo .board-title {\n  border-bottom: 0.41em solid #d0011b;\n  color: #d0011b;\n}\n.board-table.inprogress .board-title {\n  border-bottom: 0.41em solid #f6a623;\n  color: #f6a623;\n}\n.board-table.done .board-title {\n  border-bottom: 0.41em solid #7ed321;\n  color: #7ed321;\n}\n.board-table.archive .board-title {\n  border-bottom: 0.41em solid #1a252f;\n  color: #1a252f;\n}\n.board.todo {\n  border-top: 0.41em solid #d0011b\n}\n.board.todo .board-title {\n  color: #d0011b;\n}\n.board.inprogress {\n  border-top: 0.41em solid #f6a623\n}\n.board.inprogress .board-title {\n  color: #f6a623;\n}\n.board.done {\n  border-top: 0.41em solid #7ed321\n}\n.board.done .board-title {\n  color: #7ed321;\n}\n.toggle-container {\n  padding: 1em 1em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.toggle-container .buttons {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n}\n.toggle-container .buttons .task-button {\n  margin-left: 1em;\n}\n.archive .task-archive-icon {\n  width: 42px;\n  height: 42px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/archive-tasks.svg);\n}\n.archive-link {\n  font-size: 19.2px;\n  font-size: 1.2rem;\n  font-weight: bold;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center \n}\n.archive-link .task-archive-icon {\n  margin-right: 16px;\n  margin-right: 1rem;\n  display: block;\n  width: 42px;\n  height: 42px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/archive-tasks.svg);\n}\n.reload-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/reload-tasks.svg);\n}\n.tasks-board-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column wrap;\n          flex-flow: column wrap;\n  margin-bottom: 100px;\n}\n@media (max-width: 768px) {\n  .collector-button.toggle-button {\n    display: none;\n  }\n}\n@media (max-width: 420px) {\n  .board-tables {\n    margin: 0 0;\n  }\n\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ArchivedTasksComponent", function() { return ArchivedTasksComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _actions_tasks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/tasks */ "./src/app/actions/tasks.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var ArchivedTasksComponent = (function () {
    function ArchivedTasksComponent(store) {
        this.store = store;
    }
    ArchivedTasksComponent.prototype.ngOnInit = function () {
        this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_5__["GetArchiveTasksAction"]({}));
        this.archivedTasks$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_3__["getArchivedTasksList"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_4__["filterEmpty"]));
    };
    ArchivedTasksComponent.prototype.trackByID = function (index, item) {
        return item.ID || index;
    };
    var _a;
    ArchivedTasksComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'archived-tasks-component',
            template: __webpack_require__(/*! ./archived-tasks.component.html */ "./src/app/workspace/tasks/archive/archived-tasks.component.html"),
            styles: [__webpack_require__(/*! ../tasks.component.css */ "./src/app/workspace/tasks/tasks.component.css"), __webpack_require__(/*! ../../../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ArchivedTasksComponent);
    return ArchivedTasksComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n<ng-container\n  class=\"tasks-container\"\n>\n  <div class=\"board-tables\">\n    <div class=\"board-table archive\">\n      <div class=\"toggle-container\">\n        <div class=\"buttons\">\n          <div\n            role=\"button\"\n            [routerLink]=\"'/workspace/p/tasks/'\" \n            class=\"collector-button toggle-button\"\n          >\n            Active tasks \n          </div>\n        </div>\n      </div>\n      \n      <div class=\"board-title\">\n        {{ 'Archived' | translate }} ({{ ((archivedTasks$ | async)?.taskPreviews | count) || 0 }})\n      </div>\n      <div class=\"task-line-container\">\n        <task-line-component\n          *ngFor=\"let task of (archivedTasks$ | async)?.taskPreviews; trackBy: trackByID\"\n          [task]=\"task\"\n          [media]=\"(archivedTasks$ | async)?.medias[(archivedTasks$ | async)?.users[task?.assignedUserID]?.avatarMediaID]\"\n        ></task-line-component>\n      </div>\n    </div>\n  </div>\n</ng-container>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateTaskComponent", function() { return CreateTaskComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_tasks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/tasks */ "./src/app/actions/tasks.ts");
/* harmony import */ var _actions_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/ui */ "./src/app/actions/ui.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _access_access_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../access/access.component */ "./src/app/workspace/tasks/access/access.component.ts");
/* harmony import */ var _form_task_form_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../form/task-form.component */ "./src/app/workspace/tasks/form/task-form.component.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};














var CreateTaskComponent = (function (_super) {
    __extends(CreateTaskComponent, _super);
    function CreateTaskComponent(fb, store, router) {
        var _this = _super.call(this) || this;
        _this.fb = fb;
        _this.store = store;
        _this.router = router;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        _this.mediaReady$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"](true);
        return _this;
    }
    CreateTaskComponent.prototype.ngOnInit = function () {
        this.form = this.taskFormComponent.taskForm;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
    };
    CreateTaskComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
    };
    CreateTaskComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    CreateTaskComponent.prototype.onMediaReady = function (status) {
        this.mediaReady$.next(status);
    };
    CreateTaskComponent.prototype.submitForm = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_9__["UiShowLoaderAction"]());
        this.mediaReady$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (status) { return status; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function () { return _this.form$; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (form) {
            _this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_8__["CreateTaskAction"](form.value));
            _this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_9__["UiHideLoaderAction"]());
            _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getTaskLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (loading) { return loading === false; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["withLatestFrom"])(_this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getTaskError"]))), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
                var _b = __read(_a, 2), loading = _b[0], err = _b[1];
                return err;
            }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(_this))
                .subscribe(function (err) {
                if (err) {
                    _this.accessData$ = _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getTaskError"]));
                    _this.accessComponent.openModal();
                }
                else {
                    _this.router.navigateByUrl('/workspace/p/tasks');
                    _this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_8__["GetTasksAction"]());
                }
            });
        });
    };
    CreateTaskComponent.prototype.valid = function () {
        return this.taskFormComponent.valid();
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('taskFormComponent', { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_task_form_component__WEBPACK_IMPORTED_MODULE_13__["TaskFormComponent"] !== "undefined" && _form_task_form_component__WEBPACK_IMPORTED_MODULE_13__["TaskFormComponent"]) === "function" ? _a : Object)
    ], CreateTaskComponent.prototype, "taskFormComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('accessComponent', { static: true }),
        __metadata("design:type", typeof (_b = typeof _access_access_component__WEBPACK_IMPORTED_MODULE_12__["AccessComponent"] !== "undefined" && _access_access_component__WEBPACK_IMPORTED_MODULE_12__["AccessComponent"]) === "function" ? _b : Object)
    ], CreateTaskComponent.prototype, "accessComponent", void 0);
    CreateTaskComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'create-task-component',
            template: __webpack_require__(/*! ./create-task.component.html */ "./src/app/workspace/tasks/create/create-task.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _e : Object])
    ], CreateTaskComponent);
    return CreateTaskComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_11__["FormCanDeactivate"]));

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AccessComponent", function() { return AccessComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var AccessComponent = (function () {
    function AccessComponent(store) {
        this.store = store;
        this.collectionIDs = [];
    }
    AccessComponent.prototype.ngOnChanges = function (changes) {
        var _this = this;
        if (Object(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"])(changes.accessData.currentValue) &&
            changes.accessData.previousValue !== changes.accessData.currentValue) {
            var userID_1 = changes.accessData.currentValue.user.ID;
            this.collectionIDs = Object.keys(Object(ramda__WEBPACK_IMPORTED_MODULE_3__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_3__["prop"])('ID'), changes.accessData.currentValue.collections.list)).map(Number);
            this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"])).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
                .subscribe(function (rootID) {
                _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_5__["GetUserAction"]({
                    userID: userID_1,
                    rootID: rootID
                }));
            });
            this.user$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getUser"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]));
        }
    };
    AccessComponent.prototype.openModal = function () {
        this.accessRights.open();
    };
    AccessComponent.prototype.closeModal = function () {
        this.accessRights.close();
    };
    AccessComponent.prototype.ngOnDestroy = function () {
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('accessRights', { static: true }),
        __metadata("design:type", Object)
    ], AccessComponent.prototype, "accessRights", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('accessData'),
        __metadata("design:type", Object)
    ], AccessComponent.prototype, "accessData", void 0);
    AccessComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'access-component',
            template: __webpack_require__(/*! ./access.component.html */ "./src/app/workspace/tasks/access/access.component.html"),
            styles: [__webpack_require__(/*! ./access.component.css */ "./src/app/workspace/tasks/access/access.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], AccessComponent);
    return AccessComponent;
}());

module.exports = "<ngx-smart-modal\n  #accessRights\n  [closable]=\"false\"\n  [escapable]=\"false\"\n  customClass=\"modal-container\"\n  identifier=\"accessRights\"\n>\n  <div class=\"modal\">\n    <div class=\"modal-header\">\n      <div\n        class=\"modal-back\"\n        role=\"button\"\n        (click)=\"closeModal()\"\n        translate>Back\n      </div>\n    </div>\n    <div class=\"modal-content\">\n      <div\n        class=\"user-info\"\n      >\n        User {{ (user$ | async)?.users | getUsernameByID: (user$ | async)?.userID  }} doesn't have edit access to named collections. Give him rights to continue or assign this task to another user.\n      </div>\n      <user-rights-compoent\n        [user]=\"user$ | async\"\n        [collectionIDs]=\"collectionIDs\"\n      >\n      </user-rights-compoent>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./access.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/access/access.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".user-info {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n}\n.modal {\n  max-width: 768px;\n  font: 32px \"Avenir Next\";\n  font: 2rem \"Avenir Next\";\n}\n.modal-content {\n  padding-left: 7%;\n  padding-right: 7%;\n}\n.modal-content {\n  overflow-y: auto;\n  max-height: 80vw;\n  width: 100%\n}\n.modal-content .line {\n  padding: 0.5em 0;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TaskFormComponent", function() { return TaskFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _api_model_task__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../api/model/task */ "./src/app/api/model/task.ts");
/* harmony import */ var _api_model_task__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_api_model_task__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _model_DenormalizedTask__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../model/DenormalizedTask */ "./src/app/model/DenormalizedTask.ts");
/* harmony import */ var _model_DenormalizedTask__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_model_DenormalizedTask__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../model/ImageMimeTypes */ "./src/app/model/ImageMimeTypes.ts");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};


















var TaskFormComponent = (function () {
    function TaskFormComponent(fb, store, activateRouter) {
        this.fb = fb;
        this.store = store;
        this.activateRouter = activateRouter;
        this.objects = {};
        this.fakeID = 0;
        this.formReady = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.mediaReady = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.isSelectUserModalOpened$ = new rxjs__WEBPACK_IMPORTED_MODULE_7__["BehaviorSubject"](false);
        this.isSelectCollectionsModalOpened$ = new rxjs__WEBPACK_IMPORTED_MODULE_7__["BehaviorSubject"](false);
        this.isSelectGroupsModalOpened$ = new rxjs__WEBPACK_IMPORTED_MODULE_7__["BehaviorSubject"](false);
        this.isSelectObjectsModalOpened$ = new rxjs__WEBPACK_IMPORTED_MODULE_7__["BehaviorSubject"](false);
        this.photosList = [];
        this.momentToday = moment__WEBPACK_IMPORTED_MODULE_5___default()().startOf('day');
        this.taskForm = this.fb.group({
            title: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(1)]],
            description: [''],
            status: ['todo', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            objectsIDs: this.fb.array([]),
            collectionsIDs: this.fb.array([]),
            groupsIDs: this.fb.array([]),
            assignedUserID: [null],
            deadline: [null],
            mediasIDs: this.fb.array([])
        });
    }
    TaskFormComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.formReady.emit(this.taskForm);
        this.taskForm
            .get('deadline')
            .valueChanges
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(function (deadline) { return (deadline &&
            deadline._isAMomentObject); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (deadline) {
            _this.taskForm.controls.deadline.setValue(deadline.format('Y-MM-DD'));
        });
        this.initialQueryData$ = this.activateRouter
            .queryParams
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (queryParams) { return Object.keys(queryParams)
            .reduce(function (p, c) {
            var _a;
            return (__assign({}, p, (_a = {}, _a[c] = Number(queryParams[c]), _a)));
        }, {}); }));
        this.teamUsers$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getTeam"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (_a) {
            var _b = __read(_a, 2), team = _b[0], about = _b[1];
            return ({
                medias: team.medias,
                users: team.tusers
                    .filter(function (tuser) { return tuser.userID !== about.userID; })
                    .map(function (tuser) { return team.users[tuser.userID]; })
            });
        }));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (object) {
            var _a;
            _this.objects = __assign({}, _this.objects, (_a = {},
                _a[object.object.ID] = {
                    ID: object.object.ID,
                    name: object.object.name
                },
                _a));
        });
        this.initialQueryData$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (value) {
            if (value.userID) {
                _this.taskForm.patchValue({ assignedUserID: value.userID });
            }
            if (value.collectionID) {
                _this.taskForm.setControl('collectionsIDs', _this.fb.array([value.collectionID]));
            }
            if (value.objectID) {
                _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_13__["GetObjectAction"](value.objectID));
                _this.taskForm.setControl('objectsIDs', _this.fb.array([value.objectID]));
            }
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (rootID) {
            _this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_14__["GetTeamAction"](rootID));
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getGenericPhotos"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(function (genericPhotos) {
            var allFakeIDs = new Set(_this.photosList.map(function (m) { return m.fakeID; }));
            return __spread(genericPhotos, _this.photosList
                .filter(function (m) { return m.media; })).every(function (m) { return allFakeIDs.has(m.fakeID); });
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (genericPhotos) {
            var fakeIDs = new Set(_this.photosList.map(function (m) { return m.fakeID; }));
            var mediasIDs = __spread(genericPhotos
                .filter(function (media) { return fakeIDs.has(media.fakeID); }), _this.photosList
                .filter(function (m) { return m.media; }));
            var mediasIDsByFakeIDs = Object(ramda__WEBPACK_IMPORTED_MODULE_6__["indexBy"])(function (m) { return m.fakeID; }, mediasIDs);
            _this.photosList = __spread(_this.photosList).map(function (photo) {
                return (mediasIDsByFakeIDs[photo.fakeID]) ? __assign({}, photo, { media: mediasIDsByFakeIDs[photo.fakeID].media }) : photo;
            });
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function () {
            var photoMediaIDs = _this.photosList.map(function (photo) { return (photo.media !== undefined && photo.media.ID) ? photo.media.ID : null; }).filter(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]);
            if (_this.photosList.length === photoMediaIDs.length) {
                _this.taskForm.setControl('mediasIDs', _this.fb.array(photoMediaIDs || []));
                _this.mediaReady.emit(true);
            }
        });
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]));
        this.groups$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getGroups"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (groups) { return Object(ramda__WEBPACK_IMPORTED_MODULE_6__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_6__["prop"])('ID'), groups); }));
        this.collections$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_15__["getDashboardCollections"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (collections) { return Object(ramda__WEBPACK_IMPORTED_MODULE_6__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_6__["prop"])('ID'), collections); }));
    };
    TaskFormComponent.prototype.ngOnChanges = function (changes) {
        var _this = this;
        if (changes.task && Object(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"])(changes.task.currentValue)) {
            this.task = changes.task.currentValue;
            if (this.task.objectsPreview) {
                var taskObjects = Object.values(this.task.objectsPreview).map(function (objectPreview) {
                    return ({
                        ID: objectPreview.ID,
                        name: objectPreview.name
                    });
                });
                this.objects = Object(ramda__WEBPACK_IMPORTED_MODULE_6__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_6__["prop"])('ID'), taskObjects);
            }
            this.photosList = Object(ramda__WEBPACK_IMPORTED_MODULE_6__["values"])(Object(ramda__WEBPACK_IMPORTED_MODULE_6__["pick"])(this.task.task.mediasIDs, this.task.medias)).map(function (photo) {
                _this.fakeID = _this.fakeID + 1;
                return {
                    media: __assign({}, photo),
                    fakeID: _this.fakeID
                };
            });
        }
        if (changes.patchForm && Object(_utils__WEBPACK_IMPORTED_MODULE_16__["filterEmpty"])(changes.patchForm.currentValue)) {
            setTimeout(function () {
                Object(ramda__WEBPACK_IMPORTED_MODULE_6__["forEachObjIndexed"])(function (value, key) {
                    if (Array.isArray(value)) {
                        _this.taskForm.setControl(key, _this.fb.array(value || []));
                    }
                }, changes.patchForm.currentValue);
                _this.taskForm.patchValue(changes.patchForm.currentValue);
            });
        }
    };
    TaskFormComponent.prototype.ngOnDestroy = function () { };
    TaskFormComponent.prototype.onGroupSelectComplete = function (groupsIDs) {
        if (groupsIDs) {
            this.taskForm.setControl('groupsIDs', this.fb.array(groupsIDs));
        }
        this.isSelectGroupsModalOpened$.next(false);
    };
    TaskFormComponent.prototype.onUserSelectComplete = function (userID) {
        this.taskForm.patchValue({
            assignedUserID: userID
        });
        this.isSelectUserModalOpened$.next(false);
    };
    TaskFormComponent.prototype.onCollectionSelectComplete = function (collectionsIDs) {
        if (collectionsIDs) {
            this.taskForm.setControl('collectionsIDs', this.fb.array(collectionsIDs));
        }
        this.isSelectCollectionsModalOpened$.next(false);
    };
    TaskFormComponent.prototype.onObjectsSelectComplete = function (taskObjects) {
        if (taskObjects) {
            this.taskForm.setControl('objectsIDs', this.fb.array(Object.values(this.objects).map(function (obj) { return obj.ID; })));
        }
        this.objects = taskObjects;
        this.isSelectObjectsModalOpened$.next(false);
    };
    TaskFormComponent.prototype.deleteSelectedObject = function (id) {
        var objects = __assign({}, this.objects);
        this.objects = Object(ramda__WEBPACK_IMPORTED_MODULE_6__["omit"])([id], objects);
        this.taskForm.setControl('objectsIDs', this.fb.array(Object.values(this.objects).map(function (obj) { return obj.ID; })));
    };
    TaskFormComponent.prototype.deleteSelectedCollection = function (id) {
        var collectionsIDs = new Set(__spread(this.taskForm.value.collectionsIDs));
        collectionsIDs.delete(id);
        this.taskForm.setControl('collectionsIDs', this.fb.array(__spread(collectionsIDs)));
    };
    TaskFormComponent.prototype.deleteSelectedGroup = function (id) {
        var groupsIDs = new Set(__spread(this.taskForm.value.groupsIDs));
        groupsIDs.delete(id);
        this.taskForm.setControl('groupsIDs', this.fb.array(__spread(groupsIDs)));
    };
    TaskFormComponent.prototype.deleteSelectedUser = function () {
        this.taskForm.patchValue({
            assignedUserID: null
        });
    };
    TaskFormComponent.prototype.openUserSelectModal = function () {
        this.isSelectUserModalOpened$.next(true);
    };
    TaskFormComponent.prototype.openGroupsSelectModal = function () {
        this.isSelectGroupsModalOpened$.next(true);
    };
    TaskFormComponent.prototype.openCollelctionsSelectModal = function () {
        this.isSelectCollectionsModalOpened$.next(true);
    };
    TaskFormComponent.prototype.openObjectsSelectModal = function () {
        this.isSelectObjectsModalOpened$.next(true);
    };
    TaskFormComponent.prototype.closeObjectsSelectModal = function () {
        this.isSelectObjectsModalOpened$.next(false);
    };
    TaskFormComponent.prototype.fileSelected = function (event) {
        this.addFiles(event.target.files);
        this.fileInput.nativeElement.value = '';
    };
    TaskFormComponent.prototype.onPhotosDrop = function (files) {
        this.addFiles(files);
    };
    TaskFormComponent.prototype.addFiles = function (files) {
        var _this = this;
        this.mediaReady.emit(false);
        Object(ramda__WEBPACK_IMPORTED_MODULE_6__["forEach"])(function (file) {
            if (file.type && _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_11__["ImageMimeTypes"].has(file.type)) {
                _this.fakeID = _this.fakeID + 1;
                _this.photosList.push({
                    uri: file,
                    filename: file.name,
                    fakeID: _this.fakeID
                });
                _this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_12__["UploadGenericPhotoAction"]({
                    file: file,
                    fakeID: _this.fakeID
                }));
            }
        }, files);
    };
    TaskFormComponent.prototype.photoDeleted = function ($event, fakeID) {
        $event.stopPropagation();
        this.photosList = this.photosList.filter(function (photo) { return photo.fakeID !== fakeID; });
        var mediasIDs = this.photosList.map(function (photo) { return photo.media.ID; });
        this.taskForm.setControl('mediasIDs', this.fb.array(mediasIDs || []));
        this.mediaReady.emit(true);
    };
    TaskFormComponent.prototype.viewPhoto = function (i) {
        var photos = this.photosList
            .map(function (p) { return p.media || { uri: p.uri }; });
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_17__["ModalImageviewerShowAction"]({
            currentIndex: i,
            photos: photos
        }));
    };
    TaskFormComponent.prototype.trackByID = function (index, item) {
        return index || item.ID || item.fakeID;
    };
    TaskFormComponent.prototype.valid = function () {
        return this.taskForm.valid;
    };
    var _a, _b, _c, _d, _e, _f, _g, _h;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_task__WEBPACK_IMPORTED_MODULE_9__["Task"] !== "undefined" && _api_model_task__WEBPACK_IMPORTED_MODULE_9__["Task"]) === "function" ? _a : Object)
    ], TaskFormComponent.prototype, "patchForm", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _model_DenormalizedTask__WEBPACK_IMPORTED_MODULE_10__["DenormalizedTask"] !== "undefined" && _model_DenormalizedTask__WEBPACK_IMPORTED_MODULE_10__["DenormalizedTask"]) === "function" ? _b : Object)
    ], TaskFormComponent.prototype, "task", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], TaskFormComponent.prototype, "fakeID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_c = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _c : Object)
    ], TaskFormComponent.prototype, "formReady", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_d = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _d : Object)
    ], TaskFormComponent.prototype, "mediaReady", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('fileInput', { static: true }),
        __metadata("design:type", typeof (_e = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _e : Object)
    ], TaskFormComponent.prototype, "fileInput", void 0);
    TaskFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'task-form-component',
            template: __webpack_require__(/*! ./task-form.component.html */ "./src/app/workspace/tasks/form/task-form.component.html"),
            styles: [__webpack_require__(/*! ./task-form.component.css */ "./src/app/workspace/tasks/form/task-form.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_f = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _f : Object, typeof (_g = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _g : Object, typeof (_h = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _h : Object])
    ], TaskFormComponent);
    return TaskFormComponent;
}());

module.exports = "\n<form\n  [formGroup]=\"taskForm\"\n>\n  <div class=\"plate\">\n    <div\n      class=\"text-header\"\n      translate\n    >Title</div>\n    <div class=\"input-group row wide\">\n      <input id=\"title\" formControlName=\"title\" type=\"text\"/>\n    </div>\n\n    <div\n      class=\"text-header\"\n      translate\n    >Description</div>\n    <div class=\"padded-tb input-group row wide\">\n      <textarea\n        autosize\n        formControlName=\"description\"\n        [placeholder]=\"'Write a few words about the features of the task' | translate\"\n      ></textarea>\n    </div>\n\n    <div\n      class=\"text-header\"\n      translate\n    >Select users</div>\n\n    <div\n      class=\"collector-button input-group row wide\"\n      (click)=\"openUserSelectModal()\"\n      role=\"button\"\n      translate\n    >Add</div>\n\n    <div\n      class=\"input-group\"\n      *ngIf=\"taskForm.value.assignedUserID !== null\"\n    >\n      <div\n        class=\"pills\"\n        *ngFor=\"let user of (teamUsers$ | async)?.users; trackBy: trackByID\"\n      >\n        <div class=\"pill\" *ngIf=\"taskForm.value.assignedUserID == user.ID\">\n          <div class=\"thumb\"\n              [style.background-image]=\"((teamUsers$ | async)?.medias[user?.avatarMediaID] | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n          ></div>\n          <div class=\"name\">\n            {{ user | getUsername }}\n          </div>\n          <div\n            class=\"cross\"\n            (click)=\"deleteSelectedUser()\"\n          >\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"text-header\"\n      translate\n    >Task deadline date</div>\n\n    <div class=\"purchase-date-input\">\n      <input\n        [owlDateTimeTrigger]=\"deadlineDate\"\n        [owlDateTime]=\"deadlineDate\"\n        [min]=\"momentToday\"\n        formControlName=\"deadline\"\n      />\n      <owl-date-time\n        [pickerType]=\"'calendar'\"\n        #deadlineDate\n      ></owl-date-time>\n      <div class=\"remove-prop-label\"></div>\n    </div>\n\n    <div\n      class=\"text-header\"\n      translate\n    >Select groups</div>\n\n    <div\n      class=\"collector-button input-group row wide\"\n      (click)=\"openGroupsSelectModal()\"\n      role=\"button\"\n      translate\n    >Add</div>\n\n    <div class=\"input-group\">\n      <div class=\"pills\">\n        <div\n          class=\"pill\"\n          *ngFor=\"let groupID of taskForm.value.groupsIDs; trackBy: trackByID\"\n        >\n          <div class=\"group-info\">\n            {{ (groups$ | async)[groupID]?.name }}\n          </div>\n          <div\n            class=\"cross\"\n            (click)=\"deleteSelectedGroup(groupID)\"\n          >\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"text-header\"\n      translate\n    >Select collections</div>\n    <div\n      class=\"collector-button input-group row wide\"\n      (click)=\"openCollelctionsSelectModal()\"\n      role=\"button\"\n      translate\n    >Add</div>\n    <div class=\"input-group\">\n      <div class=\"pills\">\n        <div\n          class=\"pill\"\n            *ngFor=\"let collectionID of taskForm.value.collectionsIDs; trackBy: trackByID\"\n        >\n          <div\n            class=\"thumb\"\n            [style.background-image]=\"((dashboard$ | async)?.medias[(collections$ | async)[collectionID]?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\">\n          </div>\n          <div class=\"col-info\">\n            <div class=\"col-name\">\n              {{ (collections$ | async)[collectionID]?.name }}\n            </div>\n          </div>\n          <div\n            class=\"cross\"\n            (click)=\"deleteSelectedCollection(collectionID)\"\n          >\n          </div>\n        </div>\n      </div>\n    </div>\n\n\n    <div\n      class=\"text-header\"\n      translate\n    >Select objects</div>\n    <div\n      class=\"collector-button input-group row wide\"\n      (click)=\"openObjectsSelectModal()\"\n      role=\"button\"\n      translate\n    >Add</div>\n    <div class=\"input-group\">\n      <div class=\"pills\">\n        <div\n          class=\"pill\"\n          *ngFor=\"let object of (objects | toArray); trackBy: trackByID\"\n        >\n          <span>\n            {{ object?.name }}\n          </span>\n          <div\n            class=\"cross\"\n            (click)=\"deleteSelectedObject(object?.ID)\"\n          >\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input-group row last wide upload-files\">\n      <span translate>Upload Photos</span>\n      <div class=\"form-files\">\n\n        <div\n          class=\"files thumb-list-container\"\n          FileDrop\n          (onFilesDrop)=\"onPhotosDrop($event)\"\n        >\n          <div\n            for=\"file\"\n            class=\"thumb-list\"\n            [ngClass]=\"{'filled': photosList?.length > 0}\"\n            [dragula]='\"image-dnd\"'\n            [dragulaModel]='photosList'\n          >\n            <label for=\"file\" class=\"file-plus-circle\"></label>\n            <input\n              #fileInput\n              type=\"file\"\n              id=\"file\"\n              (change)=\"fileSelected($event)\"\n              multiple\n            />\n            <ng-container\n              *ngFor=\"let photo of photosList; trackBy: trackByID; let i = index;\"\n            >\n              <div\n                *ngIf=\"photo.media; else displayUri\"\n                class=\"file-thumb\"\n                [style.background-image]=\"(photo.media | preferPhotoMediaTypes: [151, 3, 1])?.URI | bgImage\"\n              >\n                <div\n                  class=\"file-overlay draggable\"\n                  (click)=\"viewPhoto(i)\"\n                >\n                  <div\n                    class=\"file-delete\"\n                    (click)=\"photoDeleted($event,photo.fakeID)\">\n                  </div>\n                </div>\n              </div>\n\n              <ng-template #displayUri>\n                <div\n                  class=\"file-thumb\"\n                  [style.background-image]=\"photo.uri | toBlobBgImage\"\n                  [ngStyle]=\"photo.uri | exifToCSS | async\"\n                >\n                  <div\n                    class=\"file-overlay draggable\"\n                    (click)=\"viewPhoto(i)\"\n                  >\n                    <div\n                      class=\"file-delete\"\n                      (click)=\"photoDeleted($event,photo.fakeID)\"\n                    ></div>\n                  </div>\n                </div>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n\n<select-user-component\n  [initialData]=\"taskForm?.value?.assignedUserID\"\n  [modalOpened]=\"isSelectUserModalOpened$ | async\"\n  (selectionCompleted)=\"onUserSelectComplete($event)\"\n></select-user-component>\n\n<select-groups-component\n  [modalOpened]=\"isSelectGroupsModalOpened$  | async\"\n  [groups]=\"groups$ | async | toArray\"\n  [initialGroupsIDs]=\"taskForm.value.groupsIDs\"\n  (selectionCompleted)=\"onGroupSelectComplete($event)\"\n>\n</select-groups-component>\n\n<select-collections-component\n  [dashboard]=\"dashboard$ | async\"\n  [modalOpened]=\"isSelectCollectionsModalOpened$  | async\"\n  [collections]=\"collections$ | async | toArray\"\n  [initialCollectionsIDs]=\"taskForm.value.collectionsIDs\"\n  (selectionCompleted)=\"onCollectionSelectComplete($event)\"\n>\n</select-collections-component>\n\n<select-objects-component\n  [modalOpened]=\"isSelectObjectsModalOpened$ | async\"\n  [initialObjects]=\"objects\"\n  (onClose)=\"closeObjectsSelectModal()\"\n  (selectionCompleted)=\"onObjectsSelectComplete($event)\"\n>\n</select-objects-component>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./task-form.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/form/task-form.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".inputs-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n}\n.thumb {\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  background-size: contain;\n}\n:host /deep/ .modal.mwide {\n\n  /*width: 50%;*/\n  padding-top: 0 !important;\n  max-width: 620px\n}\n:host /deep/ .modal.mwide .icon-back-dark {\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n  position: relative;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/arrow-left-dark.svg);\n}\n:host /deep/ .modal.mwide .modal-header {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-content {\n  width: 90%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header {\n  padding: 14px 5%;\n  border-bottom: solid 2px #e8e8e8;\n  margin-bottom: 20px;\n}\n:host /deep/ .modal.mwide .modal-header > div {\n  font: 20px \"Avenir Next\";\n  color: #19242e;\n  font-weight: bold;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n}\n:host /deep/ .modal.mwide .modal-header > div:first-child {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header > div:last-child {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header > div.inactive-col {\n  color: #e8e8e8;\n}\n:host /deep/ .modal.mwide .user-plate {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-bottom: 15px;\n}\n:host /deep/ .modal.mwide .user-avatar {\n  height: 120px;\n  width: 120px;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n}\n:host /deep/ .modal.mwide .user-creds-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding-left: 23px;\n}\n:host /deep/ .modal.mwide .user-creds {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n:host /deep/ .modal.mwide .user-name {\n  font-weight: bold;\n  color: #19242e;\n}\n:host /deep/ .modal.mwide .user-email {\n  font: 17px \"Avenir Next\";\n  color: #e8e8e8;\n}\n:host /deep/ .modal.mwide .usercard-cont {\n  width: 31%;\n  max-width: 33vw;\n}\n:host /deep/ .modal.mwide .usercard-desc{\n  max-height: 30vh;\n  text-align: left;\n  overflow-y: auto;\n  font: 17px \"Avenir Next\";\n}\n:host /deep/ .modal.modal-embed-component {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 80vw;\n  max-width: 1000px;\n  max-height: 80vh;\n  overflow: hidden\n}\n:host /deep/ .modal.modal-embed-component .modal-scrollable-body {\n  width: 100%;\n  overflow-y: auto;\n}\n:host /deep/ .modal.modal-embed-component .modal-header {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0;\n          flex: 0 0;\n}\n", ""]);

module.exports = "<breadcrumbs-component\n  (onPublish)=\"submitForm()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n\n<task-form-component\n  #taskFormComponent\n  (formReady)=\"onFormReady($event)\"\n  (mediaReady)=\"onMediaReady($event)\"\n></task-form-component>\n\n<access-component\n  #accessComponent\n  [accessData]=\"(accessData$ | async)\"\n>\n</access-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditTaskComponent", function() { return EditTaskComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_tasks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/tasks */ "./src/app/actions/tasks.ts");
/* harmony import */ var _actions_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/ui */ "./src/app/actions/ui.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../shared/form-can-deactivate */ "./src/app/shared/form-can-deactivate.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _access_access_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../access/access.component */ "./src/app/workspace/tasks/access/access.component.ts");
/* harmony import */ var _form_task_form_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../form/task-form.component */ "./src/app/workspace/tasks/form/task-form.component.ts");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};

















var EditTaskComponent = (function (_super) {
    __extends(EditTaskComponent, _super);
    function EditTaskComponent(fb, store, router, route, setTitleService) {
        var _this = _super.call(this) || this;
        _this.fb = fb;
        _this.store = store;
        _this.router = router;
        _this.route = route;
        _this.setTitleService = setTitleService;
        _this.formSubmitted = false;
        _this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["AsyncSubject"]();
        _this.mediaReady$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"](true);
        return _this;
    }
    EditTaskComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.form = this.taskFormComponent.taskForm;
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
        this.route.params.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_8__["GetTaskAction"](params.id));
        });
        this.task$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_11__["getTask"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_13__["filterEmpty"]));
        this.task$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (task) {
            _this.setTitleService.setTitle(Object(_utils__WEBPACK_IMPORTED_MODULE_13__["_"])('Edit: {name}'), window.location.pathname, {
                name: task.task.title
            });
        });
    };
    EditTaskComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
    };
    EditTaskComponent.prototype.onFormReady = function (form) {
        var _this = this;
        this.form$.next(form);
        setTimeout(function () { return _this.form$.complete(); });
    };
    EditTaskComponent.prototype.onMediaReady = function (status) {
        this.mediaReady$.next(status);
    };
    EditTaskComponent.prototype.submitForm = function () {
        var _this = this;
        if (!this.valid()) {
            return;
        }
        this.formSubmitted = true;
        this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_9__["UiShowLoaderAction"]());
        this.mediaReady$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (status) { return status; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function () { return Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["combineLatest"])(_this.form$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()), _this.task$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])())); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), form = _b[0], task = _b[1];
            _this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_8__["EditTaskAction"]({
                task: form.value,
                ID: task.task.ID
            }));
            _this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_9__["UiHideLoaderAction"]());
            _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_11__["getTaskLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (loading) { return loading === false; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["withLatestFrom"])(_this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_11__["getTaskError"]))), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
                var _b = __read(_a, 2), loading = _b[0], err = _b[1];
                return err;
            }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(_this)).subscribe(function (err) {
                if (err) {
                    _this.accessData$ = _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_11__["getTaskError"]));
                    _this.accessComponent.openModal();
                }
                else {
                    _this.router.navigateByUrl('/workspace/p/tasks');
                    _this.store.dispatch(new _actions_tasks__WEBPACK_IMPORTED_MODULE_8__["GetTaskAction"](task.task.ID));
                }
            });
        });
    };
    EditTaskComponent.prototype.valid = function () {
        return this.taskFormComponent.valid();
    };
    var _a, _b, _c, _d, _e, _f, _g;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('taskFormComponent', { static: true }),
        __metadata("design:type", typeof (_a = typeof _form_task_form_component__WEBPACK_IMPORTED_MODULE_15__["TaskFormComponent"] !== "undefined" && _form_task_form_component__WEBPACK_IMPORTED_MODULE_15__["TaskFormComponent"]) === "function" ? _a : Object)
    ], EditTaskComponent.prototype, "taskFormComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('accessComponent', { static: true }),
        __metadata("design:type", typeof (_b = typeof _access_access_component__WEBPACK_IMPORTED_MODULE_14__["AccessComponent"] !== "undefined" && _access_access_component__WEBPACK_IMPORTED_MODULE_14__["AccessComponent"]) === "function" ? _b : Object)
    ], EditTaskComponent.prototype, "accessComponent", void 0);
    EditTaskComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'edit-task-component',
            template: __webpack_require__(/*! ./edit-task.component.html */ "./src/app/workspace/tasks/edit/edit-task.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _e : Object, typeof (_f = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _f : Object, typeof (_g = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_10__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_10__["SetTitleService"]) === "function" ? _g : Object])
    ], EditTaskComponent);
    return EditTaskComponent;
}(_shared_form_can_deactivate__WEBPACK_IMPORTED_MODULE_12__["FormCanDeactivate"]));

module.exports = "<breadcrumbs-component\n  (onPublish)=\"submitForm()\"\n  [valid]=\"(form$ | async)?.valid\"\n  [disablePlusMenu]=\"true\"\n></breadcrumbs-component>\n\n<task-form-component\n  #taskFormComponent\n  (formReady)=\"onFormReady($event)\"\n  (mediaReady)=\"onMediaReady($event)\"\n  [patchForm]=\"(task$ | async)?.task\"\n  [task]=\"task$ | async\"\n></task-form-component>\n<access-component\n  #accessComponent\n  [accessData]=\"(accessData$ | async)\"\n>\n</access-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectCollectionsComponent", function() { return SelectCollectionsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../model/DenormalizedDashboard */ "./src/app/model/DenormalizedDashboard.ts");
/* harmony import */ var _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};



var SelectCollectionsComponent = (function () {
    function SelectCollectionsComponent() {
        this.modalOpened = false;
        this.initialCollectionsIDs = [];
        this.selectionCompleted = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_2__["trackByID"];
    }
    SelectCollectionsComponent.prototype.ngOnChanges = function (changes) {
        if (changes.modalOpened &&
            changes.modalOpened.previousValue !== changes.modalOpened.currentValue) {
            if (changes.modalOpened.currentValue === true) {
                this.selectCollectionsModal.open();
            }
            else if (changes.modalOpened.currentValue === false) {
                this.selectCollectionsModal.close();
            }
        }
        if (changes.initialCollectionsIDs &&
            changes.initialCollectionsIDs.previousValue !== changes.initialCollectionsIDs.currentValue) {
            this.initialCollectionsIDs = changes.initialCollectionsIDs.currentValue;
            this.selectedCollectionsIDs = new Set(this.initialCollectionsIDs);
        }
    };
    SelectCollectionsComponent.prototype.closeModal = function () {
        this.selectionCompleted.emit(this.initialCollectionsIDs);
    };
    SelectCollectionsComponent.prototype.keyPressed = function (event) {
        if (event.keyCode === 27) {
            this.closeModal();
        }
    };
    SelectCollectionsComponent.prototype.selectCollection = function (collectionID) {
        this.selectedCollectionsIDs.add(collectionID);
        this.selectedCollectionsIDs = new Set(this.selectedCollectionsIDs);
    };
    SelectCollectionsComponent.prototype.unselectCollection = function (collectionID) {
        this.selectedCollectionsIDs.delete(collectionID);
        this.selectedCollectionsIDs = new Set(this.selectedCollectionsIDs);
    };
    SelectCollectionsComponent.prototype.selectCollectionsComplete = function () {
        this.selectionCompleted.emit(__spread(this.selectedCollectionsIDs));
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_1__["DenormalizedDashboard"] !== "undefined" && _model_DenormalizedDashboard__WEBPACK_IMPORTED_MODULE_1__["DenormalizedDashboard"]) === "function" ? _a : Object)
    ], SelectCollectionsComponent.prototype, "dashboard", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], SelectCollectionsComponent.prototype, "modalOpened", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('collections'),
        __metadata("design:type", typeof (_b = typeof Array !== "undefined" && Array) === "function" ? _b : Object)
    ], SelectCollectionsComponent.prototype, "collections", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof Array !== "undefined" && Array) === "function" ? _c : Object)
    ], SelectCollectionsComponent.prototype, "initialCollectionsIDs", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('initialData'),
        __metadata("design:type", Number)
    ], SelectCollectionsComponent.prototype, "collectionID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_d = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _d : Object)
    ], SelectCollectionsComponent.prototype, "selectionCompleted", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('selectCollectionsModal', { static: true }),
        __metadata("design:type", Object)
    ], SelectCollectionsComponent.prototype, "selectCollectionsModal", void 0);
    SelectCollectionsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-collections-component',
            template: __webpack_require__(/*! ./select-collections.component.html */ "./src/app/workspace/tasks/select-collections/select-collections.component.html"),
            styles: [__webpack_require__(/*! ./select-collections.component.css */ "./src/app/workspace/tasks/select-collections/select-collections.component.css")],
            host: {
                '(window:keydown)': 'keyPressed($event)'
            }
        })
    ], SelectCollectionsComponent);
    return SelectCollectionsComponent;
}());

module.exports = "<ngx-smart-modal\n  #selectCollectionsModal\n  [closable]=\"false\"\n  [escapable]=\"false\"\n  customClass=\"modal-container\"\n  identifier=\"selectCollectionsModal\"\n>\n  <div class=\"modal\">\n    <div class=\"modal-header\">\n      <div\n        class=\"modal-back\"\n        (click)=\"closeModal()\"\n        translate>Back\n      </div>\n      <div\n        *ngIf=\"collections\"\n        role=\"button\"\n        class=\"done gold-b\"\n        (click)=\"selectCollectionsComplete()\"\n        translate\n      >Done</div>\n    </div>\n    <div class=\"modal-content\"> \n      <div\n        *ngIf=\"!collections\"\n        translate\n        class=\"notification\"\n      >\n        No collections in current workspace    \n      </div>  \n  \n      <div\n        class=\"line select-line\"\n        *ngFor=\"let collection of collections; trackBy: trackByID\"\n      >\n        <div class=\"thumb\">\n          <div\n            [style.background-image]=\"(dashboard?.medias[collection?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\"\n            class=\"col-thumb\" >\n          </div>\n          <div class=\"col-info\">\n            <div class=\"col-name text-truncate\">\n              {{ collection?.name }}\n            </div>\n            <div\n              class=\"col-count\"\n              translate\n              [translateParams]=\"{ count: (collection?.objectsCnt || 0)}\"\n            >objects.plural</div>\n          </div>\n        </div>\n\n\n        <div\n          *ngIf=\"!(selectedCollectionsIDs | existInSet:collection?.ID)\"\n          class=\"collector-button\"\n          role=\"button\"\n          (click)=\"selectCollection(collection?.ID)\"\n        >\n          {{ 'Add' | translate }}\n        </div>\n\n        <div\n          *ngIf=\"(selectedCollectionsIDs | existInSet:collection?.ID)\"\n          class=\"collector-button active\"\n          role=\"button\"\n          (click)=\"unselectCollection(collection?.ID)\"\n        >\n          {{ 'Added' | translate }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./select-collections.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/select-collections/select-collections.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".modal {\n  width: 768px;\n  font-size: 16px;\n  font-size: 1rem;\n  max-height: 80vh;\n}\n.modal-content {\n  -webkit-box-flex: 5;\n      -ms-flex-positive: 5;\n          flex-grow: 5;\n  padding-left: 7%;\n  padding-right: 7%;\n}\n.modal-content {\n  overflow-y: auto;\n  max-height: 80vw;\n  width: 100%\n}\n.modal-content .line {\n  padding: 0.5em 0;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.thumb {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  max-width: 90%;\n}\n.col-info {\n  margin-left: 1em;\n  font-weight: 900;\n  width: 80%\n}\n.col-info .col-name {\n  display: inline-block;\n  width: 100%;\n}\n.col-count {\n  color: #97A3AC;\n}\n.col-thumb {\n  width: 70px;\n  height: 70px;\n  min-width: 70px;\n  min-height: 70px;\n}\n.modal-back {\n  cursor: pointer;\n}\n.notification {\n  text-align: center;\n  font-size: 32px;\n  font-size: 2rem;\n}", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectObjectsComponent", function() { return SelectObjectsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var SelectObjectsComponent = (function () {
    function SelectObjectsComponent(viewsize) {
        this.viewsize = viewsize;
        this.selectionCompleted = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onClose = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.modalOpened = false;
        this.initialObjects = {};
    }
    SelectObjectsComponent.prototype.ngOnInit = function () {
        this.isPhone$ = this.viewsize.isPhone$;
    };
    SelectObjectsComponent.prototype.ngOnChanges = function (changes) {
        if (changes.modalOpened &&
            changes.modalOpened.previousValue !== changes.modalOpened.currentValue) {
            if (changes.modalOpened.currentValue === true) {
                this.selectObjectsModal.open();
            }
            else if (changes.modalOpened.currentValue === false) {
                this.selectObjectsModal.close();
            }
        }
    };
    SelectObjectsComponent.prototype.openFilterModal = function () {
        this.searchComponent.openFilterModal();
    };
    SelectObjectsComponent.prototype.selectObjectsComplete = function () {
        var selectedObjects = Object(ramda__WEBPACK_IMPORTED_MODULE_1__["values"])(this.searchComponent.getSelectedObjects());
        var taskObjects = {};
        selectedObjects.map(function (taskObject) {
            taskObject.objects.map(function (obj) {
                taskObjects[obj.ID] = {
                    ID: obj.ID,
                    name: obj.name
                };
            });
        });
        this.selectionCompleted.emit(__assign({}, this.initialObjects, taskObjects));
        this.searchComponent.resetSelection();
    };
    SelectObjectsComponent.prototype.closeModal = function () {
        this.selectionCompleted.emit(this.initialObjects);
    };
    SelectObjectsComponent.prototype.keyPressed = function (event) {
        if (event.keyCode === 27) {
            this.closeModal();
        }
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('objectShareModal', { static: true }),
        __metadata("design:type", Object)
    ], SelectObjectsComponent.prototype, "objectShareModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('searchComponent', { static: true }),
        __metadata("design:type", Object)
    ], SelectObjectsComponent.prototype, "searchComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('selectObjectsModal', { static: true }),
        __metadata("design:type", Object)
    ], SelectObjectsComponent.prototype, "selectObjectsModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _a : Object)
    ], SelectObjectsComponent.prototype, "selectionCompleted", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _b : Object)
    ], SelectObjectsComponent.prototype, "onClose", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], SelectObjectsComponent.prototype, "modalOpened", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], SelectObjectsComponent.prototype, "initialObjects", void 0);
    SelectObjectsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-objects-component',
            template: __webpack_require__(/*! ./select-objects.component.html */ "./src/app/workspace/tasks/select-objects/select-objects.component.html"),
            styles: [__webpack_require__(/*! ./select-objects.component.css */ "./src/app/workspace/tasks/select-objects/select-objects.component.css")],
            host: {
                '(window:keydown)': 'keyPressed($event)'
            }
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_2__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_2__["ViewportSizeService"]) === "function" ? _c : Object])
    ], SelectObjectsComponent);
    return SelectObjectsComponent;
}());

module.exports = "<ngx-smart-modal\n  #selectObjectsModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  (onClose)=\"closeModal()\"\n  (onDismiss)=\"closeModal()\"\n  identifier=\"object-share-modal\"\n>\n  <div class=\"modal mwide modal-embed-component\">\n    <div class=\"modal-header\">\n      <div\n        class=\"modal-back\"\n        (click)=\"closeModal()\"\n        translate\n      >Back</div>\n      <div\n        *ngIf=\"(isPhone$ | async)\"\n        class=\"filter-icon\"\n        (click)=\"openFilterModal()\"\n        role=\"button\"\n      >\n      </div>\n      <div role=\"button\" (click)=\"selectObjectsComplete()\">\n        <div class=\"gold-b\">\n          {{ 'SEND' | translate }}&nbsp;({{nSelected || 0}})\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"modal-scrollable-body\"\n      infinite-scroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"300\"\n      [scrollWindow]=\"false\"\n      (scrolled)=\"searchComponent.onScroll()\"\n    >\n      <search-component\n        #searchComponent\n        [insideModal]=\"true\"\n        [objectSelectMode]=\"true\"\n        (nSelectedChange)=\"nSelected=$event\"\n      ></search-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./select-objects.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/select-objects/select-objects.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserCardComponent", function() { return UserCardComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../api/model/media */ "./src/app/api/model/media.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_api_model_media__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _api_model_user__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../api/model/user */ "./src/app/api/model/user.ts");
/* harmony import */ var _api_model_user__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_api_model_user__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var UserCardComponent = (function () {
    function UserCardComponent(store, _eref, router) {
        this.store = store;
        this._eref = _eref;
        this.router = router;
        this.inviteID = null;
        this.tasks = 0;
        this.disableTaskB = false;
        this.disableDropDown = false;
        this.email = null;
        this.menuOpened = false;
    }
    UserCardComponent.prototype.toggleMenu = function () {
        this.menuOpened = !this.menuOpened;
    };
    UserCardComponent.prototype.onClick = function (event) {
        if (this.menuOpened && !this._eref.nativeElement.contains(event.target)) {
            this.menuOpened = false;
        }
    };
    UserCardComponent.prototype.handleAction = function (event) {
        switch (event) {
            case 'delete': {
                this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_4__["ModalRemoveFromTeamShowAction"]({
                    user: this.user,
                    rootID: this.rootID
                }));
                break;
            }
            case 'cancel': {
                if (!this.inviteID) {
                    return;
                }
                this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_5__["CancelInviteAction"](this.inviteID));
                break;
            }
            case 'invite': {
                this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_5__["CreateInviteAction"]({
                    toUserID: this.user.ID,
                    rootID: this.rootID
                }));
                break;
            }
            case 'create-task': {
                this.router.navigateByUrl(this.router.createUrlTree(['/workspace/p/tasks/create'], { queryParams: {
                        userID: this.user.ID
                    } }));
                break;
            }
            case 'message': {
                this.sendMessage();
                break;
            }
            case 'public-collections': {
                this.router.navigateByUrl(this.router.createUrlTree(['/workspace/public'], { queryParams: {
                        userID: this.user.ID
                    } }));
                break;
            }
        }
    };
    UserCardComponent.prototype.sendMessage = function () {
        this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_3__["GetMessagesRangeAction"]({
            peer: {
                typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_8__["MessagePeerTypes"].contact,
                ID: this.user.ID
            },
            range: {
                distance: -15,
                include: false
            }
        }));
        this.router.navigateByUrl('/workspace/p/messenger');
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Number)
    ], UserCardComponent.prototype, "inviteID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_user__WEBPACK_IMPORTED_MODULE_7__["User"] !== "undefined" && _api_model_user__WEBPACK_IMPORTED_MODULE_7__["User"]) === "function" ? _a : Object)
    ], UserCardComponent.prototype, "user", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"] !== "undefined" && _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"]) === "function" ? _b : Object)
    ], UserCardComponent.prototype, "media", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], UserCardComponent.prototype, "tasks", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], UserCardComponent.prototype, "disableTaskB", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], UserCardComponent.prototype, "disableDropDown", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Number)
    ], UserCardComponent.prototype, "rootID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Number)
    ], UserCardComponent.prototype, "myRootID", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", String)
    ], UserCardComponent.prototype, "email", void 0);
    UserCardComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'usercard-component',
            template: __webpack_require__(/*! ./usercard.component.html */ "./src/app/workspace/team/usercard.component.html"),
            styles: [__webpack_require__(/*! ./usercard.component.css */ "./src/app/workspace/team/usercard.component.css"), __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css"), __webpack_require__(/*! ../../shared/pills.css */ "./src/app/shared/pills.css")],
            host: {
                '(document:click)': 'onClick($event)'
            },
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _c : Object, typeof (_d = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _d : Object, typeof (_e = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _e : Object])
    ], UserCardComponent);
    return UserCardComponent;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectGroupsComponent", function() { return SelectGroupsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};


var SelectGroupsComponent = (function () {
    function SelectGroupsComponent() {
        this.modalOpened = false;
        this.groups = [];
        this.selectionCompleted = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.initialGroupsIDs = [];
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_1__["trackByID"];
    }
    SelectGroupsComponent.prototype.ngOnChanges = function (changes) {
        if (changes.modalOpened &&
            changes.modalOpened.previousValue !== changes.modalOpened.currentValue) {
            if (changes.modalOpened.currentValue === true) {
                this.selectGroupsModal.open();
            }
            else if (changes.modalOpened.currentValue === false) {
                this.selectGroupsModal.close();
            }
        }
        if (changes.initialGroupsIDs &&
            changes.initialGroupsIDs.previousValue !== changes.initialGroupsIDs.currentValue) {
            this.initialGroupsIDs = changes.initialGroupsIDs.currentValue;
            this.selectedGroupIDs = new Set(this.initialGroupsIDs);
        }
    };
    SelectGroupsComponent.prototype.closeModal = function () {
        this.selectionCompleted.emit(this.initialGroupsIDs);
    };
    SelectGroupsComponent.prototype.keyPressed = function (event) {
        if (event.keyCode === 27) {
            this.closeModal();
        }
    };
    SelectGroupsComponent.prototype.selectGroup = function (groupID) {
        this.selectedGroupIDs.add(groupID);
        this.selectedGroupIDs = new Set(this.selectedGroupIDs);
    };
    SelectGroupsComponent.prototype.unselectGroup = function (groupID) {
        this.selectedGroupIDs.delete(groupID);
        this.selectedGroupIDs = new Set(this.selectedGroupIDs);
    };
    SelectGroupsComponent.prototype.selectGroupsComplete = function () {
        this.selectionCompleted.emit(__spread(this.selectedGroupIDs));
    };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('modalOpened'),
        __metadata("design:type", Object)
    ], SelectGroupsComponent.prototype, "modalOpened", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('groups'),
        __metadata("design:type", typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object)
    ], SelectGroupsComponent.prototype, "groups", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('selectGroupsModal', { static: true }),
        __metadata("design:type", Object)
    ], SelectGroupsComponent.prototype, "selectGroupsModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _b : Object)
    ], SelectGroupsComponent.prototype, "selectionCompleted", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof Array !== "undefined" && Array) === "function" ? _c : Object)
    ], SelectGroupsComponent.prototype, "initialGroupsIDs", void 0);
    SelectGroupsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'select-groups-component',
            template: __webpack_require__(/*! ./select-groups.component.html */ "./src/app/workspace/tasks/select-groups/select-groups.component.html"),
            styles: [__webpack_require__(/*! ./select-groups.component.css */ "./src/app/workspace/tasks/select-groups/select-groups.component.css")],
            host: {
                '(window:keydown)': 'keyPressed($event)'
            }
        })
    ], SelectGroupsComponent);
    return SelectGroupsComponent;
}());

module.exports = "<ngx-smart-modal\n  #selectGroupsModal\n  [closable]=\"false\"\n  [escapable]=\"false\"\n  customClass=\"modal-container\"\n  identifier=\"selectGroupsModal\"\n>\n  <div class=\"modal\">\n    <div class=\"modal-header\">\n      <div\n        class=\"modal-back\"\n        (click)=\"closeModal()\"\n        translate>Back\n      </div>\n      <div\n        *ngIf=\"groups\"\n        class=\"done gold-b\"\n        (click)=\"selectGroupsComplete()\"\n        role=\"button\"\n      >\n        {{ 'Done' | translate }}\n      </div>\n    </div>\n    <div class=\"modal-content\">\n      <div\n        *ngIf=\"!groups\"\n        translate\n        class=\"notification\"\n      >\n        No groups in current workspace    \n      </div>  \n      <div\n        class=\"line select-line\"\n        *ngFor=\"let group of groups; trackBy: trackByID\"\n      >\n        <div class=\"name text-truncate\">\n          {{ group?.name }}\n        </div>\n        <div\n          *ngIf=\"(selectedGroupIDs | existInSet:group?.ID) === false\"\n          class=\"collector-button\"\n          role=\"button\"\n          (click)=\"selectGroup(group?.ID)\"\n        >\n          {{ 'Add' | translate }}\n        </div>\n\n        <div\n          *ngIf=\"(selectedGroupIDs | existInSet:group?.ID) === true\"\n          class=\"collector-button active\"\n          role=\"button\"\n          (click)=\"unselectGroup(group?.ID)\"\n        >\n          {{ 'Added' | translate }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./select-groups.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/select-groups/select-groups.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".modal {\n  font: 32px \"Avenir Next\";\n  font: 2rem \"Avenir Next\";\n  width: 768px;\n}\n.modal-content {\n  padding-left: 7%;\n  padding-right: 7%;\n}\n.modal-content {\n  overflow-y: auto;\n  max-height: 80vw;\n  width: 100%\n}\n.modal-content .line {\n  padding: 0.5em 0;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.name {\n  display: inline-block;\n  max-width: 80%;\n}\n.modal-back {\n  cursor: pointer;\n}\n.notification {\n  text-align: center;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TaskCardComponent", function() { return TaskCardComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var ngx_contextmenu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ngx-contextmenu */ "./node_modules/ngx-contextmenu/fesm5/ngx-contextmenu.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../api/model/media */ "./src/app/api/model/media.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_api_model_media__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../api/model/taskPreview */ "./src/app/api/model/taskPreview.ts");
/* harmony import */ var _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var TaskCardComponent = (function () {
    function TaskCardComponent(contextMenuService, store, translate) {
        this.contextMenuService = contextMenuService;
        this.store = store;
        this.translate = translate;
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    TaskCardComponent.prototype.openTaskModal = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_5__["ModalTaskShowAction"](this.task));
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__["TaskPreview"] !== "undefined" && _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__["TaskPreview"]) === "function" ? _a : Object)
    ], TaskCardComponent.prototype, "task", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"] !== "undefined" && _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"]) === "function" ? _b : Object)
    ], TaskCardComponent.prototype, "media", void 0);
    TaskCardComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'task-card-component',
            template: __webpack_require__(/*! ./task-card.component.html */ "./src/app/workspace/tasks/card/task-card.component.html"),
            styles: [
                __webpack_require__(/*! ./task-card.component.css */ "./src/app/workspace/tasks/card/task-card.component.css")
            ],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof ngx_contextmenu__WEBPACK_IMPORTED_MODULE_3__["ContextMenuService"] !== "undefined" && ngx_contextmenu__WEBPACK_IMPORTED_MODULE_3__["ContextMenuService"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"]) === "function" ? _e : Object])
    ], TaskCardComponent);
    return TaskCardComponent;
}());

module.exports = "<div class=\"task-container\">\n  <div class=\"header\" (click)=\"openTaskModal()\">\n    <div class=\"title text-truncate\">\n      {{ task?.title }}\n    </div>\n    <div class=\"avatar\"\n       [style.background-image]=\"(media | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n    ></div>\n  </div>\n\n  <div\n    class=\"description\"\n    (click)=\"openTaskModal()\"\n  >\n    <expandable-text\n      [text]=\"task?.description\"\n      [maxLength]=\"30\"\n    ></expandable-text>\n  </div>\n\n  <div class=\"footer\">\n    <div class=\"date\">\n      <div class=\"created\">\n        {{ task?.creationTime | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}\n      </div>\n      <div\n        class=\"deadline\"\n        *ngIf=\"task?.deadline\"\n      >\n        {{ task?.deadline | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}\n      </div>\n    </div>\n\n    <div class=\"actions\">\n      <label\n        *ngIf=\"task?.withMedias\"\n        class=\"send-media-icon\"\n        role=\"button\"\n      >\n      </label>\n\n      <task-menu-component\n        [task]=\"task\"\n      >\n      </task-menu-component>\n    </div>\n  </div>\n</div>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./task-card.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/card/task-card.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".task-container {\n  font-size: 20px;\n  font-size: 1.25rem;\n  background-color: #ffffff;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  border: 1px solid #ccd2d6;\n  border-radius: 0.57em;\n  margin-bottom: 0.5em;\n  position: relative;\n}\n.header {\n  padding-top: 0.43em;\n}\n.header, .description {\n  height: 2.71em;\n  padding-left: 0.71em;\n  padding-right: 0.71em;\n}\n.header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row\n}\n.header .title {\n  height: 3em;\n  word-wrap: break-word;\n  width: 76.2%;\n  color: #1a252f;\n  font-family: \"Avenir Next\";\n}\n.header .avatar {\n  width: 2.14em;\n  height: 2.14em;\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-image: url(/assets/i/userpic-stub.png);\n}\n.description {\n  height: 100%;\n  word-break: break-all;\n  min-height: 4em;\n  color: #97A3AC;\n  font-family: \"Avenir Next\";\n}\n.footer {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.date {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n}\n.created {\n  z-index: 1;\n  position: relative;\n  border-bottom-left-radius: 0.57em;\n  border-top-right-radius: 0.57em;\n  text-align: center;\n  color: #97A3AC;\n  background-color: #ccd2d6;\n  font-size: 0.65em;\n  font-weight: bold;\n  font-family: \"Avenir Next\";\n  padding-right: 0.5em;\n  padding-left: 0.5em;\n}\n.deadline {\n  padding-left: 1em;\n  position: relative;\n  left: -0.5em;\n  border-top-right-radius: 0.57em;\n  text-align: center;\n  color: #ffffff;\n  background-color: #d0021b;\n  font-size: 0.65em;\n  font-weight: bold;\n  font-family: \"Avenir Next\";\n  padding-right: 0.5em;\n}\n.actions {\n  padding-right: 0.71em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end\n}\n.actions .send-media-icon {\n  margin-right: 0.5em;\n  margin-bottom: 0.2em;\n  width: 1.34em;\n  height: 1.2em;\n  display: inline-block;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/messenger-add-file.svg);\n}\n.dots {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 1.2em\n}\n.dots .point {\n  display: inline-block;\n  border: 2px solid black;\n  border-radius: 50%;\n  height: 2px;\n  width: 2px;\n  background-color: #1a252f;\n  margin: 0 1px;\n}\n.actions:hover {\n  cursor: pointer;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TaskLineComponent", function() { return TaskLineComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var ngx_contextmenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-contextmenu */ "./node_modules/ngx-contextmenu/fesm5/ngx-contextmenu.js");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../api/model/media */ "./src/app/api/model/media.ts");
/* harmony import */ var _api_model_media__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_api_model_media__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../api/model/taskPreview */ "./src/app/api/model/taskPreview.ts");
/* harmony import */ var _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var TaskLineComponent = (function () {
    function TaskLineComponent(contextMenuService, store, translate) {
        this.contextMenuService = contextMenuService;
        this.store = store;
        this.translate = translate;
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    TaskLineComponent.prototype.showActionsMenu = function ($event) {
        this.contextMenuEvent = $event;
        $event.preventDefault();
        $event.stopPropagation();
    };
    TaskLineComponent.prototype.openTaskModal = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_4__["ModalTaskShowAction"](this.task));
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__["TaskPreview"] !== "undefined" && _api_model_taskPreview__WEBPACK_IMPORTED_MODULE_7__["TaskPreview"]) === "function" ? _a : Object)
    ], TaskLineComponent.prototype, "task", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"] !== "undefined" && _api_model_media__WEBPACK_IMPORTED_MODULE_6__["Media"]) === "function" ? _b : Object)
    ], TaskLineComponent.prototype, "media", void 0);
    TaskLineComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'task-line-component',
            template: __webpack_require__(/*! ./task-line.component.html */ "./src/app/workspace/tasks/line/task-line.component.html"),
            styles: [
                __webpack_require__(/*! ./task-line.component.css */ "./src/app/workspace/tasks/line/task-line.component.css")
            ],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof ngx_contextmenu__WEBPACK_IMPORTED_MODULE_5__["ContextMenuService"] !== "undefined" && ngx_contextmenu__WEBPACK_IMPORTED_MODULE_5__["ContextMenuService"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_2__["TranslateService"]) === "function" ? _e : Object])
    ], TaskLineComponent);
    return TaskLineComponent;
}());

module.exports = "<div class=\"task-line-container\">\n  <div\n    class=\"task-line\"\n    (click)=\"openTaskModal()\"\n  >\n    <div class=\"date\">\n      <div\n        class=\"creation\"\n        *ngIf=\"task?.creationTime\"\n      >\n        <div class=\"creation-date\">\n          {{ task?.creationTime | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}\n        </div>\n      </div>\n      <div\n        class=\"deadline\"\n        *ngIf=\"task?.deadline\"\n      >\n        <div class=\"deadline-date\">\n          {{ task?.deadline | amLocale: (onLangChange$ | async)?.lang | amDateFormat: 'L' }}\n        </div>\n      </div>\n    </div>\n    <div class=\"task-avatar-container\">\n      <div\n        class=\"avatar\"\n        [style.background-image]=\"(media | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n      >\n      </div>\n    </div>\n    <div\n      class=\"title\"\n    >\n      {{ task?.title }}\n    </div>\n  </div>\n\n  <div class=\"actions\">\n    <task-menu-component\n      [task]=\"task\"\n    >\n    </task-menu-component>\n    <label\n      *ngIf=\"task?.withMedias\"\n      class=\"send-media-icon\"\n      role=\"button\"\n    ></label>\n  </div>\n</div>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./task-line.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/tasks/line/task-line.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  font-family: \"Avenir Next\";\n  font-size: 16px;\n  font-size: 1rem;\n}\n.task-line-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  border-bottom: 1px solid #97A3AC;\n}\n.task-line {\n  width: 95%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background-color: #ffffff;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  cursor: pointer;\n}\n.date {\n  min-height: 5em;\n  width: 6.75em;\n  font-weight: bold;\n  font-size: 0.83em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column\n}\n.date .creation {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1 1;\n  padding-top: 0.55em;\n  padding-bottom: 0.55em;\n  text-align: center;\n  color: #97A3AC;\n  background-color: #ccd2d6;\n}\n.date .deadline {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1 1;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  padding-top: 0.55em;\n  padding-bottom: 0.55em;\n  text-align: center;\n  color: #ffffff;\n  background-color: #d0021b;\n}\n.task-avatar-container {\n  padding-left: 1.25em\n}\n.task-avatar-container .avatar {\n  width: 2.14em;\n  height: 2.14em;\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-image: url(/assets/i/userpic-stub.png);\n}\n.title {\n  font-size: 1.16em;\n  padding-left: 0.7em;\n  font-weight: bold;\n  word-wrap: break-word;\n  width: 65%;\n  color: #1a252f;\n  font-family: \"Avenir Next\";\n}\n.actions {\n  background-color: #ffffff;\n  padding-right: 0.71em;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 10%\n}\n.actions .send-media-icon {\n  width: 1.34em;\n  height: 1.2em;\n  display: inline-block;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/messenger-add-file.svg);\n}\n.dots {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.dots .point {\n  display: inline-block;\n  border: 2px solid black;\n  border-radius: 50%;\n  height: 2px;\n  width: 2px;\n  background-color: #1a252f;\n  margin: 0 1px;\n}\n.dots :hover {\n  cursor: pointer;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessengerWorkspaceModule", function() { return MessengerWorkspaceModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../shared/shared.module */ "./src/app/shared/shared.module.ts");
/* harmony import */ var _messenger_workspace_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./messenger-workspace.component */ "./src/app/workspace/messenger/messenger-workspace.component.ts");
/* harmony import */ var _messenger_messenger_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../messenger/messenger.module */ "./src/app/messenger/messenger.module.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};






var MessengerWorkspaceModule = (function () {
    function MessengerWorkspaceModule() {
    }
    MessengerWorkspaceModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
            imports: [
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_2__["SharedModule"],
                _messenger_messenger_module__WEBPACK_IMPORTED_MODULE_4__["MessengerModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"].forChild([
                    {
                        path: '',
                        component: _messenger_workspace_component__WEBPACK_IMPORTED_MODULE_3__["MessengerWorkspaceComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_5__["_"])('Messenger')
                        }
                    }
                ]),
            ],
            declarations: [
                _messenger_workspace_component__WEBPACK_IMPORTED_MODULE_3__["MessengerWorkspaceComponent"],
            ]
        })
    ], MessengerWorkspaceModule);
    return MessengerWorkspaceModule;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessengerWorkspaceComponent", function() { return MessengerWorkspaceComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var MessengerWorkspaceComponent = (function () {
    function MessengerWorkspaceComponent(store, viewsize) {
        this.store = store;
        this.viewsize = viewsize;
        this.header = 'default';
        this.back$ = new rxjs__WEBPACK_IMPORTED_MODULE_1__["Subject"]();
        this.msgEvent$ = new rxjs__WEBPACK_IMPORTED_MODULE_1__["Subject"]();
        this.phoneUiState$ = new rxjs__WEBPACK_IMPORTED_MODULE_1__["BehaviorSubject"]('viewmenu');
        this.MessagePeerTypes = _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_5__["MessagePeerTypes"];
    }
    MessengerWorkspaceComponent.prototype.ngOnInit = function () {
        this.isPhone$ = this.viewsize.isPhone$;
        this.activeConversation$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getActiveConversation"]));
        this.banlist$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getBanlist"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]));
    };
    MessengerWorkspaceComponent.prototype.setHeader = function (header) {
        var _this = this;
        setTimeout(function () {
            _this.header = header;
        });
    };
    MessengerWorkspaceComponent.prototype.msgEvent = function (evName) {
        this.msgEvent$.next(evName);
    };
    var _a, _b;
    MessengerWorkspaceComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'messenger-workspace-component',
            template: __webpack_require__(/*! ./messenger-workspace.component.html */ "./src/app/workspace/messenger/messenger-workspace.component.html"),
            styles: [__webpack_require__(/*! ./messenger-workspace.component.css */ "./src/app/workspace/messenger/messenger-workspace.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_7__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_7__["ViewportSizeService"]) === "function" ? _b : Object])
    ], MessengerWorkspaceComponent);
    return MessengerWorkspaceComponent;
}());

module.exports = "<breadcrumbs-component\n  #breadcrumbs\n  [suppressBack]=\"(phoneUiState$ | async) === 'viewchat'\"\n  [forceShowBack]=\"(phoneUiState$ | async) === 'viewchat' && (isPhone$ | async) === true\"\n  [disablePlusMenu]=\"true\"\n  (onBack)=\"back$.next()\"\n>\n  <div\n    class=\"mobile-top\"\n  >\n    <ng-container\n      *ngIf=\"(phoneUiState$ | async) === 'viewmenu'\"\n    >\n      <div class=\"screen-icon messenger-icon\"></div>\n      <div class=\"screen-name\" translate>Messenger</div>\n      <dropdown\n        class=\"top-dd\"\n        [actions]=\"[\n          [('create chat' | translate), 'openCreateChatModal'],\n          [('start dialog' | translate), 'start-dialog'],\n          [('banlist' | translate), 'banlist']\n        ]\"\n        [vertical]=\"true\"\n        (onAction)=\"msgEvent($event)\"\n      ></dropdown>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"(phoneUiState$ | async) === 'viewchat'\"\n    >\n      <div class=\"current-conversation\">\n        <div class=\"convo-cont\">\n          <div *ngIf=\"(activeConversation$ | async)?.peer | chatNameByPeer | async\"\n            class=\"chat-image\"\n            [style.background-image]=\"(((activeConversation$ | async)?.peer | chatAvatarByPeer | async | preferPhotoMediaTypes: ['avatar', 'small'])?.URI || '/assets/i/userpic-stub.png') | bgImage\">\n          </div>\n\n          <div class=\"chat-name-container\">\n            <span class=\"chat-name\">\n              {{ (activeConversation$ | async)?.peer | chatNameByPeer | async }}\n            </span>\n\n            <div\n              *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat\"\n              class=\"users-count\"\n              (click)=\"msgEvent('toggleMembersModal')\"\n              role=\"button\"\n              translate\n              [translateParams]=\"{count: ((activeConversation$ | async)?.messages?.chats[(activeConversation$ | async)?.peer?.ID]?.usersCnt || 0)}\"\n            >\n              user.plural\n            </div>\n          </div>\n\n          <div\n            class=\"conv-systick\"\n            *ngIf=\"((activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.systemUser)\"\n          ></div>\n        </div>\n      </div>\n      <dropdown\n        *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat\"\n        class=\"top-dd\"\n        [actions]=\"[\n          [('info' | translate), 'info']\n        ]\"\n        [vertical]=\"true\"\n        (onAction)=\"msgEvent($event)\"\n      ></dropdown>\n      <dropdown\n        *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.contact && !((banlist$ | async)?.indexedUsers[(activeConversation$ | async)?.peer?.ID]) && !((activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer.ID]?.systemUser)\"\n        class=\"top-dd\"\n        [actions]=\"[\n          [('ban user' | translate), 'banUser']\n        ]\"\n        [vertical]=\"true\"\n        (onAction)=\"msgEvent($event)\"\n      ></dropdown>\n      <dropdown\n        *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.contact && (banlist$ | async)?.indexedUsers[(activeConversation$ | async)?.peer?.ID]\"\n        class=\"top-dd\"\n        [actions]=\"[\n          [('unban user' | translate), 'unbanUser']\n        ]\"\n        [vertical]=\"true\"\n        (onAction)=\"msgEvent($event)\"\n      ></dropdown>\n    </ng-container>\n  </div>\n</breadcrumbs-component>\n\n<messenger-component\n   #messenger\n   [back$]=\"back$\"\n   [msgEvent$]=\"msgEvent$\"\n   [phoneUiState$]=\"phoneUiState$\"\n   (onSetHeader)=\"setHeader($event)\"\n></messenger-component>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./messenger-workspace.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/messenger/messenger-workspace.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".chat-name {\n  color: #fff;\n  margin-left: 10px;\n  font-size: 14px;\n  white-space: nowrap;\n  max-width: 40vw;\n  overflow-x: hidden;\n  display: block;\n  text-overflow: ellipsis;\n}\n.users-count {\n  font-size: 14px;\n  margin-left: 10px;\n  color: #a9b3ba;\n  white-space: nowrap;\n}\n.chat-image {\n height: 30px;\n width: 30px;\n -webkit-box-flex: 0;\n     -ms-flex: 0 0 30px;\n         flex: 0 0 30px;\n border-radius: 100%;\n background-position: center;\n background-size: cover;\n}\n.conv-systick {\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  background-color: #D4A924;\n  margin-left: 9px;\n  color: #ffffff;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/vw.svg);\n  background-size: 75%;\n  display: inline-block;\n}\n.convo-cont {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0;\n          flex: 1 0;\n}\n.current-conversation {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin: 0 10px;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessengerModule", function() { return MessengerModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var ng_push__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ng-push */ "./node_modules/ng-push/ng-push.umd.js");
/* harmony import */ var ng_push__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(ng_push__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng2-dragula */ "./node_modules/ng2-dragula/dist/fesm5/ng2-dragula.js");
/* harmony import */ var ng2_truncate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ng2-truncate */ "./node_modules/ng2-truncate/dist/index.js");
/* harmony import */ var ngx_contextmenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-contextmenu */ "./node_modules/ngx-contextmenu/fesm5/ngx-contextmenu.js");
/* harmony import */ var ngx_smart_modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ngx-smart-modal */ "./node_modules/ngx-smart-modal/esm5/ngx-smart-modal.js");
/* harmony import */ var _message_message_pending_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./message/message-pending.component */ "./src/app/messenger/message/message-pending.component.ts");
/* harmony import */ var _pipes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pipes */ "./src/app/messenger/pipes/index.ts");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shared/shared.module */ "./src/app/shared/shared.module.ts");
/* harmony import */ var _banlist_banlist_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./banlist/banlist.component */ "./src/app/messenger/banlist/banlist.component.ts");
/* harmony import */ var _chat_info_create_chat_info_create_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./chat-info/create/chat-info-create.component */ "./src/app/messenger/chat-info/create/chat-info-create.component.ts");
/* harmony import */ var _chat_info_edit_chat_info_edit_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./chat-info/edit/chat-info-edit.component */ "./src/app/messenger/chat-info/edit/chat-info-edit.component.ts");
/* harmony import */ var _chat_info_form_chat_info_form_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./chat-info/form/chat-info-form.component */ "./src/app/messenger/chat-info/form/chat-info-form.component.ts");
/* harmony import */ var _members_list_members_list_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./members-list/members-list.component */ "./src/app/messenger/members-list/members-list.component.ts");
/* harmony import */ var _message_message_inline_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./message/message-inline.component */ "./src/app/messenger/message/message-inline.component.ts");
/* harmony import */ var _message_message_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./message/message.component */ "./src/app/messenger/message/message.component.ts");
/* harmony import */ var _messenger_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./messenger.component */ "./src/app/messenger/messenger.component.ts");
/* harmony import */ var _start_dialog_start_dialog_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./start-dialog/start-dialog.component */ "./src/app/messenger/start-dialog/start-dialog.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};



















var MessengerModule = (function () {
    function MessengerModule() {
    }
    MessengerModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
            imports: [
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_9__["SharedModule"],
                _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormsModule"],
                _angular_forms__WEBPACK_IMPORTED_MODULE_1__["ReactiveFormsModule"],
                ng2_dragula__WEBPACK_IMPORTED_MODULE_3__["DragulaModule"],
                ngx_contextmenu__WEBPACK_IMPORTED_MODULE_5__["ContextMenuModule"],
                ngx_smart_modal__WEBPACK_IMPORTED_MODULE_6__["NgxSmartModalModule"].forChild(),
                ng2_truncate__WEBPACK_IMPORTED_MODULE_4__["TruncateModule"],
                ng_push__WEBPACK_IMPORTED_MODULE_2__["PushNotificationsModule"],
            ],
            declarations: __spread([
                _messenger_component__WEBPACK_IMPORTED_MODULE_17__["MessengerComponent"],
                _chat_info_form_chat_info_form_component__WEBPACK_IMPORTED_MODULE_13__["ChatInfoFormComponent"],
                _chat_info_create_chat_info_create_component__WEBPACK_IMPORTED_MODULE_11__["ChatInfoCreateComponent"],
                _chat_info_edit_chat_info_edit_component__WEBPACK_IMPORTED_MODULE_12__["ChatInfoEditComponent"],
                _banlist_banlist_component__WEBPACK_IMPORTED_MODULE_10__["BanlistComponent"],
                _message_message_component__WEBPACK_IMPORTED_MODULE_16__["MessageComponent"],
                _message_message_inline_component__WEBPACK_IMPORTED_MODULE_15__["MessageInlineComponent"],
                _message_message_pending_component__WEBPACK_IMPORTED_MODULE_7__["MessagePendingComponent"],
                _members_list_members_list_component__WEBPACK_IMPORTED_MODULE_14__["MembersListComponent"],
                _start_dialog_start_dialog_component__WEBPACK_IMPORTED_MODULE_18__["StartDialogComponent"]
            ], _pipes__WEBPACK_IMPORTED_MODULE_8__["MessengerPipes"]),
            exports: __spread([
                _messenger_component__WEBPACK_IMPORTED_MODULE_17__["MessengerComponent"]
            ], _pipes__WEBPACK_IMPORTED_MODULE_8__["MessengerPipes"]),
            providers: [
                ngx_smart_modal__WEBPACK_IMPORTED_MODULE_6__["NgxSmartModalService"]
            ]
        })
    ], MessengerModule);
    return MessengerModule;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _truncate_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./truncate.module */ "./node_modules/ng2-truncate/dist/truncate.module.js");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TruncateModule", function() { return _truncate_module__WEBPACK_IMPORTED_MODULE_0__["TruncateModule"]; });

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TRUNCATE_PIPES", function() { return _truncate_module__WEBPACK_IMPORTED_MODULE_0__["TRUNCATE_PIPES"]; });


//# sourceMappingURL=index.js.map__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TRUNCATE_PIPES", function() { return TRUNCATE_PIPES; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TruncateModule", function() { return TruncateModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _truncate_characters_pipe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./truncate-characters.pipe */ "./node_modules/ng2-truncate/dist/truncate-characters.pipe.js");
/* harmony import */ var _truncate_words_pipe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./truncate-words.pipe */ "./node_modules/ng2-truncate/dist/truncate-words.pipe.js");



var TRUNCATE_PIPES = [_truncate_characters_pipe__WEBPACK_IMPORTED_MODULE_1__["TruncateCharactersPipe"], _truncate_words_pipe__WEBPACK_IMPORTED_MODULE_2__["TruncateWordsPipe"]];
var TruncateModule = (function () {
    function TruncateModule() {
    }
    TruncateModule.decorators = [
        { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"], args: [{
                    declarations: [TRUNCATE_PIPES],
                    exports: [TRUNCATE_PIPES]
                },] },
    ];
    /** @nocollapse */
    TruncateModule.ctorParameters = function () { return []; };
    return TruncateModule;
}());

//# sourceMappingURL=truncate.module.js.map__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TruncateCharactersPipe", function() { return TruncateCharactersPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");

var TruncateCharactersPipe = (function () {
    function TruncateCharactersPipe() {
    }
    TruncateCharactersPipe.prototype.transform = function (value, limit, trail) {
        if (limit === void 0) { limit = 40; }
        if (trail === void 0) { trail = '…'; }
        if (!value) {
            value = '';
        }
        if (limit < 0) {
            limit *= -1;
            return value.length > limit ? trail + value.substring(value.length - limit, value.length) : value;
        }
        else {
            return value.length > limit ? value.substring(0, limit) + trail : value;
        }
    };
    TruncateCharactersPipe.decorators = [
        { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"], args: [{
                    name: 'truncate'
                },] },
    ];
    /** @nocollapse */
    TruncateCharactersPipe.ctorParameters = function () { return []; };
    return TruncateCharactersPipe;
}());

//# sourceMappingURL=truncate-characters.pipe.js.map__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TruncateWordsPipe", function() { return TruncateWordsPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");

var TruncateWordsPipe = (function () {
    function TruncateWordsPipe() {
    }
    TruncateWordsPipe.prototype.transform = function (value, limit, trail) {
        if (limit === void 0) { limit = 40; }
        if (trail === void 0) { trail = '…'; }
        var result = value || '';
        if (value) {
            var words = value.split(/\s+/);
            if (words.length > Math.abs(limit)) {
                if (limit < 0) {
                    limit *= -1;
                    result = trail + words.slice(words.length - limit, words.length).join(' ');
                }
                else {
                    result = words.slice(0, limit).join(' ') + trail;
                }
            }
        }
        return result;
    };
    TruncateWordsPipe.decorators = [
        { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"], args: [{
                    name: 'words'
                },] },
    ];
    /** @nocollapse */
    TruncateWordsPipe.ctorParameters = function () { return []; };
    return TruncateWordsPipe;
}());

//# sourceMappingURL=truncate-words.pipe.js.map__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessagePendingComponent", function() { return MessagePendingComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _model_PendingMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../model/PendingMessage */ "./src/app/model/PendingMessage.ts");
/* harmony import */ var _model_PendingMessage__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_model_PendingMessage__WEBPACK_IMPORTED_MODULE_1__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var MessagePendingComponent = (function () {
    function MessagePendingComponent() {
        this.scrollToBottom = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.admin = false;
    }
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessagePendingComponent.prototype, "scrollToBottom", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _model_PendingMessage__WEBPACK_IMPORTED_MODULE_1__["PendingMessage"] !== "undefined" && _model_PendingMessage__WEBPACK_IMPORTED_MODULE_1__["PendingMessage"]) === "function" ? _a : Object)
    ], MessagePendingComponent.prototype, "message", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], MessagePendingComponent.prototype, "admin", void 0);
    MessagePendingComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'message-pending-component',
            template: __webpack_require__(/*! ./message-pending.component.html */ "./src/app/messenger/message/message-pending.component.html"),
            styles: [
                __webpack_require__(/*! ./message-inline.component.css */ "./src/app/messenger/message/message-inline.component.css")
            ],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [])
    ], MessagePendingComponent);
    return MessagePendingComponent;
}());

module.exports = "<div\nclass=\"message-container my-message\"\n[ngClass]=\"{\n 'object-message': message?.object\n}\"\n>\n<div class=\"message-content\">\n  <div class=\"message-main-body\">\n    <div class=\"message-body pending\">\n      <div class=\"user-name\">\n        <span\n          translate\n        >You\n        </span>\n      </div>\n\n      <div class=\"message-text\">\n        <span\n          *ngIf=\"message?.text\"\n          [innerHTML]=\"message?.text | newlines | linky\"\n        ></span>\n\n        <object-card-component\n          *ngIf=\"message?.object\"\n          [object]=\"message?.object\"\n          [hasContextMenu]=\"false\"\n          [admin]=\"admin\"\n        ></object-card-component>\n\n        <img\n          *ngIf=\"message?.photo\"\n          class=\"message-image\"\n          (load)=\"scrollToBottom.emit()\"\n          [src]=\"message?.photo | toBlobURI\"\n        />\n\n        <div\n          class=\"doc-thumb messenger-document\"\n          *ngIf=\"message?.file\"\n        >\n          <span>\n            <div class=\"doc-icon\"></div>\n            <div class=\"file-name\">{{ message?.file?.filename }}</div>\n          </span>\n        </div>\n      </div>\n\n      <div class=\"msg-tail\">\n        <div class=\"msg-tail-cut\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./message-inline.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/messenger/message/message-inline.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".message-content {\n  padding: 15px;\n  max-width: 86%;\n\n  display: -webkit-box;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n.another-user-message .message-content {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n.my-message .message-content {\n  float: right;\n  position: relative;\n  right: 10px;\n}\n.service-message {\n  max-width: 80%;\n  margin: 0 auto;\n  text-align: center\n}\n.service-message .message-content {\n  float: none;\n  margin: 0 auto;\n}\n.service-message .message-body {\n  padding: 10px 15px;\n  background-color: #dcdfe2;\n  color: #556979;\n  font-size: 12.8px;\n  font-size: 0.8rem;\n  border: 1px solid #97a3ac;\n}\n.no-username .user-name {\n  display: none;\n}\n.msg-tail {\n  height: 20px;\n  width: 20px;\n  position: absolute;\n  left: -10px;\n  bottom: 0;\n  background-color: #dcdfe2;\n  display: block;\n}\n.msg-tail-cut {\n  height: 20px;\n  width: 10px;\n  background-color: #f3f3f3;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  border-radius: 0 0 10px 0;\n}\n.my-message .msg-tail {\n  left: auto;\n  right: -10px;\n  background-color: #4990e2;\n}\n.my-message .msg-tail-cut {\n  background-color: #f3f3f3;\n  left: auto;\n  right: 0;\n  border-radius: 0 0 0 10px;\n}\n.message-main-body {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  max-width: 100%;\n  word-break: break-word;\n}\n.my-message .message-main-body {\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n}\n.service-message .message-main-body {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n.message-body {\n  padding: 15px;\n  border-radius: 11px;\n  position: relative\n}\n.message-body.pending {\n  opacity: .5;\n}\n.message-container:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.another-user-message .message-body {\n  background-color: #dcdfe2;\n  color: #556979;\n  margin-left: 10px;\n}\n.another-user-message .user-name {\n  color: #4a90e2;\n  margin-bottom: 3px;\n  font-size: 16px;\n  font-size: 1rem;\n}\n.service-message .user-name {\n  color: #4a90e2;\n}\n.my-message .user-name {\n  display: none;\n}\n.my-message .message-body {\n  color: white;\n  background-color: #4990e2;\n}\n.message-image {\n  height: 100%;\n  width: 100%;\n}\n.message-text {\n  word-break: break-all;\n}\n.object-message .message-text {\n  height: 300px;\n  width: 200px\n}\n.object-message .message-text object-card-component {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.another-user-message .user-avatar {\n  height: 50px;\n  width: 50px;\n\n  -ms-flex-item-align: end;\n\n      align-self: flex-end;\n  border-radius: 50%;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  background-size: cover;\n  border: 1px solid white;\n\n  text-align: center;\n  line-height: 50px;\n  text-transform: uppercase;\n  font-weight: bold;\n  background-color: #97a3ac;\n}\n.message-status {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.message-status .checkmarks {\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  height: 21.6px;\n  height: 1.35rem;\n  width: 21.6px;\n  width: 1.35rem;\n  margin-right: 3.2px;\n  margin-right: 0.2rem;\n  background-color: transparent;\n  border: none;\n}\n.message-status .checkmarks.sent {\n  background-image: url('/assets/i/v.svg');\n}\n.message-status .checkmarks.received {\n  background-image: url('/assets/i/vv.svg');\n}\n.message-container.another-user-message .checkmarks {\n  display: none;\n}\n.message-container.my-message .message-status {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n}\n.message-date {\n  margin-top: 3px;\n  font-size: 14.4px;\n  font-size: 0.9rem;\n  color: #97a3ac;\n  width: 100%;\n}\n.my-message .message-date {\n  text-align: end;\n}\n.another-user-message .message-status {\n  margin-left: 60px;\n}\n.service-message .message-date {\n  text-align: center;\n  font-size: 12.8px;\n  font-size: 0.8rem;\n}\n.delobj-body {\n  height: 300px;\n  width: 200px;\n  border-radius: 10px;\n  border: 1px solid #CBD1D5;\n  border-width: 1px;\n  background-color: #ffffff;\n\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n.delobj-body .delobj-center {\n  height: 40%;\n  width: 80%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.delobj-body .delobj-center .delobj-icon {\n  height: 80%;\n  width: 80%;\n  margin-bottom: 10%;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/deleted-object.svg);\n}\n.delobj-body .delobj-center .delobj-text {\n  font: 15px \"Avenir Next\";\n  color: #97a3ac;\n  text-align: center;\n}\n.user-link, .task-title {\n  color: #4a90e2;\n}\n.done {\n  color: #7ed321;\n}\n.inprogress {\n  color: #f6a623;\n}\n.done {\n  color: #d0011b;\n}\n.allcaps {\n  -webkit-text-decoration: uppercase;\n          text-decoration: uppercase;\n}\n@media (max-width: 420px) {\n  .object-message .message-text {\n    height: 30vh;\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessengerPipes", function() { return MessengerPipes; });
/* harmony import */ var _chatavatarbymessage_pipe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chatavatarbymessage.pipe */ "./src/app/messenger/pipes/chatavatarbymessage.pipe.ts");
/* harmony import */ var _chatavatarbypeer_pipe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chatavatarbypeer.pipe */ "./src/app/messenger/pipes/chatavatarbypeer.pipe.ts");
/* harmony import */ var _chatlistnamebymessage_pipe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chatlistnamebymessage.pipe */ "./src/app/messenger/pipes/chatlistnamebymessage.pipe.ts");
/* harmony import */ var _chatnamebypeer_pipe__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chatnamebypeer.pipe */ "./src/app/messenger/pipes/chatnamebypeer.pipe.ts");
/* harmony import */ var _getmessagetext_pipe__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./getmessagetext.pipe */ "./src/app/messenger/pipes/getmessagetext.pipe.ts");
/* harmony import */ var _getobjectbyid_pipe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getobjectbyid.pipe */ "./src/app/messenger/pipes/getobjectbyid.pipe.ts");
/* harmony import */ var _ismessageinline_pipe__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ismessageinline.pipe */ "./src/app/messenger/pipes/ismessageinline.pipe.ts");
/* harmony import */ var _ismessageinvite_pipe__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ismessageinvite.pipe */ "./src/app/messenger/pipes/ismessageinvite.pipe.ts");
/* harmony import */ var _ismessageobject_pipe__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ismessageobject.pipe */ "./src/app/messenger/pipes/ismessageobject.pipe.ts");
/* harmony import */ var _ismessageservice_pipe__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ismessageservice.pipe */ "./src/app/messenger/pipes/ismessageservice.pipe.ts");
/* harmony import */ var _ismessagetask_pipe__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ismessagetask.pipe */ "./src/app/messenger/pipes/ismessagetask.pipe.ts");
/* harmony import */ var _ismymessage_pipe__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ismymessage.pipe */ "./src/app/messenger/pipes/ismymessage.pipe.ts");
/* harmony import */ var _unreadcountbymessage_pipe__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./unreadcountbymessage.pipe */ "./src/app/messenger/pipes/unreadcountbymessage.pipe.ts");
/* harmony import */ var _useravatarbymessage_pipe__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useravatarbymessage.pipe */ "./src/app/messenger/pipes/useravatarbymessage.pipe.ts");
/* harmony import */ var _usernamebymessage_pipe__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./usernamebymessage.pipe */ "./src/app/messenger/pipes/usernamebymessage.pipe.ts");
/* harmony import */ var _wasmessagereceived_pipe__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./wasmessagereceived.pipe */ "./src/app/messenger/pipes/wasmessagereceived.pipe.ts");
/* harmony import */ var _isverifiedbymessage_pipe__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./isverifiedbymessage.pipe */ "./src/app/messenger/pipes/isverifiedbymessage.pipe.ts");

















var MessengerPipes = [
    _ismymessage_pipe__WEBPACK_IMPORTED_MODULE_11__["IsMyMessagePipe"],
    _wasmessagereceived_pipe__WEBPACK_IMPORTED_MODULE_15__["WasMessageReceivedPipe"],
    _ismessageinvite_pipe__WEBPACK_IMPORTED_MODULE_7__["IsMessageInvitePipe"],
    _ismessageobject_pipe__WEBPACK_IMPORTED_MODULE_8__["IsMessageObjectPipe"],
    _ismessagetask_pipe__WEBPACK_IMPORTED_MODULE_10__["IsMessageTaskPipe"],
    _ismessageservice_pipe__WEBPACK_IMPORTED_MODULE_9__["IsMessageServicePipe"],
    _ismessageinline_pipe__WEBPACK_IMPORTED_MODULE_6__["IsMessageInline"],
    _chatavatarbymessage_pipe__WEBPACK_IMPORTED_MODULE_0__["ChatAvatarByMessagePipe"],
    _useravatarbymessage_pipe__WEBPACK_IMPORTED_MODULE_13__["UserAvatarByMessagePipe"],
    _usernamebymessage_pipe__WEBPACK_IMPORTED_MODULE_14__["UsernameByMessagePipe"],
    _chatlistnamebymessage_pipe__WEBPACK_IMPORTED_MODULE_2__["ChatListNameByMessagePipe"],
    _chatnamebypeer_pipe__WEBPACK_IMPORTED_MODULE_3__["ChatNameByPeerPipe"],
    _chatavatarbypeer_pipe__WEBPACK_IMPORTED_MODULE_1__["ChatAvatarByPeerPipe"],
    _unreadcountbymessage_pipe__WEBPACK_IMPORTED_MODULE_12__["UnreadCountByMessagePipe"],
    _getobjectbyid_pipe__WEBPACK_IMPORTED_MODULE_5__["GetObjectByIDPipe"],
    _getmessagetext_pipe__WEBPACK_IMPORTED_MODULE_4__["GetMessageTextPipe"],
    _isverifiedbymessage_pipe__WEBPACK_IMPORTED_MODULE_16__["isVerifiedByMessagePipe"]
];
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatAvatarByMessagePipe", function() { return ChatAvatarByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};







var ChatAvatarByMessagePipe = (function () {
    function ChatAvatarByMessagePipe(store) {
        this.store = store;
    }
    ChatAvatarByMessagePipe.prototype.transform = function (message) {
        var _this = this;
        if (!message) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(null);
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), conversations = _b[0], about = _b[1];
            if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat) {
                return _this.getChatAvatarByPeer(message.peer, conversations);
            }
            else if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact &&
                about.userID === message.peer.ID &&
                conversations.users[message.userID]) {
                return _this.getChatAvatarByPeer({
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact,
                    ID: message.userID
                }, conversations);
            }
            else if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact &&
                about.userID !== message.peer.ID &&
                conversations.users[message.peer.ID]) {
                return _this.getChatAvatarByPeer(message.peer, conversations);
            }
            return null;
        }));
    };
    ChatAvatarByMessagePipe.prototype.getChatAvatarByPeer = function (peer, conversations) {
        if (!peer || !conversations) {
            return null;
        }
        if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
            conversations.chats &&
            conversations.chats[peer.ID] &&
            conversations.chats[peer.ID].avatarID &&
            conversations.medias[conversations.chats[peer.ID].avatarID]) {
            return conversations.medias[conversations.chats[peer.ID].avatarID];
        }
        else if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact &&
            conversations.users[peer.ID] &&
            conversations.users[peer.ID].avatarMediaID &&
            conversations.medias[conversations.users[peer.ID].avatarMediaID]) {
            return conversations.medias[conversations.users[peer.ID].avatarMediaID];
        }
        return null;
    };
    var _a;
    ChatAvatarByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'chatAvatarByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatAvatarByMessagePipe);
    return ChatAvatarByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatAvatarByPeerPipe", function() { return ChatAvatarByPeerPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};







var ChatAvatarByPeerPipe = (function () {
    function ChatAvatarByPeerPipe(store) {
        this.store = store;
    }
    ChatAvatarByPeerPipe.prototype.transform = function (peer) {
        if (!peer) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(null);
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (conversation) { return conversation.messages; })), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), conversation = _b[0], about = _b[1];
            if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
                conversation.chats &&
                conversation.chats[peer.ID] &&
                conversation.chats[peer.ID].avatarID &&
                conversation.medias[conversation.chats[peer.ID].avatarID]) {
                return conversation.medias[conversation.chats[peer.ID].avatarID];
            }
            else if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact) {
                if (about.userID === peer.ID &&
                    conversation.users[peer.ID] &&
                    conversation.users[peer.ID].avatarMediaID &&
                    conversation.medias[conversation.users[peer.ID].avatarMediaID]) {
                    return conversation.medias[conversation.users[peer.ID].avatarMediaID];
                }
                else if (about.userID !== peer.ID &&
                    conversation.users[peer.ID] &&
                    conversation.users[peer.ID].avatarMediaID &&
                    conversation.medias[conversation.users[peer.ID].avatarMediaID]) {
                    return conversation.medias[conversation.users[peer.ID].avatarMediaID];
                }
            }
            return null;
        }));
    };
    var _a;
    ChatAvatarByPeerPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'chatAvatarByPeer'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatAvatarByPeerPipe);
    return ChatAvatarByPeerPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatListNameByMessagePipe", function() { return ChatListNameByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helpers */ "./src/app/messenger/pipes/helpers.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};








var ChatListNameByMessagePipe = (function () {
    function ChatListNameByMessagePipe(store) {
        this.store = store;
    }
    ChatListNameByMessagePipe.prototype.transform = function (message, short) {
        if (short === void 0) { short = false; }
        if (!message) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])('');
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), about = _b[0], conversations = _b[1];
            if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
                conversations.chats &&
                conversations.chats[message.peer.ID] &&
                conversations.chats[message.peer.ID].name) {
                if (short) {
                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_7__["shortName"])(conversations.chats[message.peer.ID].name);
                }
                else {
                    return conversations.chats[message.peer.ID].name;
                }
            }
            else if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact) {
                if (about.userID === message.userID &&
                    conversations.users[message.peer.ID]) {
                    var user = conversations.users[message.peer.ID];
                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_7__["getUserName"])(user, short);
                }
                else if (about.userID !== message.userID &&
                    conversations.users[message.userID]) {
                    var user = conversations.users[message.userID];
                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_7__["getUserName"])(user, short);
                }
            }
            return '';
        }));
    };
    var _a;
    ChatListNameByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'chatListNameByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatListNameByMessagePipe);
    return ChatListNameByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUserName", function() { return getUserName; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "shortName", function() { return shortName; });
function getUserName(user, short) {
    if (short === void 0) { short = false; }
    if (!user) {
        return '';
    }
    if (short && user.systemUser) {
        return 'C';
    }
    else if (user.systemUser) {
        return "Collections App Local";
    }
    else if (short) {
        return "" + shortName(user.firstName) + shortName(user.lastName);
    }
    else if (user.firstName || user.lastName) {
        return (user.firstName || '') + " " + (user.lastName || '');
    }
    return '';
}
function shortName(name) {
    return (name && name[0]) || '';
}
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatNameByPeerPipe", function() { return ChatNameByPeerPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helpers */ "./src/app/messenger/pipes/helpers.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var ChatNameByPeerPipe = (function () {
    function ChatNameByPeerPipe(store) {
        this.store = store;
    }
    ChatNameByPeerPipe.prototype.transform = function (peer) {
        if (!peer) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])('');
        }
        return this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (conversation) { return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(conversation.messages); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (conversation) {
            if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact &&
                conversation.users &&
                conversation.users[peer.ID]) {
                var user = conversation.users[peer.ID];
                return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(Object(_helpers__WEBPACK_IMPORTED_MODULE_7__["getUserName"])(user));
            }
            else if (peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
                conversation.chats &&
                conversation.chats[peer.ID]) {
                return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(conversation.chats[peer.ID].name);
            }
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])('');
        }));
    };
    var _a;
    ChatNameByPeerPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'chatNameByPeer'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatNameByPeerPipe);
    return ChatNameByPeerPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GetMessageTextPipe", function() { return GetMessageTextPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _shared_get_message_text_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../shared/get-message-text.service */ "./src/app/shared/get-message-text.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var GetMessageTextPipe = (function () {
    function GetMessageTextPipe(getMessageTextService) {
        this.getMessageTextService = getMessageTextService;
    }
    GetMessageTextPipe.prototype.transform = function (message, conversation) {
        return this.getMessageTextService.getMessageText(message, conversation);
    };
    var _a;
    GetMessageTextPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'getMessageText'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _shared_get_message_text_service__WEBPACK_IMPORTED_MODULE_1__["GetMessageTextService"] !== "undefined" && _shared_get_message_text_service__WEBPACK_IMPORTED_MODULE_1__["GetMessageTextService"]) === "function" ? _a : Object])
    ], GetMessageTextPipe);
    return GetMessageTextPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GetObjectByIDPipe", function() { return GetObjectByIDPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var GetObjectByIDPipe = (function () {
    function GetObjectByIDPipe() {
    }
    GetObjectByIDPipe.prototype.transform = function (conversation, ID) {
        return {
            medias: conversation.medias,
            actors: conversation.actors,
            originLocations: conversation.originLocations,
            badges: conversation.badges,
            objects: [conversation.objectsPreview[ID]]
        };
    };
    GetObjectByIDPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'getObjectByID'
        })
    ], GetObjectByIDPipe);
    return GetObjectByIDPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMessageInline", function() { return IsMessageInline; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var IsMessageInline = (function () {
    function IsMessageInline() {
    }
    IsMessageInline.prototype.transform = function (message) {
        return !!(message.serviceMessage && (message.serviceMessage.serviceMessageTask ||
            message.serviceMessage.serviceMessageInvite ||
            message.serviceMessage.serviceMessageInviteStatusChanged))
            || !message.serviceMessage;
    };
    IsMessageInline = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMessageInline'
        })
    ], IsMessageInline);
    return IsMessageInline;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMessageInvitePipe", function() { return IsMessageInvitePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var IsMessageInvitePipe = (function () {
    function IsMessageInvitePipe() {
    }
    IsMessageInvitePipe.prototype.transform = function (message) {
        return !!(message.serviceMessage && message.serviceMessage.serviceMessageInvite);
    };
    IsMessageInvitePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMessageInvite'
        })
    ], IsMessageInvitePipe);
    return IsMessageInvitePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMessageObjectPipe", function() { return IsMessageObjectPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var IsMessageObjectPipe = (function () {
    function IsMessageObjectPipe() {
    }
    IsMessageObjectPipe.prototype.transform = function (message, objectsPreview) {
        return message.objectMessage &&
            objectsPreview[message.objectMessage.objectID];
    };
    IsMessageObjectPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMessageObject'
        })
    ], IsMessageObjectPipe);
    return IsMessageObjectPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMessageServicePipe", function() { return IsMessageServicePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var IsMessageServicePipe = (function () {
    function IsMessageServicePipe() {
    }
    IsMessageServicePipe.prototype.transform = function (message) {
        return !!message.serviceMessage;
    };
    IsMessageServicePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMessageService'
        })
    ], IsMessageServicePipe);
    return IsMessageServicePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMessageTaskPipe", function() { return IsMessageTaskPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var IsMessageTaskPipe = (function () {
    function IsMessageTaskPipe() {
    }
    IsMessageTaskPipe.prototype.transform = function (message) {
        return !!(message.serviceMessage && message.serviceMessage.serviceMessageTask);
    };
    IsMessageTaskPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMessageTask'
        })
    ], IsMessageTaskPipe);
    return IsMessageTaskPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMyMessagePipe", function() { return IsMyMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var IsMyMessagePipe = (function () {
    function IsMyMessagePipe(store) {
        this.store = store;
    }
    IsMyMessagePipe.prototype.transform = function (message) {
        return this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_5__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (about) { return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(message.userID === about.userID); }));
    };
    var _a;
    IsMyMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isMyMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], IsMyMessagePipe);
    return IsMyMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UnreadCountByMessagePipe", function() { return UnreadCountByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};







var UnreadCountByMessagePipe = (function () {
    function UnreadCountByMessagePipe(store) {
        this.store = store;
    }
    UnreadCountByMessagePipe.prototype.transform = function (message) {
        if (!message) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(0);
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), about = _b[0], conversations = _b[1];
            if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
                conversations.chats &&
                conversations.chats[message.peer.ID] &&
                conversations.chats[message.peer.ID].nUnreadMessages) {
                return conversations.chats[message.peer.ID].nUnreadMessages;
            }
            else if (message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact) {
                if (about.userID === message.userID &&
                    conversations.users[message.peer.ID] &&
                    conversations.users[message.peer.ID].nUnreadMessages) {
                    return conversations.users[message.peer.ID].nUnreadMessages;
                }
                else if (about.userID !== message.userID &&
                    conversations.users[message.userID] &&
                    conversations.users[message.userID].nUnreadMessages) {
                    return conversations.users[message.userID].nUnreadMessages;
                }
            }
            return 0;
        }));
    };
    var _a;
    UnreadCountByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'unreadCountByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], UnreadCountByMessagePipe);
    return UnreadCountByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserAvatarByMessagePipe", function() { return UserAvatarByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var UserAvatarByMessagePipe = (function () {
    function UserAvatarByMessagePipe(store) {
        this.store = store;
    }
    UserAvatarByMessagePipe.prototype.transform = function (message) {
        if (!message) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(null);
        }
        return this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_5__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (conversation) { return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(conversation.messages); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (conversation) {
            if (message.userID &&
                conversation.users &&
                conversation.users[message.userID] &&
                conversation.users[message.userID].avatarMediaID &&
                conversation.medias &&
                conversation.medias[conversation.users[message.userID].avatarMediaID]) {
                return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(conversation.medias[conversation.users[message.userID].avatarMediaID]);
            }
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(null);
        }));
    };
    var _a;
    UserAvatarByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'userAvatarByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], UserAvatarByMessagePipe);
    return UserAvatarByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UsernameByMessagePipe", function() { return UsernameByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers */ "./src/app/messenger/pipes/helpers.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};







var UsernameByMessagePipe = (function () {
    function UsernameByMessagePipe(store) {
        this.store = store;
    }
    UsernameByMessagePipe.prototype.transform = function (message, short) {
        if (short === void 0) { short = false; }
        if (!message) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(null);
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_5__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_5__["filterEmpty"])))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), about = _b[0], conversation = _b[1];
            if (message.userID === about.userID) {
                return 'You';
            }
            var user = conversation.messages.users[message.userID];
            return Object(_helpers__WEBPACK_IMPORTED_MODULE_6__["getUserName"])(user, short);
        }));
    };
    var _a;
    UsernameByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'usernameByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], UsernameByMessagePipe);
    return UsernameByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WasMessageReceivedPipe", function() { return WasMessageReceivedPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};







var WasMessageReceivedPipe = (function () {
    function WasMessageReceivedPipe(store) {
        this.store = store;
    }
    WasMessageReceivedPipe.prototype.transform = function (messageID) {
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["flatMap"])(function (_a) {
            var _b = __read(_a, 2), activeConversation = _b[0], conversations = _b[1];
            if (activeConversation.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat &&
                conversations.chats[activeConversation.peer.ID] &&
                conversations.chats[activeConversation.peer.ID].lastReadMessageID &&
                conversations.chats[activeConversation.peer.ID].lastReadMessageID >= messageID) {
                return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(true);
            }
            if (activeConversation.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].contact &&
                conversations.users[activeConversation.peer.ID] &&
                conversations.users[activeConversation.peer.ID].lastReadMessageID &&
                conversations.users[activeConversation.peer.ID].lastReadMessageID >= messageID) {
                return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(true);
            }
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(false);
        }));
    };
    var _a;
    WasMessageReceivedPipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'wasMessageReceived'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], WasMessageReceivedPipe);
    return WasMessageReceivedPipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isVerifiedByMessagePipe", function() { return isVerifiedByMessagePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../model/UserRoleTypes.enum */ "./src/app/model/UserRoleTypes.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};








var isVerifiedByMessagePipe = (function () {
    function isVerifiedByMessagePipe(store) {
        this.store = store;
    }
    isVerifiedByMessagePipe.prototype.transform = function (message) {
        if (!message || message.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_4__["MessagePeerTypes"].chat) {
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(false);
        }
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (_a) {
            var _b = __read(_a, 2), about = _b[0], conversations = _b[1];
            var user;
            if (about.userID === message.userID &&
                conversations.users[message.peer.ID]) {
                user = conversations.users[message.peer.ID];
            }
            else if (about.userID !== message.userID &&
                conversations.users[message.userID]) {
                user = conversations.users[message.userID];
            }
            return user && (user.systemUser === true || user.role === _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_7__["UserRoleTypes"].admin);
        }));
    };
    var _a;
    isVerifiedByMessagePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'isVerifiedByMessage'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], isVerifiedByMessagePipe);
    return isVerifiedByMessagePipe;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BanlistComponent", function() { return BanlistComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var BanlistComponent = (function () {
    function BanlistComponent(store) {
        this.store = store;
        this.modalStatus = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_6__["trackByID"];
        this.subs = [];
    }
    BanlistComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.banlist$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getBanlist"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_6__["filterEmpty"]));
        this.banlistModal.onOpen.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(true);
        });
        this.banlistModal.onClose.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(false);
        });
    };
    BanlistComponent.prototype.ngOnDestroy = function () { };
    BanlistComponent.prototype.unbanUser = function (userID) {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_4__["UnbanUserAction"](userID));
    };
    BanlistComponent.prototype.toggleModal = function () {
        if (this.banlistModal.visible === false) {
            this.banlistModal.open();
        }
        else if (this.banlistModal.visible === true) {
            this.banlistModal.close();
        }
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], BanlistComponent.prototype, "modalStatus", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('banlistModal', { static: true }),
        __metadata("design:type", Object)
    ], BanlistComponent.prototype, "banlistModal", void 0);
    BanlistComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'banlist-component',
            template: __webpack_require__(/*! ./banlist.component.html */ "./src/app/messenger/banlist/banlist.component.html"),
            styles: [
                __webpack_require__(/*! ../chat-info/form/chat-info-form.component.css */ "./src/app/messenger/chat-info/form/chat-info-form.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], BanlistComponent);
    return BanlistComponent;
}());

module.exports = "<ngx-smart-modal\n  #banlistModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"banlistModal\"\n>\n  <div class=\"modal-close\" (click)=\"banlistModal.close()\"></div>\n  <div class=\"modal mwide create-chat\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"banlistModal.close()\"\n        role=\"button\"\n      ><span class=\"icon-back-dark\"></span> {{ 'BACK' | translate }}</div>\n      <div class=\"inactive-col\" translate>BANLIST</div>\n    </div>\n\n    <div\n      class=\"users-count padded\"\n      style=\"border-top: none;\"\n    >\n      <div>\n        {{ 'user.plural' | translate: {count: ((banlist$ | async)?.users?.length || 0)} }}\n      </div>\n    </div>\n\n    <div class=\"userlist\">\n      <div\n        *ngFor=\"let user of (banlist$ | async)?.users; trackBy: trackByID\"\n        class=\"user padded\"\n      >\n        <div\n          [style.background-image]=\"((banlist$ | async)?.medias[user?.avatarMediaID] | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage\"\n          class=\"userlist-avatar\"\n        ></div>\n\n        <div>\n          {{ user | getUsername }}\n        </div>\n        <div class=\"delete-user-icon-cont\">\n          <div\n            class=\"delete-user-icon\"\n            (click)=\"unbanUser(user?.ID)\"\n            [title]=\"'Unban user' | translate\"\n            role=\"button\"\n          ></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./chat-info-form.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/messenger/chat-info/form/chat-info-form.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\ndiv.padded  {\n  padding-left: 15%;\n  padding-right: 15%;\n}\n.chat-form {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.chat-name {\n  font-size: 22px;\n  font-weight: 500;\n  margin-left: .5em;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  border-radius: 0;\n  padding: 0 5px;\n  border: none;\n  border-bottom: solid 2px #97a3ac;\n  width: 95%;\n}\n.chat-name-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n}\n.chat-name-reminder {\n  margin-left: 18px;\n  font-size: 13px;\n  font-weight: bold;\n  margin-top: 10px;\n  color: #97a3ac;\n  visibility: hidden;\n}\n.chat-name:not(:placeholder-shown) ~ .chat-name-reminder {\n  visibility: visible;\n}\n.chat-name:not(:placeholder-shown) {\n  border-bottom: solid 2px #D4A924;\n}\n.users-count {\n  text-transform: uppercase;\n  font-weight: bold;\n  color: #97a3ac;\n  border-top: 1px solid rgb(169, 179, 186);\n  font-size: .7em;\n  margin-top: 1em;\n  padding-top: 0.6em;\n  padding-left: .5em;\n}\n.userlist:last-child {\n  margin-bottom: 10px;\n}\n.userlist {\n  font-size: .7em;\n  width: 100%;\n  max-height: 60vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-bottom: 1px solid rgb(169, 179, 186);\n  border-top: 1px solid rgb(169, 179, 186);\n  margin-top: .5em\n}\n.userlist .add-member {\n  font-weight: bold;\n  color: rgb(212, 169, 36);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .gold-circle-plus {\n  display: block;\n  width: 2em;\n  height: 2em;\n  margin-right: 10px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/add-circle-plus.svg);\n}\n.userlist > div {\n  padding-top: .5em;\n  padding-bottom: .5em;\n}\n.userlist > div:not(:last-child) {\n  border-bottom: 1px solid rgb(169, 179, 186);\n}\n.userlist .user {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .user .delete-user-icon-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .user .delete-user-icon {\n  display: none;\n  height: 30px;\n  width: 30px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/active-round-delete-item.svg);\n}\n.userlist .user .delete-user-icon:hover {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/gold-active-round-delete-item.svg);\n}\n.userlist .user:hover .delete-user-icon {\n  display: block;\n}\n.userlist .userlist-avatar {\n  width: 2em;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 2em;\n          flex: 0 0 2em;\n  background-size: cover;\n  height: 2em;\n  border-radius: 50%;\n  border: 1px solid rgb(186, 149, 34);\n  margin-right: 0.5em;\n  background-image: url('/assets/i/avatar-no-photo.svg');\n}\n.modal.modal-finduser {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatInfoCreateComponent", function() { return ChatInfoCreateComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../actions/messages */ "./src/app/actions/messages.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var ChatInfoCreateComponent = (function () {
    function ChatInfoCreateComponent(store) {
        this.store = store;
        this.modalStatus = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
    }
    ChatInfoCreateComponent.prototype.doSubmit = function (value) {
        this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_3__["CreateChatAction"](value));
        this.createChatModal.close();
    };
    ChatInfoCreateComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.createChatModal.onOpen.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(true);
        });
        this.createChatModal.onClose.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(false);
        });
    };
    ChatInfoCreateComponent.prototype.ngOnDestroy = function () { };
    ChatInfoCreateComponent.prototype.toggleModal = function () {
        if (this.createChatModal.visible === false) {
            this.createChatModal.open();
        }
        else if (this.createChatModal.visible === true) {
            this.createChatModal.close();
        }
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], ChatInfoCreateComponent.prototype, "modalStatus", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('noBottomButtons'),
        __metadata("design:type", Boolean)
    ], ChatInfoCreateComponent.prototype, "noBottomButtons", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createChatModal', { static: true }),
        __metadata("design:type", Object)
    ], ChatInfoCreateComponent.prototype, "createChatModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createChatForm', { static: true }),
        __metadata("design:type", Object)
    ], ChatInfoCreateComponent.prototype, "createChatForm", void 0);
    ChatInfoCreateComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'chat-info-create-component',
            template: __webpack_require__(/*! ./chat-info-create.component.html */ "./src/app/messenger/chat-info/create/chat-info-create.component.html"),
            styles: [__webpack_require__(/*! ./chat-info-create.component.css */ "./src/app/messenger/chat-info/create/chat-info-create.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatInfoCreateComponent);
    return ChatInfoCreateComponent;
}());

module.exports = "<ngx-smart-modal\n  #createChatModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"createChatModal\"\n>\n  <div class=\"modal-close\" (click)=\"createChatModal.close()\"></div>\n  <div class=\"modal mwide create-chat\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"createChatModal.close()\"\n        role=\"button\"\n      ><span class=\"icon-back-dark\"></span> {{ 'BACK' | translate }}</div>\n      <div class=\"inactive-col\" translate>NEW CHAT</div>\n      <div\n        (click)=\"createChatForm.forceSubmit()\"\n        role=\"button\"\n      ><div class=\"gold-b\" translate>CREATE</div></div>\n    </div>\n    <chat-info-form-component\n      #createChatForm\n      (onSave)=\"doSubmit($event)\"\n      [noBottomButtons]=\"noBottomButtons\"\n    ></chat-info-form-component>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../node_modules/postcss-loader/src!./chat-info-create.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/messenger/chat-info/create/chat-info-create.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatInfoEditComponent", function() { return ChatInfoEditComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};









var ChatInfoEditComponent = (function () {
    function ChatInfoEditComponent(store) {
        this.store = store;
        this.admin = true;
        this.modalStatus = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.chatInfo$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getChatInfo"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.about$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
    }
    ChatInfoEditComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.editChatModal.onOpen.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.subscribeToAvatarChange();
            _this.modalStatus.emit(true);
        });
        this.editChatModal.onClose.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(false);
        });
    };
    ChatInfoEditComponent.prototype.ngOnDestroy = function () { };
    ChatInfoEditComponent.prototype.doSubmit = function (value) {
        var _this = this;
        this.chatInfo$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (chatInfo) {
            if ((value && value.name) &&
                (chatInfo && chatInfo.chat && chatInfo.chat.ID && chatInfo.chat.name) &&
                value.name !== chatInfo.chat.name) {
                _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["ChangeChatNameAction"]({
                    ID: chatInfo.chat.ID,
                    name: value.name
                }));
            }
            _this.editChatModal.close();
        });
    };
    ChatInfoEditComponent.prototype.addUserToChat = function (user) {
        var _this = this;
        this.chatInfo$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (chatInfo) {
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["AddUserToChatAction"]({
                userID: user.user.ID,
                chatID: chatInfo.chat.ID,
                clientUniqID: null
            }));
        });
    };
    ChatInfoEditComponent.prototype.removeUserFromChat = function (ID) {
        var _this = this;
        this.chatInfo$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (chatInfo) {
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["RemoveUserFromChatAction"]({
                userID: ID,
                chatID: chatInfo.chat.ID,
                clientUniqID: null
            }));
        });
    };
    ChatInfoEditComponent.prototype.leaveChat = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["combineLatest"])(this.about$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])()), this.chatInfo$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), about = _b[0], chatInfo = _b[1];
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["RemoveUserFromChatAction"]({
                userID: about.userID,
                chatID: chatInfo.chat.ID,
                clientUniqID: null
            }));
            _this.editChatModal.close();
        });
    };
    ChatInfoEditComponent.prototype.deleteChatAvatar = function () {
        var _this = this;
        this.chatInfo$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (chatInfo) {
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["ChangeChatAvatarAction"]({
                ID: chatInfo.chat.ID,
                avatarID: null
            }));
        });
    };
    ChatInfoEditComponent.prototype.toggleModal = function () {
        var _this = this;
        if (this.editChatModal.visible === false) {
            this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
                .subscribe(function (activeConversation) {
                if (!activeConversation ||
                    !activeConversation.peer ||
                    activeConversation.peer.typo !== _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__["MessagePeerTypes"].chat) {
                    return;
                }
                _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["GetChatAction"](activeConversation.peer.ID));
            });
            this.editChatModal.open();
        }
        else if (this.editChatModal.visible === true) {
            this.editChatModal.close();
        }
    };
    ChatInfoEditComponent.prototype.messageToUser = function (userID) {
        var _this = this;
        this.about$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (about) {
            if (about.userID === userID) {
                return;
            }
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["GetMessagesRangeAction"]({
                peer: {
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__["MessagePeerTypes"].contact,
                    ID: userID
                },
                range: {
                    distance: -15,
                    include: false
                }
            }));
            _this.editChatModal.close();
        });
    };
    ChatInfoEditComponent.prototype.subscribeToAvatarChange = function () {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_5__["getMediaAvatar"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["withLatestFrom"])(this.chatInfo$), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), avatar = _b[0], chatInfo = _b[1];
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_4__["ChangeChatAvatarAction"]({
                ID: chatInfo.chat.ID,
                avatarID: avatar.ID
            }));
        });
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('noBottomButtons'),
        __metadata("design:type", Object)
    ], ChatInfoEditComponent.prototype, "noBottomButtons", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('admin'),
        __metadata("design:type", Object)
    ], ChatInfoEditComponent.prototype, "admin", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], ChatInfoEditComponent.prototype, "modalStatus", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('chatForm', { static: true }),
        __metadata("design:type", Object)
    ], ChatInfoEditComponent.prototype, "chatForm", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('editChatModal', { static: true }),
        __metadata("design:type", Object)
    ], ChatInfoEditComponent.prototype, "editChatModal", void 0);
    ChatInfoEditComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'chat-info-edit-component',
            template: __webpack_require__(/*! ./chat-info-edit.component.html */ "./src/app/messenger/chat-info/edit/chat-info-edit.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], ChatInfoEditComponent);
    return ChatInfoEditComponent;
}());

module.exports = "<ngx-smart-modal\n  #editChatModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"editChatModal\"\n>\n  <div class=\"modal-close\" (click)=\"editChatModal.close()\"></div>\n  <div class=\"modal mwide\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"editChatModal.close()\"\n        role=\"button\"\n      ><span\n        class=\"icon-back-dark\"\n      ></span> {{ 'BACK' | translate }}</div>\n      <div\n        class=\"inactive-col\"\n        *ngIf=\"admin\"\n        translate\n      >EDIT CHAT</div>\n      <div\n        class=\"inactive-col\"\n        *ngIf=\"!admin\"\n        translate\n      >EDIT</div>\n      <div class=\"hbox\">\n        <div\n          (click)=\"leaveChat()\"\n          style=\"margin-right: 20px;\"\n          role=\"button\"\n        ><div class=\"red-b\" translate>LEAVE</div></div>\n        <div *ngIf=\"admin\"\n          (click)=\"chatForm.forceSubmit()\"\n          role=\"button\"\n        ><div class=\"gold-b\" translate>SAVE</div></div>\n      </div>\n    </div>\n    <chat-info-form-component\n      #chatForm\n      [admin]=\"admin\"\n      (onSave)=\"doSubmit($event)\"\n      [chatInfo$]=\"chatInfo$\"\n      (userSelected)=\"addUserToChat($event)\"\n      (userRemoved)=\"removeUserFromChat($event)\"\n      (deleteChatAvatar)=\"deleteChatAvatar()\"\n      [modalStatus]=\"editChatModal.visible\"\n      [noBottomButtons]=\"noBottomButtons\"\n      (messageToUser)=\"messageToUser($event)\"\n    ></chat-info-form-component>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatInfoFormComponent", function() { return ChatInfoFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_ui__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../actions/ui */ "./src/app/actions/ui.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};












var ChatInfoFormComponent = (function () {
    function ChatInfoFormComponent(store, fb) {
        this.store = store;
        this.fb = fb;
        this.users = [];
        this.src = null;
        this.admin = true;
        this.messageToUser = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onSave = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.userSelected = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.userRemoved = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.deleteChatAvatar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.onLeaveChat = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.showLeaveChat = false;
        this.chatName = '';
        this.chatForm = fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]
        });
        this.users = [];
        this.findUsersResults$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getFindUsersResults"]));
        this.about$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]));
    }
    ChatInfoFormComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["fromEvent"])(this.findUserModalInput.nativeElement, 'keydown'), Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["fromEvent"])(this.findUserModalInput.nativeElement, 'paste'))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["debounceTime"])(500), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (res) {
            var name = res.target.value;
            if (name === '') {
                _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_9__["FindUsersCleanAction"]());
                return;
            }
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_9__["FindUsersAction"]({
                name: name,
                paginator: {
                    page: 0,
                    cnt: 20
                }
            }));
        });
    };
    ChatInfoFormComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.showLeaveChat = this.onLeaveChat.observers.length > 0;
        this.findUsersResults$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_11__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["map"])(function (_a) {
            var _b = __read(_a, 2), users = _b[0], about = _b[1];
            if (users === null) {
                return null;
            }
            var idsToRemove = __spread((_this.users || []).map(function (usr) { return usr.user.ID; }), [
                about.userID
            ]);
            var filteredUsers = users.users
                .filter(function (usr) { return !idsToRemove.includes(usr.ID); });
            if (Object(ramda__WEBPACK_IMPORTED_MODULE_4__["isEmpty"])(filteredUsers)) {
                return null;
            }
            return __assign({}, users, { users: filteredUsers });
        }));
        if (this.chatInfo$) {
            this.chatInfo$
                .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["withLatestFrom"])(this.about$), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
                .subscribe(function (_a) {
                var _b = __read(_a, 2), chatInfo = _b[0], about = _b[1];
                if (chatInfo.chat.avatarID &&
                    chatInfo.medias &&
                    chatInfo.medias.list) {
                    var avatar = chatInfo.medias.list.find(function (m) {
                        return m.ID === chatInfo.chat.avatarID;
                    });
                    _this.src = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["preferPhotoMediaTypes"])(avatar, [200, 1]).URI;
                }
                else {
                    _this.src = null;
                }
                var medias = Object(ramda__WEBPACK_IMPORTED_MODULE_4__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_4__["prop"])('ID'), (chatInfo.medias && chatInfo.medias.list) || []);
                var users = chatInfo.users.list.reduce(function (res, user) {
                    if (user.ID === about.userID) {
                        return res;
                    }
                    var avatar;
                    if (user.avatarMediaID &&
                        medias[user.avatarMediaID]) {
                        avatar = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["preferPhotoMediaTypes"])(medias[user.avatarMediaID], [200, 1]).URI;
                    }
                    else {
                        avatar = null;
                    }
                    res.push({
                        avatar: avatar,
                        user: user
                    });
                    return res;
                }, []);
                _this.users = __spread(_this.users, users);
                _this.chatName = chatInfo.chat.name;
                _this.chatForm.patchValue({
                    name: chatInfo.chat.name
                });
            });
        }
    };
    ChatInfoFormComponent.prototype.ngOnDestroy = function () { };
    ChatInfoFormComponent.prototype.ngOnChanges = function (changes) {
        if (changes.modalStatus &&
            changes.modalStatus.currentValue === true) {
            this.users = [];
        }
    };
    ChatInfoFormComponent.prototype.removeUserFromChat = function (ID) {
        this.users = this.users.filter(function (user) {
            return user.user.ID !== ID;
        });
        this.userRemoved.emit(ID);
    };
    ChatInfoFormComponent.prototype.openFindUserModal = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_9__["FindUsersCleanAction"]());
        this.findUserModal.open();
    };
    ChatInfoFormComponent.prototype.forceSubmit = function () {
        this.submitForm(this.chatForm.value);
    };
    ChatInfoFormComponent.prototype.submitForm = function (value) {
        var _this = this;
        var usersIDs = (this.users || [])
            .map(function (user) { return user.user.ID; });
        this.users = [];
        if (this.src === null) {
            this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
            this.chatForm.reset();
            this.onSave.emit(__assign({}, value, { usersIDs: usersIDs }));
            return;
        }
        this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_8__["UiShowLoaderAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getMediaLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (r) { return !r; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["flatMap"])(function () { return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_10__["getMediaAvatar"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])()); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (avatar) {
            _this.src = null;
            _this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["MediaCleanStateAction"]());
            _this.store.dispatch(new _actions_ui__WEBPACK_IMPORTED_MODULE_8__["UiHideLoaderAction"]());
            _this.chatForm.reset();
            _this.onSave.emit(__assign({}, value, { usersIDs: usersIDs, avatarMediaID: (avatar && avatar.ID) || null }));
        });
    };
    ChatInfoFormComponent.prototype.uploadImage = function (file) {
        var _this = this;
        var reader = new FileReader();
        reader.onload = function (e) {
            _this.src = e.target.result;
            _this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_7__["UploadAvatarAction"](file));
        };
        reader.readAsDataURL(file);
    };
    ChatInfoFormComponent.prototype.inputImage = function (event) {
        this.uploadImage(event.target.files[0]);
    };
    ChatInfoFormComponent.prototype.filesDropped = function (files) {
        this.uploadImage(files[0]);
    };
    ChatInfoFormComponent.prototype.deletePhoto = function () {
        this.src = null;
        this.deleteChatAvatar.emit();
    };
    ChatInfoFormComponent.prototype.cleanFindUsers = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_9__["FindUsersCleanAction"]());
        this.findUserModalInput.nativeElement.value = '';
    };
    ChatInfoFormComponent.prototype.selectUser = function (user) {
        var findUsersResults;
        this.findUsersResults$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (r) { return findUsersResults = r; });
        var avatar = (user.avatarMediaID &&
            findUsersResults &&
            findUsersResults.medias &&
            findUsersResults.medias[user.avatarMediaID] &&
            findUsersResults.medias[user.avatarMediaID].URI) || null;
        var result = {
            user: user,
            avatar: avatar
        };
        this.users.push(result);
        this.findUserModal.close();
        this.userSelected.emit(result);
    };
    ChatInfoFormComponent.prototype.trackByID = function (index, item) {
        return (item.user && item.user.ID) || item.ID || index;
    };
    var _a, _b, _c, _d, _e, _f, _g, _h;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('findUserModal', { static: true }),
        __metadata("design:type", Object)
    ], ChatInfoFormComponent.prototype, "findUserModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('chatInfo$'),
        __metadata("design:type", Object)
    ], ChatInfoFormComponent.prototype, "chatInfo$", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('noBottomButtons'),
        __metadata("design:type", Boolean)
    ], ChatInfoFormComponent.prototype, "noBottomButtons", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('admin'),
        __metadata("design:type", Object)
    ], ChatInfoFormComponent.prototype, "admin", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], ChatInfoFormComponent.prototype, "messageToUser", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _a : Object)
    ], ChatInfoFormComponent.prototype, "onSave", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_b = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _b : Object)
    ], ChatInfoFormComponent.prototype, "userSelected", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_c = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _c : Object)
    ], ChatInfoFormComponent.prototype, "userRemoved", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_d = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _d : Object)
    ], ChatInfoFormComponent.prototype, "deleteChatAvatar", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_e = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _e : Object)
    ], ChatInfoFormComponent.prototype, "onLeaveChat", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('findUserModalInput', { static: true }),
        __metadata("design:type", typeof (_f = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _f : Object)
    ], ChatInfoFormComponent.prototype, "findUserModalInput", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('modalStatus'),
        __metadata("design:type", Object)
    ], ChatInfoFormComponent.prototype, "modalStatus", void 0);
    ChatInfoFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'chat-info-form-component',
            template: __webpack_require__(/*! ./chat-info-form.component.html */ "./src/app/messenger/chat-info/form/chat-info-form.component.html"),
            styles: [__webpack_require__(/*! ./chat-info-form.component.css */ "./src/app/messenger/chat-info/form/chat-info-form.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_g = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _g : Object, typeof (_h = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _h : Object])
    ], ChatInfoFormComponent);
    return ChatInfoFormComponent;
}());

module.exports = "<form\n  [formGroup]=\"chatForm\"\n  (ngSubmit)=\"submitForm(chatForm.value)\"\n\n>\n  <div class=\"chat-form padded\">\n    <div class=\"left-upload-file\">\n      <input type=\"file\" id=\"file\" accept=\"image/*\" (change)=\"inputImage($event)\" *ngIf=\"admin\"/>\n\n      <label class=\"left-container\" for=\"file\" *ngIf=\"!src && admin\">\n        <div class=\"icon-upload\"></div>\n      </label>\n\n      <div class=\"left-container\" *ngIf=\"src\">\n        <div class=\"col-thumb\"\n          [ngClass]=\"admin ? '' : 'nonclickable'\"\n          [style.background-image]=\"'url(' + src + ')'\">\n          <div class=\"file-overlay\" *ngIf=\"admin\" (click)=\"deletePhoto()\">\n            <div class=\"file-delete\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"chat-name-cont\">\n      <input\n        *ngIf=\"admin\"\n        type=\"text\"\n        [placeholder]=\"'Chat name' | translate\"\n        formControlName=\"name\"\n        class=\"chat-name\"\n      />\n      <div *ngIf=\"!admin\" сlass=\"chat-name\">{{ chatName }}</div>\n      <div *ngIf=\"admin\" class=\"chat-name-reminder\" translate>CHAT NAME</div>\n    </div>\n\n  </div>\n  <div\n    class=\"users-count padded\"\n  >\n    <ng-template>\n      {{ 'user.plural' | translate: {count: users.length} }}\n    </ng-template>\n  </div>\n\n  <div class=\"userlist\">\n    <div\n      *ngIf=\"admin\"\n      (click)=\"openFindUserModal()\"\n      role=\"button\"\n      class=\"add-member padded\"\n    ><span class=\"gold-circle-plus\"></span>{{ 'Add member' | translate }}</div>\n\n    <div\n      *ngFor=\"let user of users; trackBy: trackByID\"\n      role=\"button\"\n      class=\"user padded\"\n      (click)=\"messageToUser && messageToUser.emit(user?.user?.ID)\"\n    >\n      <div\n        [style.background-image]=\"user?.avatar | bgImage\"\n        class=\"userlist-avatar\"\n      ></div>\n\n      <div>\n        {{ user?.user | getUsername }}\n      </div>\n\n      <div class=\"delete-user-icon-cont\" *ngIf=\"admin\">\n        <div class=\"delete-user-icon\" (click)=\"removeUserFromChat(user?.user?.ID)\"></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"modal-buttons\" *ngIf=\"!noBottomButtons\">\n    <button\n      *ngIf=\"showLeaveChat\"\n      class=\"modal-button-left\"\n      (click)=\"onLeaveChat.emit()\"\n      role=\"button\"\n      translate\n    >Leave chat</button>\n\n    <button\n      *ngIf=\"admin\"\n      [ngClass]=\"{\n        'modal-button-right': showLeaveChat,\n        'modal-button-large': !showLeaveChat\n      }\"\n      type=\"submit\"\n      role=\"button\"\n      translate\n    >Save</button>\n  </div>\n</form>\n\n<ngx-smart-modal\n  #findUserModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  (onOpen)=\"cleanFindUsers()\"\n  (onClose)=\"cleanFindUsers()\"\n  (onDismiss)=\"cleanFindUsers()\"\n  [backdrop]=\"true\"\n  identifier=\"find-user-modal\"\n>\n  <div class=\"modal-close\" (click)=\"findUserModal.close()\"></div>\n  <div class=\"modal mwide modal-finduser\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"findUserModal.close()\"\n        role=\"button\"\n      ><span class=\"icon-back-dark\"></span> {{ 'BACK' | translate }}\n      </div>\n      <div translate>FIND USER</div>\n    </div>\n\n    <div class=\"search-items-container whitebg\">\n      <input\n        type=\"text\"\n        [placeholder]=\"'Search' | translate\"\n        class=\"finduser-input\"\n        #findUserModalInput\n      />\n      <div class=\"ms-clear-icon-cont\"><div class=\"ms-clear-icon\"></div></div>\n      <div class=\"ms-search-icon\"></div>\n    </div>\n\n    <div\n      class=\"userlist\"\n      *ngIf=\"(findUsersResults$ | async) !== null\"\n    >\n      <div\n        *ngFor=\"let user of (findUsersResults$ | async)?.users; trackBy: trackByID\"\n        (click)=\"user && user.ID && selectUser(user)\"\n        role=\"button\"\n        class=\"user padded\"\n      >\n        <div\n          [style.background-image]=\"((findUsersResults$ | async)?.medias[user?.avatarMediaID] | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage\"\n          class=\"userlist-avatar\"\n        ></div>\n\n        <div>\n          {{ user | getUsername }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MembersListComponent", function() { return MembersListComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var MembersListComponent = (function () {
    function MembersListComponent(store) {
        this.store = store;
        this.members$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["of"])([]);
        this.about$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]));
        this.chatInfo$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getChatInfo"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]));
        this.members$ = this.chatInfo$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["flatMap"])(function (chatInfo) {
            var medias = Object(ramda__WEBPACK_IMPORTED_MODULE_3__["indexBy"])(Object(ramda__WEBPACK_IMPORTED_MODULE_3__["prop"])('ID'), (chatInfo.medias && chatInfo.medias.list) || []);
            var members = chatInfo.users.list.reduce(function (res, user) {
                var avatar;
                if (user.avatarMediaID &&
                    medias[user.avatarMediaID]) {
                    avatar = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["preferPhotoMediaTypes"])(medias[user.avatarMediaID], [200, 1]).URI;
                }
                else {
                    avatar = null;
                }
                res.push({
                    avatar: avatar,
                    user: user
                });
                return res;
            }, []);
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["of"])(members);
        }));
    }
    MembersListComponent.prototype.ngOnDestroy = function () { };
    MembersListComponent.prototype.toggleModal = function () {
        var _this = this;
        if (this.membersModal.visible === false) {
            this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getActiveConversation"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
                .subscribe(function (activeConversation) {
                if (!activeConversation ||
                    !activeConversation.peer ||
                    activeConversation.peer.typo !== _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__["MessagePeerTypes"].chat) {
                    return;
                }
                _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_6__["GetChatAction"](activeConversation.peer.ID));
            });
            this.membersModal.open();
        }
        else if (this.membersModal.visible === true) {
            this.membersModal.close();
        }
    };
    MembersListComponent.prototype.trackByID = function (index, item) {
        return (item.user && item.user.ID) || item.ID || index;
    };
    MembersListComponent.prototype.messageToUser = function (userID) {
        var _this = this;
        this.about$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (about) {
            if (about.userID === userID) {
                return;
            }
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_6__["GetMessagesRangeAction"]({
                peer: {
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_7__["MessagePeerTypes"].contact,
                    ID: userID
                },
                range: {
                    distance: -15,
                    include: false
                }
            }));
            _this.membersModal.close();
        });
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('membersModal', { static: true }),
        __metadata("design:type", Object)
    ], MembersListComponent.prototype, "membersModal", void 0);
    MembersListComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'members-list-component',
            template: __webpack_require__(/*! ./members-list.component.html */ "./src/app/messenger/members-list/members-list.component.html"),
            styles: [
                __webpack_require__(/*! ./members-list.component.css */ "./src/app/messenger/members-list/members-list.component.css"),
                __webpack_require__(/*! ../chat-info/form/chat-info-form.component.css */ "./src/app/messenger/chat-info/form/chat-info-form.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], MembersListComponent);
    return MembersListComponent;
}());

module.exports = "<ngx-smart-modal\n  #membersModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"membersModal\"\n>\n  <div class=\"modal-close\" (click)=\"membersModal.close()\"></div>\n  <div class=\"modal mwide\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"membersModal.close()\"\n        role=\"button\"\n      ><span class=\"icon-back-dark\"></span> {{ 'BACK' | translate }}</div>\n      <div\n        class=\"inactive-col\"\n        translate\n      >\n        MEMBERS\n      </div>\n    </div>\n\n    <div\n      class=\"users-count padded\"\n      style=\"border-top: none;\"\n    >\n      <ng-template>\n        {{ 'members.plural' | translate: ({count: (members$ | async)?.length || 0 }) }}\n      </ng-template>\n    </div>\n\n    <div class=\"userlist\">\n      <div\n        *ngFor=\"let user of (members$ | async); trackBy: trackByID\"\n        role=\"button\"\n        class=\"user padded\"\n        (click)=\"messageToUser(user?.user?.ID)\"\n      >\n        <div\n          [style.background-image]=\"user?.avatar | bgImage\"\n          class=\"userlist-avatar\"\n        ></div>\n\n        <div>\n          {{ user?.user | getUsername }}\n        </div>\n\n        <div\n          class=\"admin\"\n          *ngIf=\"user?.user?.ID === (chatInfo$ | async)?.chat?.adminUserID\"\n          translate\n        >Admin</div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../node_modules/postcss-loader/src!./members-list.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/messenger/members-list/members-list.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".admin {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  text-transform: uppercase;\n  color: #e8e8e8;\n  font-size: 12.8px;\n  font-size: .8rem;\n  font-weight: bold;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessageInlineComponent", function() { return MessageInlineComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _api_model_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../api/model/message */ "./src/app/api/model/message.ts");
/* harmony import */ var _api_model_message__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_api_model_message__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _model_InviteStatus_enum__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../model/InviteStatus.enum */ "./src/app/model/InviteStatus.enum.ts");
/* harmony import */ var _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../model/NormalizedConversations */ "./src/app/model/NormalizedConversations.ts");
/* harmony import */ var _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../actions/modal */ "./src/app/actions/modal.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var MessageInlineComponent = (function () {
    function MessageInlineComponent(translate, store) {
        this.translate = translate;
        this.store = store;
        this.InviteStatus = _model_InviteStatus_enum__WEBPACK_IMPORTED_MODULE_5__["InviteStatus"];
        this.scrollToBottom = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.messageToUser = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.acceptInvite = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.rejectInvite = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.openTaskModal = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.admin = false;
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    MessageInlineComponent.prototype.openImage = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalImageviewerShowAction"]({
            photos: [
                this.conversation.medias[this.message.mediaMessage.mediaID]
            ]
        }));
    };
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "scrollToBottom", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "messageToUser", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "acceptInvite", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "rejectInvite", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "openTaskModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_message__WEBPACK_IMPORTED_MODULE_4__["Message"] !== "undefined" && _api_model_message__WEBPACK_IMPORTED_MODULE_4__["Message"]) === "function" ? _a : Object)
    ], MessageInlineComponent.prototype, "message", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_6__["NormalizedConversations"] !== "undefined" && _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_6__["NormalizedConversations"]) === "function" ? _b : Object)
    ], MessageInlineComponent.prototype, "conversation", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", Object)
    ], MessageInlineComponent.prototype, "admin", void 0);
    MessageInlineComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'message-inline-component',
            template: __webpack_require__(/*! ./message-inline.component.html */ "./src/app/messenger/message/message-inline.component.html"),
            styles: [
                __webpack_require__(/*! ./message-inline.component.css */ "./src/app/messenger/message/message-inline.component.css"),
                __webpack_require__(/*! ../../shared/buttons.css */ "./src/app/shared/buttons.css")
            ],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [typeof (_c = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__["TranslateService"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object])
    ], MessageInlineComponent);
    return MessageInlineComponent;
}());

;
module.exports = "<div class=\"message-container\"\n  [ngClass]=\"{\n    'my-message': !(message | isMessageService) && (message | isMyMessage | async),\n    'another-user-message': !(message | isMyMessage | async),\n    'service-message': !(message | isMessageInline),\n    'no-username': message | isMessageService,\n    'object-message': message | isMessageObject: conversation?.objectsPreview\n  }\"\n>\n  <div\n    class=\"message-content\"\n    [id]=\"'message-' + message?.ID\"\n  >\n    <div\n      class=\"message-main-body\"\n    >\n      <ng-container\n        *ngIf=\"message | isMessageInline\"\n      >\n        <div\n          class=\"user-avatar\"\n          *ngIf=\"(message | userAvatarByMessage | async); then originalAvatar else altAvatar\"\n        ></div>\n\n        <ng-template #originalAvatar>\n          <div\n            class=\"user-avatar\"\n            *ngIf=\"!(message | isMyMessage | async)\"\n            [style.background-image]=\"(message | userAvatarByMessage | async | preferPhotoMediaTypes: ['avatar', 'small'])?.URI | bgImage\"\n            (click)=\"messageToUser.emit(message?.userID)\"\n            role=\"button\"\n          ></div>\n        </ng-template>\n\n        <ng-template #altAvatar>\n          <div\n            class=\"user-avatar\"\n            *ngIf=\"!(message | isMyMessage | async)\"\n            (click)=\"messageToUser.emit(message?.userID)\"\n            role=\"button\"\n          >\n            {{ message | usernameByMessage: true | async }}\n          </div>\n        </ng-template>\n      </ng-container>\n\n      <div class=\"message-body\">\n        <div\n          class=\"user-name\"\n          (click)=\"messageToUser.emit(message?.userID)\"\n          role=\"button\"\n        >\n          <span>{{ message | usernameByMessage | async }}</span>\n        </div>\n\n        <div class=\"message-text\">\n          <span\n            *ngIf=\"message?.textMessage?.text\"\n            [innerHTML]=\"message?.textMessage?.text | newlines | linky\"\n          ></span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageChatCreated\"\n          >{{ 'Chat \"{name}\" created' | translate:{name: (message?.serviceMessage?.serviceMessageChatCreated?.name)} }}</span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageChatUserAdded\"\n          >\n            {{ 'User \"{name}\" was added to this chat' | translate: {name: (conversation?.users | getUsernameByID: message?.serviceMessage?.serviceMessageChatUserAdded?.userID)} }}\n          </span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageChatUserDeleted\"\n          >{{ 'User \"{name}\" was removed from this chat' | translate: {name: (conversation?.users | getUsernameByID: message?.serviceMessage?.serviceMessageChatUserDeleted?.userID)} }}</span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageChatTitleChanged\"\n          >\n            {{ 'Chat was renamed to \"{name}\"' | translate: {name: (message?.serviceMessage?.serviceMessageChatTitleChanged?.newTitle)} }}\n          </span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageChatAvatarChanged\"\n            translate\n          >\n            Avatar was changed\n          </span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageInvite\"\n          >\n            {{ 'INVITATION from.message' | translate }} <span\n              class=\"user-link\"\n              role=\"button\"\n              (click)=\"messageToUser.emit(message?.serviceMessage?.serviceMessageInvite?.fromUserID)\"\n            >\n              {{ conversation?.users | getUsernameByID: message?.serviceMessage?.serviceMessageInvite?.fromUserID }}\n            </span>\n            <span\n              *ngIf=\"message?.serviceMessage?.serviceMessageInvite?.fromUserID !== message?.serviceMessage?.serviceMessageInvite?.toUserID\"\n            >{{ 'to workspace \"{name}\"' | translate: {name: (conversation?.users | getUsernameByID: message?.serviceMessage?.serviceMessageInvite?.toUserID)} }}</span>\n            <div\n              *ngIf=\"message?.serviceMessage?.serviceMessageInvite?.status === InviteStatus.accepted\"\n              class=\"allcaps\"\n              translate\n            >Accepted</div>\n            <div\n              *ngIf=\"message?.serviceMessage?.serviceMessageInvite?.status === InviteStatus.rejected\"\n              class=\"allcaps\"\n              translate\n            >Rejected</div>\n            <div\n              *ngIf=\"message?.serviceMessage?.serviceMessageInvite?.status === InviteStatus.canceled\"\n              class=\"allcaps\"\n              translate\n            >Canceled</div>\n            <div\n              class=\"chat-horiz-btns\"\n              *ngIf=\"message?.serviceMessage?.serviceMessageInvite?.status === InviteStatus.created\"\n            >\n              <div\n                class=\"collector-button allcaps\"\n                role=\"button\"\n                (click)=\"rejectInvite.emit(message?.serviceMessage?.serviceMessageInvite?.inviteID)\"\n                translate\n              >decline</div>\n              <div\n                class=\"collector-button allcaps \"\n                role=\"button\"\n                (click)=\"acceptInvite.emit(message?.serviceMessage?.serviceMessageInvite?.inviteID)\"\n                translate\n              >accept</div>\n            </div>\n          </span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageInviteStatusChanged && message?.serviceMessage?.serviceMessageInviteStatusChanged?.inviteStatus !== InviteStatus.canceled\"\n          >\n            {{ 'User' | translate }} <span\n              class=\"user-link\"\n              role=\"button\"\n              (click)=\"messageToUser.emit(message?.serviceMessage?.serviceMessageInviteStatusChanged?.user?.ID)\"\n            >\n              {{ message?.serviceMessage?.serviceMessageInviteStatusChanged?.user | getUsername }}\n            </span>\n            <span\n              *ngIf=\"message?.serviceMessage?.serviceMessageInviteStatusChanged?.inviteStatus === InviteStatus.accepted\"\n              class=\"allcaps\"\n              translate\n            >accepted your invitiation.</span>\n            <span\n              *ngIf=\"message?.serviceMessage?.serviceMessageInviteStatusChanged?.inviteStatus === InviteStatus.rejected\"\n              class=\"allcaps\"\n              translate\n            >rejected your invitiation.</span>\n          </span>\n\n          <span\n            *ngIf=\"message?.serviceMessage?.serviceMessageInviteStatusChanged && message?.serviceMessage?.serviceMessageInviteStatusChanged?.inviteStatus === InviteStatus.canceled\"\n          >\n            {{ 'INVITATION to.message' | translate }} <span\n              class=\"user-link\"\n              role=\"button\"\n              (click)=\"messageToUser.emit(message?.serviceMessage?.serviceMessageInviteStatusChanged?.user?.ID)\"\n            >\n              {{ message?.serviceMessage?.serviceMessageInviteStatusChanged?.user | getUsername }}\n            </span>\n            <span\n              class=\"allcaps\"\n              translate\n            >was canceled.</span>\n          </span>\n\n          <span *ngIf=\"message?.serviceMessage?.serviceMessageTask\">\n            {{ 'Task.message' | translate }} <span\n              class=\"task-title\"\n              role=\"button\"\n              (click)=\"conversation?.taskPreviews[message?.serviceMessage?.serviceMessageTask?.taskID] && openTaskModal.emit(conversation?.taskPreviews[message?.serviceMessage?.serviceMessageTask?.taskID])\"\n            >{{ message?.serviceMessage?.serviceMessageTask?.taskTitle }} </span>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.newTask === true\"\n            >{{ 'was created.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.wasChanged === true && message?.serviceMessage?.serviceMessageTask?.newArchiveStatus === undefined\"\n            >{{ 'was updated.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.wasDeleted === true\"\n            >{{ 'was deleted.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.changedStatus === true\"\n            >{{ 'changed status to.message' | translate }} <span\n                [ngClass]=\"{\n                  'todo': message?.serviceMessage?.serviceMessageTask?.newStatus === 'todo',\n                  'inprogress': message?.serviceMessage?.serviceMessageTask?.newStatus === 'in_progress',\n                  'done': message?.serviceMessage?.serviceMessageTask?.newStatus === 'done'\n                }\"\n                class=\"allcaps\"\n                [ngSwitch]=\"message?.serviceMessage?.serviceMessageTask?.newStatus\"\n              >\n                <ng-container\n                  *ngSwitchCase=\"'todo'\"\n                >{{ 'todo' | translate }}</ng-container>\n                <ng-container\n                  *ngSwitchCase=\"'in_progress'\"\n                >{{ 'in progress' | translate }}</ng-container>\n                <ng-container\n                  *ngSwitchCase=\"'done'\"\n                >{{ 'done.task' | translate }}</ng-container>\n              </span>\n            </ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.newArchiveStatus === true\"\n            >{{ 'was archived.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.newArchiveStatus === false\"\n            >{{ 'was unarchived.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.changedAssignedUser === false\"\n            >{{ 'was assigned to another user.message' | translate }}</ng-container>\n            <ng-container\n              *ngIf=\"message?.serviceMessage?.serviceMessageTask?.actorUserName\"\n            >\n              {{ 'by.message' | translate }}\n              <span\n                class=\"user-link\"\n                role=\"button\"\n                (click)=\"messageToUser.emit(message?.serviceMessage?.serviceMessageTask?.actorUserID)\"\n              >{{ message?.serviceMessage?.serviceMessageTask?.actorUserName }}</span>\n            </ng-container>\n          </span>\n\n          <object-card-component\n            *ngIf=\"message?.objectMessage?.objectID && conversation?.objectsPreview[message?.objectMessage?.objectID]\"\n            [object]=\"conversation | getObjectByID: message?.objectMessage?.objectID\"\n            [hasContextMenu]=\"false\"\n            [admin]=\"admin\"\n          ></object-card-component>\n\n          <div class=\"delobj-body\"\n            *ngIf=\"message?.objectMessage?.objectID && !conversation?.objectsPreview[message?.objectMessage?.objectID]\"\n          >\n            <div class=\"delobj-center\">\n              <div class=\"delobj-icon\"></div>\n              <div\n                class=\"delobj-text\"\n                translate\n              >\n                Sorry, this object was deleted.\n              </div>\n            </div>\n          </div>\n\n          <ng-container *ngIf=\"message?.mediaMessage?.mediaID && conversation?.medias[message?.mediaMessage?.mediaID]?.photo\">\n            <img\n              class=\"message-image\"\n              (click)=\"openImage()\"\n              (load)=\"scrollToBottom.emit()\"\n              [src]=\"(conversation?.medias[message?.mediaMessage?.mediaID] | preferPhotoMediaTypes: ['msgPreview'])?.URI \"\n            />\n          </ng-container>\n\n          <div\n            class=\"doc-thumb messenger-document\"\n            *ngIf=\"message?.mediaMessage?.mediaID && conversation?.medias[message?.mediaMessage?.mediaID]?.document\"\n          >\n            <a\n              [href]=\"conversation?.medias[message?.mediaMessage?.mediaID]?.document?.URI\"\n              download\n            >\n              <div class=\"doc-icon\"></div>\n              <div class=\"file-name\">{{ conversation?.medias[message?.mediaMessage?.mediaID]?.document?.fileName }}</div>\n            </a>\n          </div>\n        </div>\n\n        <div class=\"msg-tail\" *ngIf=\"!(message | isMessageService) || (message | isMessageInvite)\">\n          <div class=\"msg-tail-cut\"></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"message-status\">\n      <div\n        *ngIf=\"!(message | isMessageService)\"\n        class=\"checkmarks sent\"\n        [ngClass]=\"{'received': message?.ID | wasMessageReceived | async}\"\n      ></div>\n      <div class=\"message-date\">\n        <time\n          [attr.datetime]=\"message?.creationTime\"\n          [title]=\"message?.creationTime\"\n        >\n          {{ message?.creationTime | amLocale: (onLangChange$ | async)?.lang | amCalendar }}\n        </time>\n      </div>\n    </div>\n  </div>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessageComponent", function() { return MessageComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _api_model_message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api/model/message */ "./src/app/api/model/message.ts");
/* harmony import */ var _api_model_message__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_api_model_message__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _api_model_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../api/model/user */ "./src/app/api/model/user.ts");
/* harmony import */ var _api_model_user__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_api_model_user__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../model/NormalizedConversations */ "./src/app/model/NormalizedConversations.ts");
/* harmony import */ var _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _model_InviteStatus_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../../model/InviteStatus.enum */ "./src/app/model/InviteStatus.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var MessageComponent = (function () {
    function MessageComponent() {
        this.InviteStatus = _model_InviteStatus_enum__WEBPACK_IMPORTED_MODULE_4__["InviteStatus"];
    }
    var _a, _b, _c, _d;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _api_model_message__WEBPACK_IMPORTED_MODULE_1__["Message"] !== "undefined" && _api_model_message__WEBPACK_IMPORTED_MODULE_1__["Message"]) === "function" ? _a : Object)
    ], MessageComponent.prototype, "message", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _api_model_user__WEBPACK_IMPORTED_MODULE_2__["User"] !== "undefined" && _api_model_user__WEBPACK_IMPORTED_MODULE_2__["User"]) === "function" ? _b : Object)
    ], MessageComponent.prototype, "me", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__["NormalizedConversations"] !== "undefined" && _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__["NormalizedConversations"]) === "function" ? _c : Object)
    ], MessageComponent.prototype, "conversations", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_d = typeof _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__["NormalizedConversations"] !== "undefined" && _model_NormalizedConversations__WEBPACK_IMPORTED_MODULE_3__["NormalizedConversations"]) === "function" ? _d : Object)
    ], MessageComponent.prototype, "leftMenuMessages", void 0);
    MessageComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'message-component',
            template: __webpack_require__(/*! ./message.component.html */ "./src/app/messenger/message/message.component.html"),
            styles: ["\n    :host {\n      word-break: break-word;\n    }\n  "],
            changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush
        }),
        __metadata("design:paramtypes", [])
    ], MessageComponent);
    return MessageComponent;
}());

module.exports = "<ng-container>\n  {{ message | getMessageText: conversations | async | truncate: 200 }}\n</ng-container>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MessengerComponent", function() { return MessengerComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ngx-page-scroll-core */ "./node_modules/ngx-page-scroll-core/fesm5/ngx-page-scroll-core.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_media__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../actions/media */ "./src/app/actions/media.ts");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_team__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../actions/team */ "./src/app/actions/team.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
/* harmony import */ var _core_websocket_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../core/websocket.service */ "./src/app/core/websocket.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../model/ImageMimeTypes */ "./src/app/model/ImageMimeTypes.ts");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
/* harmony import */ var _model_MessageTypes_enum__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../model/MessageTypes.enum */ "./src/app/model/MessageTypes.enum.ts");
/* harmony import */ var _shared_validators__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../shared/validators */ "./src/app/shared/validators.ts");
/* harmony import */ var _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../model/SupportTicketTypes.enum */ "./src/app/model/SupportTicketTypes.enum.ts");
/* harmony import */ var _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../model/UserRoleTypes.enum */ "./src/app/model/UserRoleTypes.enum.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (undefined && undefined.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};
var __values = (undefined && undefined.__values) || function (o) {
    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
    if (m) return m.call(o);
    return {
        next: function () {
            if (o && i >= o.length) o = void 0;
            return { value: o && o[i++], done: !o };
        }
    };
};

























var MessengerComponent = (function () {
    function MessengerComponent(store, socket, fb, pageScrollService, viewsize, document, translate, platformLocation, location) {
        var _this = this;
        this.store = store;
        this.socket = socket;
        this.fb = fb;
        this.pageScrollService = pageScrollService;
        this.viewsize = viewsize;
        this.document = document;
        this.translate = translate;
        this.platformLocation = platformLocation;
        this.location = location;
        this.editModalVisible = false;
        this.activeTab = 'chats';
        this.searchActive = false;
        this.activeTab$ = new rxjs__WEBPACK_IMPORTED_MODULE_8__["BehaviorSubject"]('chats');
        this.phoneUiState = 'viewmenu';
        this.onSetHeader = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.MessagePeerTypes = _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"];
        this.UserRoleTypes = _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_24__["UserRoleTypes"];
        this.objectSharerOpened = false;
        this.scrollDisabled = false;
        this.chatScrollDistance = 15;
        this.nSelected = 0;
        this.onLangChange$ = this.translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
        this.messageForm = this.fb.group({
            text: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_2__["Validators"].compose([_angular_forms__WEBPACK_IMPORTED_MODULE_2__["Validators"].required, _shared_validators__WEBPACK_IMPORTED_MODULE_22__["noSpaceFormValidator"]])
            ]
        });
        this.searchForm = this.fb.group({
            name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_2__["Validators"].required]
        });
        this.isPhone$ = this.viewsize.isPhone$;
        this.vh$ = this.viewsize.vh$;
        this.chats$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getChats"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.userConversations$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getUserConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.allConversations$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getConversations"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.conversations$ = this.activeTab$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (activeTab) {
            switch (activeTab) {
                case 'contacts': {
                    return _this.userConversations$;
                }
                case 'chats': {
                    return _this.allConversations$;
                }
            }
        }));
        this.leftMenuMessages$ = this.conversations$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (conversation) {
            conversation.messages = Object(ramda__WEBPACK_IMPORTED_MODULE_7__["uniqWith"])(function (m1, m2) {
                return ((m1.peer.ID == m2.userID) && (m1.userID == m2.peer.ID))
                    || ((m1.userID == m2.userID) && (m1.peer.ID == m2.peer.ID));
            })(Object(ramda__WEBPACK_IMPORTED_MODULE_7__["reverse"])(Object(ramda__WEBPACK_IMPORTED_MODULE_7__["sortBy"])(function (ms) { return ms.creationTime; })(conversation.messages)));
            return conversation;
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["share"])());
        this.activeConversation$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getActiveConversation"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.rootID$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getRootId"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.banlist$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getBanlist"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]));
        this.alsoAvailableUsers$ = this.userConversations$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 2), c = _b[0], about = _b[1];
            var convUsers = new Set();
            c.messages.forEach(function (m) {
                convUsers.add(m.peer.ID);
                convUsers.add(m.userID);
            });
            return Object(ramda__WEBPACK_IMPORTED_MODULE_7__["uniq"])(c.contactUsersIDs)
                .filter(function (id) { return id !== about.userID && !convUsers.has(id); })
                .map(function (id) {
                return c.users[id.toString()];
            });
        }));
        this.findUsersResults$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getFindUsersResults"])), this.about$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 2), users = _b[0], about = _b[1];
            return (__assign({}, users, { users: (users && users.users || [])
                    .filter(function (user) { return user.ID !== about.userID; }) }));
        }));
        this.pendingMessages$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getPendingMessages"])), this.activeConversation$)
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 2), pending = _b[0], activeConversation = _b[1];
            if (!activeConversation) {
                return [];
            }
            return pending.filter(function (m) { return (m.peer.typo === activeConversation.peer.typo &&
                m.peer.ID === activeConversation.peer.ID); });
        }));
    }
    MessengerComponent.prototype.mobileGoBackFromChat = function () {
        this.setPhoneUiState('viewmenu');
    };
    MessengerComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.socket.connect();
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_10__["MediaCleanStateAction"]());
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getUserRole"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (role) { return role === _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_24__["UserRoleTypes"].user; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_14__["GetBanlistAction"]());
        });
        this.back$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function () {
            if (_this.phoneUiState === 'viewchat') {
                _this.setPhoneUiState('viewmenu');
                return;
            }
        });
        this.msgEvent$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (evName) {
            switch (evName) {
                case 'openCreateChatModal': {
                    _this.openCreateChatModal();
                    break;
                }
                case 'info': {
                    _this.editChat();
                    break;
                }
                case 'toggleMembersModal': {
                    _this.toggleMembersModal();
                    break;
                }
                case 'banUser': {
                    _this.banUser();
                    break;
                }
                case 'unbanUser': {
                    _this.unbanUser();
                    break;
                }
                case 'banlist': {
                    _this.openBanlistModal();
                    break;
                }
                case 'start-dialog': {
                    _this.openStartDialogModal();
                    break;
                }
                case 'report': {
                    _this.reportUser();
                    break;
                }
            }
        });
        this.searchQuery$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["fromEvent"])(this.searchInput.nativeElement, 'keydown'), Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["fromEvent"])(this.searchInput.nativeElement, 'paste')).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (e) { return e.target.value; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["distinctUntilChanged"])());
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.socket.messages$, this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getMessagesLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["debounceTime"])(100), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (loading) { return !loading; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["withLatestFrom"])(this.activeConversation$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 2), loading = _b[0], activeConversation = _b[1];
            return activeConversation;
        }))).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), event = _b[0], activeConversation = _b[1];
            if (event.connectionStatus &&
                activeConversation &&
                activeConversation.peer) {
                _this.chatScrollDistance = 15;
                _this.getMessagesFromPeer(activeConversation.peer, null, true);
                _this.scrollDisabled = false;
                _this.scrollToBottom();
            }
        });
        this.activeConversation$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (r) { return Object(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"])(r) && Object(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"])(r.messages.messages); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["pairwise"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), prev = _b[0], conversation = _b[1];
            if (!Object(ramda__WEBPACK_IMPORTED_MODULE_7__["equals"])(prev.peer, conversation.peer)) {
                _this.scrollDisabled = false;
            }
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getLatestMessage"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["withLatestFrom"])(this.about$), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (_a) {
            var _b = __read(_a, 2), m = _b[0], about = _b[1];
            return (((m && m.message && m.message.userID) === about.userID) &&
                (('serviceMessage' in m.message) &&
                    ('serviceMessageChatCreated' in m.message.serviceMessage)));
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (_a) {
            var _b = __read(_a, 1), m = _b[0];
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(m);
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (message) {
            _this.getMessagesFromPeer(message.peer);
        });
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.about$, this.searchQuery$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["debounceTime"])(600), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (searchQuery) { return searchQuery !== ''; }))).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), about = _b[0], searchQuery = _b[1];
            if (about.users[about.userID].role === _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_24__["UserRoleTypes"].admin) {
                _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_14__["AdminFindUsersAction"]({
                    name: searchQuery,
                    paginator: {
                        page: 0,
                        cnt: 10
                    }
                }));
            }
            else {
                _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_14__["FindUsersAction"]({
                    name: searchQuery,
                    paginator: {
                        page: 0,
                        cnt: 10
                    }
                }));
            }
        });
        this.searchQuery$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["debounceTime"])(100), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (searchQuery) {
            if (searchQuery === '') {
                _this.clearSearchForm();
                return;
            }
            _this.searchActive = true;
        });
        this.localUsers$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.about$, this.allConversations$, this.searchQuery$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["debounceTime"])(300))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["switchMap"])(function (_a) {
            var _b = __read(_a, 3), about = _b[0], conversations = _b[1], searchQuery = _b[2];
            var localUsers = (conversations && conversations.messages || []).reduce(function (acc, m) {
                if (m.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact &&
                    m.peer.ID === about.userID) {
                    return acc;
                }
                var combinedTitle;
                if (m.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact) {
                    combinedTitle =
                        (conversations.users[m.peer.ID].firstName || '') +
                            (conversations.users[m.peer.ID].lastName || '') +
                            (conversations.users[m.peer.ID].email || '');
                }
                else if (m.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].chat) {
                    combinedTitle = conversations.chats[m.peer.ID].name || '';
                }
                if (!combinedTitle.toLowerCase().includes(searchQuery.toLowerCase())) {
                    return acc;
                }
                var title = m.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact ?
                    Object(_utils__WEBPACK_IMPORTED_MODULE_18__["getUsernameByID"])(conversations.users, m.peer.ID) :
                    conversations.chats[m.peer.ID].name;
                var avatarMediaID = m.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact ?
                    conversations.users[m.peer.ID].avatarMediaID :
                    conversations.chats[m.peer.ID].avatarMediaID;
                acc.push({
                    ID: m.peer.ID,
                    typo: m.peer.typo,
                    title: title,
                    avatarMediaID: avatarMediaID
                });
                return acc;
            }, []);
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])({
                lines: localUsers,
                medias: (conversations && conversations.medias) || {}
            });
        }));
        this.remoteUsers$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getFindUsersResults"])), this.about$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["switchMap"])(function (_a) {
            var _b = __read(_a, 2), users = _b[0], about = _b[1];
            var remoteUsers = (users && users.users || []).reduce(function (acc, u) {
                if (u.ID === about.userID) {
                    return acc;
                }
                acc.push({
                    ID: u.ID,
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact,
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_18__["getUsername"])(u),
                    avatarMediaID: u.avatarMediaID
                });
                return acc;
            }, []);
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])({
                lines: remoteUsers,
                medias: (users && users.medias) || {}
            });
        }));
        this.userSearchResults$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.localUsers$, this.remoteUsers$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["switchMap"])(function (_a) {
            var _b = __read(_a, 2), localUsers = _b[0], remoteUsers = _b[1];
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(Object(ramda__WEBPACK_IMPORTED_MODULE_7__["uniqWith"])(function (u1, u2) { return u1.ID === u2.ID && u1.typo === u2.typo; }, __spread(localUsers.lines, remoteUsers.lines)).map(function (u) {
                return (__assign({}, u, { media: (localUsers && localUsers.medias || {})[u.avatarMediaID] ||
                        (remoteUsers && remoteUsers.medias || {})[u.avatarMediaID] }));
            }));
        }));
    };
    MessengerComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_10__["MediaCleanStateAction"]());
    };
    MessengerComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.activeConversation$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (r) { return Object(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"])(r) && Object(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"])(r.messages.messages); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (conversation) {
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["ReadMessageAction"]({
                peer: conversation.peer,
                lastReadMessageID: Object(ramda__WEBPACK_IMPORTED_MODULE_7__["last"])(conversation.messages.messages).ID
            }));
            setTimeout(function () {
                if (_this.latestMessageID && _this.messagesContainer) {
                    _this.pageScrollService.scroll({
                        document: _this.document,
                        scrollTarget: "#message-" + _this.latestMessageID,
                        scrollViews: [_this.messagesContainer.nativeElement]
                    });
                    _this.latestMessageID = null;
                }
                _this.scrollToBottom();
            }, 0);
        });
    };
    MessengerComponent.prototype.changeTab = function (tab) {
        this.activeTab$.next(tab);
        this.activeTab = tab;
    };
    MessengerComponent.prototype.setPhoneUiState = function (state) {
        if (state === 'viewchat') {
            this.platformLocation.pushState(null, null, null);
        }
        this.phoneUiState = state;
        this.phoneUiState$.next(state);
    };
    MessengerComponent.prototype.getMessages = function (message) {
        var _this = this;
        if (message.peer.typo !== _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact) {
            this.setPhoneUiState('viewchat');
            this.getMessagesFromPeer(message.peer);
            return;
        }
        this.about$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (about) {
            var peer;
            if (about.userID === message.userID) {
                peer = message.peer;
            }
            else {
                peer = {
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact,
                    ID: message.userID
                };
            }
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(peer);
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (peer) {
            _this.setPhoneUiState('viewchat');
            _this.getMessagesFromPeer(peer);
        });
    };
    MessengerComponent.prototype.sendMessage = function (message) {
        var _this = this;
        if (!message || !Object(_utils__WEBPACK_IMPORTED_MODULE_18__["filterEmpty"])(message.text)) {
            return;
        }
        this.messageForm.reset();
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.activeConversation$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (conversation) {
            if (conversation === null) {
                throw new Error('');
            }
            var fakeID = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["nextRequestID"])();
            var peer = conversation.peer;
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["AddPendingMessageAction"]({
                text: message.text,
                peer: peer,
                fakeID: fakeID
            }));
            return {
                peer: peer,
                fakeID: fakeID
            };
        })), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getMessagesLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (loading) { return !loading; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])()))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 1), data = _b[0];
            return data;
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (data) {
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["SendMessageAction"](__assign({}, data, { typo: _model_MessageTypes_enum__WEBPACK_IMPORTED_MODULE_21__["MessageTypes"].text, textMessage: message, clientUniqID: null })));
        }, _utils__WEBPACK_IMPORTED_MODULE_18__["noop"]);
    };
    MessengerComponent.prototype.sendMediaMessage = function (event) {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.activeConversation$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (conversation) {
            var e_1, _a;
            if (conversation === null) {
                throw new Error('');
            }
            var pendingFiles = {
                photos: [],
                files: []
            };
            try {
                for (var _b = __values(event.target.files), _c = _b.next(); !_c.done; _c = _b.next()) {
                    var file = _c.value;
                    var fakeID = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["nextRequestID"])();
                    var peer = conversation.peer;
                    if (file.type && _model_ImageMimeTypes__WEBPACK_IMPORTED_MODULE_19__["ImageMimeTypes"].has(file.type)) {
                        _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["AddPendingMessageAction"]({
                            photo: file,
                            peer: peer,
                            fakeID: fakeID
                        }));
                        pendingFiles.photos.push({
                            file: file,
                            fakeID: fakeID,
                            peer: conversation.peer
                        });
                    }
                    else {
                        _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["AddPendingMessageAction"]({
                            file: {
                                filename: file.name
                            },
                            peer: peer,
                            fakeID: fakeID
                        }));
                        pendingFiles.files.push({
                            file: file,
                            fakeID: fakeID,
                            peer: conversation.peer
                        });
                    }
                }
            }
            catch (e_1_1) { e_1 = { error: e_1_1 }; }
            finally {
                try {
                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                }
                finally { if (e_1) throw e_1.error; }
            }
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(pendingFiles);
        })), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getMessagesLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (loading) { return !loading; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])()))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (_a) {
            var _b = __read(_a, 2), pendingFiles = _b[0], loading = _b[1];
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(pendingFiles);
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (pendingFiles) {
            var e_2, _a, e_3, _b;
            try {
                for (var _c = __values(pendingFiles.photos), _d = _c.next(); !_d.done; _d = _c.next()) {
                    var file = _d.value;
                    _this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_10__["UploadMessageMediaAction"](file));
                }
            }
            catch (e_2_1) { e_2 = { error: e_2_1 }; }
            finally {
                try {
                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                }
                finally { if (e_2) throw e_2.error; }
            }
            try {
                for (var _e = __values(pendingFiles.files), _f = _e.next(); !_f.done; _f = _e.next()) {
                    var file = _f.value;
                    _this.store.dispatch(new _actions_media__WEBPACK_IMPORTED_MODULE_10__["UploadMessageMediaDocumentAction"](file));
                }
            }
            catch (e_3_1) { e_3 = { error: e_3_1 }; }
            finally {
                try {
                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
                }
                finally { if (e_3) throw e_3.error; }
            }
        }, _utils__WEBPACK_IMPORTED_MODULE_18__["noop"]);
    };
    MessengerComponent.prototype.onScroll = function () {
        var element = this.messagesContainer.nativeElement;
        var atBottom = element.scrollHeight - element.scrollTop - element.clientHeight <= 60;
        if (this.scrollDisabled &&
            atBottom) {
            this.scrollDisabled = false;
        }
        else if (!this.scrollDisabled &&
            !atBottom) {
            this.scrollDisabled = true;
        }
    };
    MessengerComponent.prototype.onScrolledUp = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.activeConversation$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])()), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getMessagesLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), conversation = _b[0], loading = _b[1];
            if (loading ||
                !conversation ||
                !conversation.messages ||
                !conversation.peer ||
                !conversation.messages.messages ||
                Object(ramda__WEBPACK_IMPORTED_MODULE_7__["isEmpty"])(conversation.messages.messages) ||
                conversation.messages.latestPage) {
                return;
            }
            var firstID = Object(ramda__WEBPACK_IMPORTED_MODULE_7__["head"])(conversation.messages.messages).ID;
            _this.latestMessageID = firstID;
            _this.getMessagesFromPeer(conversation.peer, firstID);
        });
    };
    MessengerComponent.prototype.openCreateChatModal = function () {
        this.createChatModal.toggleModal();
    };
    MessengerComponent.prototype.openBanlistModal = function () {
        this.banlistModal.toggleModal();
    };
    MessengerComponent.prototype.openStartDialogModal = function () {
        this.startDialogModal.toggleModal();
    };
    MessengerComponent.prototype.editChat = function () {
        this.chatInfoEditModal.toggleModal();
    };
    MessengerComponent.prototype.clearSearchForm = function () {
        this.searchActive = false;
        this.searchInput.nativeElement.value = '';
    };
    MessengerComponent.prototype.acceptInvite = function (ID) {
        if (!ID) {
            return;
        }
        this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_13__["AcceptInviteAction"](ID));
    };
    MessengerComponent.prototype.rejectInvite = function (ID) {
        if (!ID) {
            return;
        }
        this.store.dispatch(new _actions_team__WEBPACK_IMPORTED_MODULE_13__["RejectInviteAction"](ID));
    };
    MessengerComponent.prototype.trackByID = function (index, item) {
        return item.ID || item.clientUniqID || index;
    };
    MessengerComponent.prototype.toggleMembersModal = function () {
        this.membersListModal.toggleModal();
    };
    MessengerComponent.prototype.messageToUser = function (userID) {
        var _this = this;
        this.about$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["withLatestFrom"])(this.activeConversation$), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), about = _b[0], activeConversation = _b[1];
            _this.setPhoneUiState('viewchat');
            if (about.userID === userID ||
                (activeConversation &&
                    activeConversation.peer &&
                    activeConversation.peer.typo === _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact &&
                    activeConversation.peer.ID === userID)) {
                return;
            }
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["GetMessagesRangeAction"]({
                peer: {
                    typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_20__["MessagePeerTypes"].contact,
                    ID: userID
                },
                range: {
                    distance: -15,
                    include: false
                }
            }));
        });
    };
    MessengerComponent.prototype.handleMessageKeypress = function (event) {
        if (event.key === 'Enter' && event.shiftKey !== true) {
            event.preventDefault();
            this.sendMessage(this.messageForm.value);
        }
    };
    MessengerComponent.prototype.openObjectSharer = function () {
        var _this = this;
        this.objectSharerOpened = !this.objectSharerOpened;
        if (this.objectSharerOpened) {
            this.objectShareModal.open();
        }
        else {
            this.closeObjectSharer();
        }
        this.platformLocation.pushState(null, null, null);
        var locationSubscription = this.location.subscribe(function () {
            _this.closeObjectSharer();
            locationSubscription.unsubscribe();
        });
    };
    MessengerComponent.prototype.closeObjectSharer = function (alreadyClosed) {
        if (alreadyClosed === void 0) { alreadyClosed = false; }
        this.objectSharerOpened = false;
        if (!alreadyClosed) {
            this.objectShareModal.close();
        }
    };
    MessengerComponent.prototype.sendSelectedObjects = function () {
        var _this = this;
        var objects = this.searchComponent.getSelectedObjects();
        this.searchComponent.resetSelection();
        this.closeObjectSharer();
        Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["combineLatest"])(this.activeConversation$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["flatMap"])(function (conversation) {
            if (conversation === null) {
                throw new Error('');
            }
            var peer = conversation.peer;
            var data = Object.keys(objects).map(function (ID) {
                var fakeID = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["nextRequestID"])();
                _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["AddPendingMessageAction"]({
                    object: objects[ID],
                    peer: peer,
                    fakeID: fakeID
                }));
                return {
                    ID: Number(ID),
                    peer: peer,
                    fakeID: fakeID
                };
            });
            return Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["of"])(data);
        })), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_17__["getMessagesLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["filter"])(function (loading) { return !loading; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])()))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (_a) {
            var _b = __read(_a, 2), data = _b[0], loading = _b[1];
            return data;
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (data) {
            (data || []).forEach(function (d) {
                _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["SendMessageAction"]({
                    peer: d.peer,
                    fakeID: d.fakeID,
                    typo: _model_MessageTypes_enum__WEBPACK_IMPORTED_MODULE_21__["MessageTypes"].object,
                    cobjectMessage: {
                        objectID: d.ID
                    },
                    clientUniqID: null
                }));
            });
            _this.objectSharerOpened = false;
            _this.searchComponent.resetSelection();
            _this.objectShareModal.close();
        }, _utils__WEBPACK_IMPORTED_MODULE_18__["noop"]);
    };
    MessengerComponent.prototype.handleDropdownAction = function (event) {
        switch (event) {
            case 'create-chat': {
                this.openCreateChatModal();
                break;
            }
            case 'banlist': {
                this.openBanlistModal();
                break;
            }
            case 'start-dialog': {
                this.openStartDialogModal();
                break;
            }
        }
    };
    MessengerComponent.prototype.banUser = function () {
        this.confirmBanModal.open();
    };
    MessengerComponent.prototype.confirmBan = function () {
        var _this = this;
        this.confirmBanModal.close();
        this.activeConversation$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (conversation) {
            var u = conversation.messages.users[conversation.peer.ID];
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_14__["BanUserAction"]({
                user: u,
                media: conversation.messages.medias[u.avatarMediaID]
            }));
        });
    };
    MessengerComponent.prototype.reportUser = function () {
        var _this = this;
        this.activeConversation$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (conversation) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_12__["ModalAddSupportTicketShowAction"]({
                entityID: conversation.peer.ID,
                entityType: _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_23__["SupportTicketTypes"].Messages
            }));
        });
    };
    MessengerComponent.prototype.unbanUser = function () {
        var _this = this;
        this.activeConversation$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (conversation) {
            console.log(conversation);
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_14__["UnbanUserAction"](conversation.peer.ID));
        });
    };
    MessengerComponent.prototype.openTaskModal = function (task) {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_12__["ModalTaskShowAction"](task));
    };
    MessengerComponent.prototype.getMessagesFromPeer = function (peer, ID, force) {
        var _this = this;
        if (force === void 0) { force = false; }
        if (ID && !force) {
            this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["GetMessagesRangeAction"]({
                peer: peer,
                range: {
                    distance: -this.chatScrollDistance,
                    include: false,
                    ID: ID
                }
            }));
            return;
        }
        if (force) {
            this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["ReplaceMessagesRangeAction"]({
                peer: peer,
                range: {
                    distance: -this.chatScrollDistance,
                    include: false
                }
            }));
            return;
        }
        this.scrollDisabled = false;
        this.activeConversation$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (conversation) {
            if (!force &&
                conversation &&
                'peer' in conversation &&
                Object(ramda__WEBPACK_IMPORTED_MODULE_7__["equals"])(conversation.peer, peer)) {
                return;
            }
            _this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_11__["GetMessagesRangeAction"]({
                peer: peer,
                range: {
                    distance: -_this.chatScrollDistance,
                    include: false
                }
            }));
        });
    };
    MessengerComponent.prototype.scrollToBottom = function () {
        if (this.scrollDisabled) {
            return;
        }
        try {
            this.messagesContainer.nativeElement.scrollTop =
                this.messagesContainer.nativeElement.scrollHeight;
        }
        catch (e) { }
    };
    MessengerComponent.prototype.onMessagesSwipeRight = function (event) {
        event.preventDefault();
        event.stopPropagation();
        this.setPhoneUiState('viewmenu');
    };
    MessengerComponent.prototype.openFilterModal = function () {
        this.searchComponent.openFilterModal();
    };
    MessengerComponent.prototype.onTouchMove = function (event) {
        var noscroll = event.target.dataset.noscroll !== undefined;
        if (noscroll) {
            event.preventDefault();
            event.stopPropagation();
        }
    };
    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('createChatModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "createChatModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('chatInfoEditModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "chatInfoEditModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('membersListModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "membersListModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('objectShareModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "objectShareModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('banlistModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "banlistModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('confirmBanModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "confirmBanModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('searchComponent', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "searchComponent", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('startDialogModal', { static: true }),
        __metadata("design:type", Object)
    ], MessengerComponent.prototype, "startDialogModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]) === "function" ? _a : Object)
    ], MessengerComponent.prototype, "onSetHeader", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof rxjs__WEBPACK_IMPORTED_MODULE_8__["Subject"] !== "undefined" && rxjs__WEBPACK_IMPORTED_MODULE_8__["Subject"]) === "function" ? _b : Object)
    ], MessengerComponent.prototype, "back$", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof rxjs__WEBPACK_IMPORTED_MODULE_8__["Subject"] !== "undefined" && rxjs__WEBPACK_IMPORTED_MODULE_8__["Subject"]) === "function" ? _c : Object)
    ], MessengerComponent.prototype, "msgEvent$", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_d = typeof rxjs__WEBPACK_IMPORTED_MODULE_8__["BehaviorSubject"] !== "undefined" && rxjs__WEBPACK_IMPORTED_MODULE_8__["BehaviorSubject"]) === "function" ? _d : Object)
    ], MessengerComponent.prototype, "phoneUiState$", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('messagesContainer', { static: true }),
        __metadata("design:type", typeof (_e = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _e : Object)
    ], MessengerComponent.prototype, "messagesContainer", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('searchInput', { static: true }),
        __metadata("design:type", typeof (_f = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _f : Object)
    ], MessengerComponent.prototype, "searchInput", void 0);
    MessengerComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'messenger-component',
            template: __webpack_require__(/*! ./messenger.component.html */ "./src/app/messenger/messenger.component.html"),
            styles: [__webpack_require__(/*! ./messenger.component.css */ "./src/app/messenger/messenger.component.css"), __webpack_require__(/*! ../shared/buttons.css */ "./src/app/shared/buttons.css")]
        }),
        __param(5, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_common__WEBPACK_IMPORTED_MODULE_1__["DOCUMENT"])),
        __metadata("design:paramtypes", [typeof (_g = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _g : Object, typeof (_h = typeof _core_websocket_service__WEBPACK_IMPORTED_MODULE_16__["WebsocketService"] !== "undefined" && _core_websocket_service__WEBPACK_IMPORTED_MODULE_16__["WebsocketService"]) === "function" ? _h : Object, typeof (_j = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormBuilder"]) === "function" ? _j : Object, typeof (_k = typeof ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_6__["PageScrollService"] !== "undefined" && ngx_page_scroll_core__WEBPACK_IMPORTED_MODULE_6__["PageScrollService"]) === "function" ? _k : Object, typeof (_l = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_15__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_15__["ViewportSizeService"]) === "function" ? _l : Object, Object, typeof (_m = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__["TranslateService"]) === "function" ? _m : Object, typeof (_o = typeof _angular_common__WEBPACK_IMPORTED_MODULE_1__["PlatformLocation"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_1__["PlatformLocation"]) === "function" ? _o : Object, typeof (_p = typeof _angular_common__WEBPACK_IMPORTED_MODULE_1__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_1__["Location"]) === "function" ? _p : Object])
    ], MessengerComponent);
    return MessengerComponent;
}());

module.exports = "\n<ngx-smart-modal\n  #objectShareModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  (onClose)=\"closeObjectSharer(true); searchComponent.resetSelection()\"\n  (onDismiss)=\"closeObjectSharer(); searchComponent.resetSelection()\"\n  identifier=\"object-share-modal\"\n>\n  <div class=\"modal-close\"\n      (click)=\"closeObjectSharer()\"\n  ></div>\n  <div class=\"modal mwide modal-embed-component\">\n    <div class=\"modal-header\">\n      <div\n        translate\n      >SHARE OBJECT</div>\n      <div\n        *ngIf=\"(isPhone$ | async)\"\n        class=\"filter-icon\"\n        (click)=\"openFilterModal()\"\n        role=\"button\"\n      ></div>\n      <div role=\"button\" (click)=\"sendSelectedObjects()\">\n        <div class=\"gold-b\">\n          {{ 'SEND' | translate }}&nbsp;({{nSelected}})\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"modal-scrollable-body\"\n      infinite-scroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"300\"\n      [scrollWindow]=\"false\"\n      (scrolled)=\"searchComponent.onScroll()\"\n    >\n      <search-component\n         #searchComponent\n         [insideModal]=\"true\"\n         [objectSelectMode]=\"true\"\n         (nSelectedChange)=\"nSelected=$event\"\n      ></search-component>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<div class=\"messenger-component\">\n  <div\n    class=\"messenger-zone\"\n    [ngClass]=\"{\n      'viewchat': phoneUiState === 'viewchat',\n      'viewmenu': phoneUiState === 'viewmenu'\n    }\"\n    (touchmove)=\"onTouchMove($event)\"\n  >\n    <div class=\"messenger-left-menu\">\n      <div class=\"sb-cont\">\n        <div class=\"search-items-container\">\n          <input\n            type=\"text\"\n            [placeholder]='\"Search\" | translate'\n            #searchInput\n          />\n          <div\n            class=\"ms-clear-icon-cont\"\n          >\n            <div\n              class=\"ms-clear-icon\"\n              (click)=\"clearSearchForm();\"\n            ></div>\n          </div>\n          <div class=\"ms-search-icon\"></div>\n        </div>\n        <div\n          *ngIf=\"(about$ | async)?.users[(about$ | async)?.userID]?.role !== UserRoleTypes?.admin\"\n          class=\"cchat-cont\">\n          <dropdown\n            [actions]=\"[\n              [('create chat' | translate), 'create-chat'],\n              [('start dialog' | translate), 'start-dialog'],\n              [('banlist' | translate), 'banlist']\n            ]\"\n            (onAction)=\"handleDropdownAction($event)\"\n          ></dropdown>\n        </div>\n      </div>\n      <div class=\"msg-pscb-cont\">\n        <div class=\"conversation-list\">\n          <div\n            *ngFor=\"let message of (leftMenuMessages$ | async)?.messages; trackBy: trackByID\"\n            [hidden]=\"searchActive || (activeTab$ | async) === 'contacts'\"\n            class=\"conversation-preview\"\n            (click)=\"getMessages(message)\"\n            [ngClass]=\"{\n              'selected': ((activeConversation$ | async)?.peer.typo === message.peer.typo && ((activeConversation$ | async)?.peer.ID === message.userID || (activeConversation$ | async)?.peer.ID === message.peer.ID))\n            }\"\n          >\n              <div class=\"conversation-last-message-status\">\n                <span class=\"history-readed-pic\"></span>\n                <time\n                  class=\"time\"\n                  [attr.datetime]=\"message?.creationTime\"\n                  [title]=\"message?.creationTime\"\n                >{{ message?.creationTime | amLocale: (onLangChange$ | async)?.lang | amCalendar: {\n                  sameDay: 'HH:mm',\n                  nextDay: 'L',\n                  nextWeek: 'L',\n                  lastDay: 'L',\n                  lastWeek: 'L',\n                  sameElse: 'L'\n                } }}</time>\n              </div>\n\n            <div class=\"conversation-title\">\n              <div\n                *ngIf=\"message | chatAvatarByMessage | async; then originalAvatar else altAvatar\"\n                class=\"conversation-image\"\n              ></div>\n\n              <ng-template #originalAvatar>\n                <div\n                  class=\"conversation-image\"\n                  [style.background-image]=\"(message | chatAvatarByMessage | async | preferPhotoMediaTypes: ['avatar', 'small'])?.URI | bgImage\">\n                </div>\n              </ng-template>\n\n              <ng-template #altAvatar>\n                <div class=\"conversation-image\">\n                  {{ message | chatListNameByMessage: true | async }}\n                </div>\n              </ng-template>\n              <div class=\"conversation-name-container\">\n                <div class=\"conversation-name\">\n                  {{ message | chatListNameByMessage | async }}\n\n                  <div\n                    *ngIf=\"message | isVerifiedByMessage | async\"\n                    class=\"conv-systick\"\n                  ></div>\n                </div>\n                <div\n                  class=\"num-badge active\"\n                  *ngIf=\"(message | unreadCountByMessage | async) !== 0\"\n                >{{ message | unreadCountByMessage | async }}</div>\n              </div>\n\n            </div>\n\n            <div class=\"conversation-last-message\">\n              <message-component\n                [message]=\"message\"\n                [conversations]=\"conversations$ | async\"\n                [me]=\"(about$ | async)?.users[(about$ | async)?.userID]\"\n              ></message-component>\n            </div>\n          </div>\n\n          <div\n            [hidden]=\"(activeTab$ | async) !== 'contacts' || searchActive\"\n            class=\"conversation-preview\"\n            *ngFor=\"let userID of (conversations$ | async)?.contactUsersIDs\"\n            (click)=\"getMessagesFromPeer({ID: userID, typo: 1})\"\n          >\n              <div class=\"conversation-last-message-status\"></div>\n              <div class=\"conversation-title\">\n                <div\n                class=\"conversation-image\"\n                [style.background-image]=\"((((conversations$ | async)?.medias[(conversations$ | async)?.users[userID]?.avatarMediaID] | preferPhotoMediaTypes: ['avatar', 'small'])?.URI) || '/assets/i/userpic-stub.png') | bgImage\">\n                </div>\n                <div class=\"conversation-name-container\">\n                  <div class=\"conversation-name\">\n                    {{ (conversations$ | async)?.users | getUsernameByID: userID }}\n                    <div\n                      *ngIf=\"(conversations$ | async)?.users[userID]?.systemUser || (conversations$ | async)?.users[userID]?.role === UserRoleTypes.admin\"\n                      class=\"conv-systick\"\n                    ></div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"conversation-last-message\">\n              </div>\n          </div>\n\n          <ng-container *ngIf=\"searchActive === true\">\n            <div\n              class=\"conversation-preview\"\n              *ngFor=\"let line of (userSearchResults$ | async)\"\n              (click)=\"line.ID && getMessagesFromPeer({\n                  typo: line.typo,\n                  ID: line.ID\n                })\"\n            >\n              <div class=\"conversation-title\">\n                <div\n                  class=\"conversation-image\"\n                  [style.background-image]=\"(line?.media | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage: '/assets/i/userpic-stub.png'\">\n                </div>\n\n                <div class=\"conversation-name\">\n                  {{ line?.title }}\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"chat-contact-switcher\">\n        <div class=\"switch contact\"\n             (click)=\"changeTab('contacts')\"\n             [ngClass]=\"{'active': (activeTab$ | async) === 'contacts' }\">\n        </div>\n\n        <div class=\"switch chat\"\n             (click)=\"changeTab('chats')\"\n             [ngClass]=\"{'active': (activeTab$ | async) === 'chats' }\">\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"messenger-wrapper\"\n      [ngStyle]=\"{\n        'height.px': ((vh$ | async) * 100 - 55)\n      }\"\n    >\n      <div\n        class=\"current-conversation\"\n        data-noscroll\n      >\n        <div *ngIf=\"(activeConversation$ | async)?.peer | chatNameByPeer | async\"\n          class=\"chat-image\"\n          [style.background-image]=\"(((activeConversation$ | async)?.peer | chatAvatarByPeer | async | preferPhotoMediaTypes: ['avatar', 'small'])?.URI || '/assets/i/userpic-stub.png') | bgImage\">\n        </div>\n\n        <div class=\"chat-name-container\">\n          <div class=\"chat-name-box text-truncate\">\n            <span class=\"chat-name\">\n            {{ (activeConversation$ | async)?.peer | chatNameByPeer | async }}\n            <div\n              class=\"conv-systick\"\n              *ngIf=\"(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer.ID]?.systemUser || (activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer.ID]?.role === UserRoleTypes.admin\"\n            ></div>\n          </span>\n          </div>\n\n          <div\n            *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat\"\n            class=\"users-count\"\n            (click)=\"toggleMembersModal()\"\n            role=\"button\"\n          >\n            <div>\n              {{ 'user.plural' | translate: {count: ((activeConversation$ | async)?.messages?.chats[(activeConversation$ | async)?.peer?.ID]?.usersCnt)} }}\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat && (activeConversation$ | async)?.messages?.chats[(activeConversation$ | async)?.peer?.ID]?.adminUserID === (about$ | async)?.userID\"\n          class=\"edit-button\"\n          role=\"button\"\n          (click)=\"editChat()\"\n          translate\n        >Edit</div>\n        <dropdown\n          class=\"edit-button\"\n          [vertical]=\"true\"\n          *ngIf=\"\n            (activeConversation$ | async)?.peer?.typo === MessagePeerTypes.contact && !((activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer.ID]?.systemUser) &&\n            (about$ | async)?.users[(about$ | async)?.userID]?.role !== UserRoleTypes?.admin &&\n            (activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer.ID]?.role !== UserRoleTypes?.admin &&\n            (activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.isDeleted !== true\n            \"\n        >\n          <div\n            *ngIf=\"!((banlist$ | async)?.indexedUsers[(activeConversation$ | async)?.peer?.ID])\"\n            (click)=\"banUser()\"\n            translate\n          >Ban user</div>\n          <div\n            (click)=\"reportUser()\"\n            translate\n          >Report user</div>\n        </dropdown>\n        <div\n          *ngIf=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat && (activeConversation$ | async)?.messages?.chats[(activeConversation$ | async)?.peer?.ID]?.adminUserID !== (about$ | async)?.userID\"\n          class=\"edit-button\"\n          (click)=\"editChat()\"\n        ><a class=\"icon-settings vertical\"></a></div>\n      </div>\n      <div class=\"messages\"\n        [hidden]=\"(activeConversation$ | async) === null\"\n        #messagesContainer\n        infiniteScroll\n        (scroll)=\"onScroll()\"\n        (scrolledUp)=\"onScrolledUp()\"\n        [infiniteScrollUpDistance]=\"0.5\"\n        [scrollWindow]=\"false\"\n      >\n        <message-inline-component\n          *ngFor=\"let message of (activeConversation$ | async)?.messages?.messages; trackBy: trackByID\"\n          [conversation]=\"(activeConversation$ | async)?.messages\"\n          [message]=\"message\"\n          [admin]=\"(about$ | async)?.users[(about$ | async)?.userID]?.role === UserRoleTypes?.admin\"\n          (scrollToBottom)=\"scrollToBottom()\"\n          (messageToUser)=\"messageToUser($event)\"\n          (acceptInvite)=\"acceptInvite($event)\"\n          (rejectInvite)=\"rejectInvite($event)\"\n          (openTaskModal)=\"openTaskModal($event)\"\n        ></message-inline-component>\n\n        <message-pending-component\n          *ngFor=\"let message of (pendingMessages$ | async); trackBy: trackByID\"\n          [admin]=\"(about$ | async)?.users[(about$ | async)?.userID]?.role === UserRoleTypes?.admin\"\n          [message]=\"message\"\n          (scrollToBottom)=\"scrollToBottom()\"\n        ></message-pending-component>\n      </div>\n      <div>\n        <div\n          *ngIf=\"(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.blocked && !(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.isDeleted\"\n          class=\"banned\"\n        >\n          <div translate>This user is blocked.</div>\n        </div>\n        <div\n          *ngIf=\"(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.isDeleted\"\n          class=\"banned\"\n        >\n          <div translate>\n            This user removed his profile.&nbsp; You can't message him.\n          </div>\n        </div>\n\n        <div\n          *ngIf=\"\n            (activeConversation$ | async)?.peer?.typo === MessagePeerTypes.contact && (banlist$ | async)?.indexedUsers[(activeConversation$ | async)?.peer?.ID] &&\n            !(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.blocked\n          \"\n          class=\"banned\"\n        >\n          <div translate>This user is banned.</div>\n          <span>&nbsp;</span>\n          <div\n            (click)=\"unbanUser()\"\n            class=\"unban\"\n            role=\"button\"\n            translate\n          >Unban</div>.\n        </div>\n        <form\n          class=\"message-form\"\n          *ngIf=\"\n            (activeConversation$ | async) !== null &&\n            !((activeConversation$ | async)?.peer?.typo === MessagePeerTypes.contact &&\n            (activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.systemUser === true) &&\n            ((activeConversation$ | async)?.peer?.typo !== MessagePeerTypes.contact || !(banlist$ | async)?.indexedUsers[(activeConversation$ | async)?.peer?.ID]) &&\n            !(activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.blocked &&\n            (activeConversation$ | async)?.messages?.users[(activeConversation$ | async)?.peer?.ID]?.isDeleted !== true\n          \"\n          [formGroup]=\"messageForm\"\n          (ngSubmit)=\"sendMessage(messageForm.value)\"\n        >\n          <input\n            type=\"file\"\n            id=\"mediaInput\"\n            class=\"hidden-input\"\n            (change)=\"sendMediaMessage($event)\"\n            multiple\n          />\n          <label\n            for=\"mediaInput\"\n            class=\"send-media-icon\"\n            [title]=\"'Send file or photo' | translate\"\n            role=\"button\"\n          ></label>\n          <div\n            *ngIf=\"(about$ | async)?.users[(about$ | async)?.userID]?.role !== UserRoleTypes?.admin\"\n            class=\"object-share-icon\"\n            (click)=\"openObjectSharer();\"\n            [title]=\"'Send object' | translate\"\n          >\n          </div>\n          <textarea\n            autosize\n            rows=\"1\"\n            [minRows]=\"1\"\n            [maxRows]=\"20\"\n            [placeholder]=\"'Write a message...' | translate\"\n            formControlName=\"text\"\n            class=\"message-text\"\n            (keydown)=\"handleMessageKeypress($event)\"\n          ></textarea>\n          <button\n            type=\"submit\"\n            role=\"button\"\n            class=\"send-message-icon\"\n            [title]=\"'Send message' | translate\"\n            [disabled]=\"messageForm.invalid\"\n          ></button>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n\n<chat-info-create-component\n  #createChatModal\n  [noBottomButtons]=\"true\"\n></chat-info-create-component>\n\n<chat-info-edit-component\n  #chatInfoEditModal\n  [admin]=\"(activeConversation$ | async)?.peer?.typo === MessagePeerTypes.chat && (activeConversation$ | async)?.messages?.chats[(activeConversation$ | async)?.peer?.ID]?.adminUserID === (about$ | async)?.userID\"\n  [noBottomButtons]=\"true\"\n></chat-info-edit-component>\n\n<members-list-component\n  #membersListModal\n></members-list-component>\n\n<banlist-component\n  #banlistModal\n></banlist-component>\n\n<ngx-smart-modal\n  #confirmBanModal\n  [closable]=\"false\"\n  [escapable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"confirmBanModal\"\n>\n  <div class=\"modal-close\" (click)=\"confirmBanModal.close()\"></div>\n  <div class=\"modal\">\n    <div class=\"modal-textbox\">\n      {{ 'Are you sure you want to ban \"{user}\"?' | translate:{user: ((activeConversation$ | async)?.messages?.users | getUsernameByID: (activeConversation$ | async)?.peer?.ID)} }}\n    </div>\n    <div class=\"modal-buttons\" >\n      <button\n        class=\"modal-button-left\"\n        (click)=\"confirmBan()\"\n        role=\"button\"\n      ><span translate>Yes</span></button>\n      <button\n        class=\"modal-button-right\"\n        (click)=\"confirmBanModal.close()\"\n        role=\"button\"\n      ><span translate>No</span></button>\n    </div>\n  </div>\n</ngx-smart-modal>\n\n<start-dialog-component\n  #startDialogModal\n></start-dialog-component>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../node_modules/postcss-loader/src!./messenger.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/messenger/messenger.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".messenger-component {\n  /*width: 80%;*/\n  margin: 0 auto;\n}\n.messenger-zone {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.messenger-left-menu {\n  position: fixed;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  top: 85px;\n  bottom: 0;\n  width: 350px;\n  padding-top: 32px;\n  background-color: #1C2A35;\n}\n.create-chat-icon {\n  background-image: url('/assets/i/messenger-create-chat.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  height: 1.7em;\n  width: 1.7em;\n}\n.messenger-top {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  padding-top: 32px;\n  padding-top: 2rem;\n  padding-bottom: 32px;\n  padding-bottom: 2rem;\n  position: relative;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center\n}\n.messenger-top .messenger-logo {\n  font-size: 1.1em;\n  text-transform: uppercase;\n  font-weight: bold;\n  color: rgb(171, 171, 171);\n  text-shadow: 0px 2px 4px rgba(0, 0, 0, .5);\n}\n.conversation-list {\n  height: 100%;\n  width: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  padding-top: 5px;\n}\n.msg-pscb-cont {\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n  padding-top: 10px;\n}\n.chat-contact-switcher {\n  -ms-flex-preferred-size: 66px;\n      flex-basis: 66px;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  height: 66px;\n  z-index: 1;\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 350px;\n  -webkit-box-shadow: 0px 2px 17px rgba(0, 0, 0, .65);\n          box-shadow: 0px 2px 17px rgba(0, 0, 0, .65);\n  background-color: #1C2A35\n}\n.chat-contact-switcher .switch {\n  cursor: pointer;\n  display: inline-block;\n  width: 50%;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: 40px 40px;\n}\n.chat-contact-switcher .switch.contact {\n  background-image: url('/assets/i/messenger-contacts.svg');\n}\n.chat-contact-switcher .switch.contact.active {\n  background-image: url('/assets/i/messenger-contacts-active.svg');\n}\n.chat-contact-switcher .switch.chat {\n  background-image: url('/assets/i/messenger-chats.svg');\n}\n.chat-contact-switcher .switch.chat.active {\n  background-image: url('/assets/i/messenger-chats-active.svg');\n}\n.sb-cont {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 48px;\n          flex: 0 0 48px;\n}\n.cchat-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n/deep/ .search-items-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 81%;\n  margin-left: 3.5%\n}\n/deep/ .search-items-container .ms-search-icon {\n  height: 38px;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 56px;\n          flex: 0 0 56px;\n  background-color: #1C2A35;\n  border-bottom: 2px solid #97A3AC;\n  border-radius: 0;\n  background-position: top;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/gray-search.svg);\n  position: relative;\n  top: 5px;\n}\n/deep/ .search-items-container input {\n  background-color: #1C2A35;\n  color: white;\n  border: none;\n  border-radius: 0;\n  border-bottom: 2px solid #97A3AC;\n  padding-left: 3px;\n  width: 81%;\n}\n/deep/ .search-items-container input:focus {\n  border-bottom: 2px solid #D4A924;\n}\n/deep/ .search-items-container input:focus~.ms-search-icon {\n  border-bottom: 2px solid #D4A924;\n  background-image: url(/assets/i/gold-search.svg);\n}\n/deep/ .search-items-container.whitebg > * {\n  background-color: #ffffff;\n  color: #19242e;\n}\n.search-items-container input~.ms-clear-icon-cont {\n  display: none;\n  position: absolute;\n  height: 34px;\n  background: none;\n  right: 59px;\n}\n.search-items-container input:not(:placeholder-shown)+.ms-clear-icon-cont {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n.ms-clear-icon-cont .ms-clear-icon {\n  margin-left: 5px;\n  height: 18px;\n  width: 18px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/round-delete.svg);\n  cursor: pointer;\n}\n.conversation-preview {\n  padding: .1em 1em;\n  width: 100%;\n  margin: 0 auto;\n  cursor: pointer;\n  border-radius: 12px;\n}\n.conversation-preview.selected {\n  background-color: #13202a;\n}\n.conversation-preview .conversation-title {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%\n}\n.conversation-preview .conversation-title .conversation-name-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n}\n.conversation-preview .conversation-title .num-badge {\n  margin-left: auto;\n}\n.conversation-preview .conversation-title .num-badge.active {\n  background-color: #D4A924;\n}\n.conversation-preview .conversation-title .conversation-name {\n  display: inline-block;\n  overflow: hidden;\n  max-width: 84%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: white;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.conversation-preview .conversation-title .conversation-last-message-status {\n  font-size: 14.4px;\n  font-size: 0.9rem;\n  margin-left: auto;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n.conversation-last-message-status .time {\n  float: right;\n  font-size: 14.4px;\n  font-size: .9rem;\n}\n.conversation-preview .conversation-last-message {\n  padding-top: 10px;\n  display: block;\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.conversation-image {\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  background-size: cover;\n  border: 1px solid white;\n  margin-right: 10px;\n\n  text-align: center;\n  line-height: 50px;\n  text-transform: uppercase;\n  font-weight: bold;\n  background-color: #97a3ac;\n}\n.conv-systick {\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  background-color: #D4A924;\n  margin-left: 6px;\n  color: #ffffff;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/vw.svg);\n  background-size: 75%;\n  display: inline-block;\n}\n.messenger-wrapper {\n  width: 100%;\n  padding-left: 350px;\n  background-color: #f3f3f3;\n\n  display: -webkit-box;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n.messages {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.message-body {\n  padding: 15px;\n  border-radius: 11px;\n  position: relative\n}\n.message-body.pending {\n  opacity: .5;\n}\n.chat-horiz-btns {\n  margin-top: 9.6px;\n  margin-top: 0.6rem;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.chat-horiz-btns > div {\n  margin-right: 2em;\n}\n.allcaps {\n  -webkit-text-decoration: uppercase;\n          text-decoration: uppercase;\n}\n.message-form {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  background-color: white;\n  -ms-flex-preferred-size: 66px;\n      flex-basis: 66px;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  border-top: 1px solid #97a3ac;\n  min-height: 65px\n}\n.message-form .send-media-icon,\n  .message-form .object-share-icon,\n  .message-form .send-message-icon {\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n  margin-bottom: 1em;\n  height: 24px;\n  height: 1.5rem;\n  min-width: 24px;\n  min-width: 1.5rem;\n  margin-left: .5em;\n}\n.message-form .send-media-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/messenger-add-file.svg);\n  cursor: pointer;\n}\n.message-form .object-share-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/share-object.svg);\n  margin-right: .5em;\n}\n.message-form .send-message-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/messenger-send.svg);\n  background-color: transparent;\n  border: none;\n  margin-right: .5em;\n}\n@media (hover) {\n  .message-form .send-media-icon:hover {\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/messenger-add-file-active.svg);\n  }\n  .message-form .send-message-icon:hover {\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/messenger-send-active.svg);\n  }\n  .message-form .object-share-icon:hover {\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-image: url(/assets/i/share-object-active.svg);\n  }\n}\n.message-form .message-text {\n  width: 100%;\n}\n.message-form textarea {\n  min-height: 41.6px;\n  min-height: 2.6rem;\n  max-height: 160px;\n  max-height: 10rem;\n  border-radius: 1.3rem;\n  margin-top: 8px;\n  margin-top: .5rem;\n  margin-bottom: 8px;\n  margin-bottom: .5rem;\n  line-height: 40px;\n  resize: vertical;\n}\n.current-conversation {\n  -ms-flex-preferred-size: 80px;\n      flex-basis: 80px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  background-color: white;\n  position: relative;\n  border-bottom: 2px solid #97a3ac\n}\n.current-conversation .chat-name {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.current-conversation .chat-name-container {\n  max-width: 70%;\n  -ms-flex-item-align: center;\n      align-self: center;\n  text-align: center;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n.current-conversation .chat-name-container span {\n  margin-right: 5px;\n}\n.current-conversation .chat-image {\n  height: 50px;\n  width: 50px;\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n  border-radius: 50%;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  background-size: cover;\n  border: 1px solid white;\n  -ms-flex-item-align: center;\n      align-self: center;\n  margin-right: 10px;\n}\n.current-conversation .users-count {\n  color: #97a3ac;\n  font-size: .7em;\n}\n.current-conversation .edit-button {\n  position: absolute;\n  right: 1em;\n  -ms-flex-item-align: center;\n      align-self: center;\n  top: 0;\n  height: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.current-conversation .edit-button .icon-settings {\n  height: 100%;\n}\n:host /deep/ .modal.mwide {\n\n  /*width: 50%;*/\n  padding-top: 0 !important;\n  max-width: 620px\n}\n:host /deep/ .modal.mwide .icon-back-dark {\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n  position: relative;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/arrow-left-dark.svg);\n}\n:host /deep/ .modal.mwide .modal-header {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: colum;\n          flex-direction: colum;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-content {\n  width: 90%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header {\n  padding: 14px 5%;\n  border-bottom: solid 2px #97a3ac;\n  margin-bottom: 20px;\n}\n:host /deep/ .modal.mwide .modal-header > div {\n  font: 20px \"Avenir Next\";\n  color: #19242e;\n  font-weight: bold;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n}\n:host /deep/ .modal.mwide .modal-header > div:first-child {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header > div:last-child {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host /deep/ .modal.mwide .modal-header > div.inactive-col {\n  color: #97a3ac;\n}\n:host /deep/ .modal.mwide .user-plate {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-bottom: 15px;\n}\n:host /deep/ .modal.mwide .user-avatar {\n  height: 120px;\n  width: 120px;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n}\n:host /deep/ .modal.mwide .user-creds-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding-left: 23px;\n}\n:host /deep/ .modal.mwide .user-creds {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n:host /deep/ .modal.mwide .user-name {\n  font-weight: bold;\n  color: #19242e;\n}\n:host /deep/ .modal.mwide .user-email {\n  font: 17px \"Avenir Next\";\n  color: #97a3ac;\n}\n:host /deep/ .modal.mwide .usercard-cont {\n  width: 31%;\n  max-width: 33vw;\n}\n:host /deep/ .modal.mwide .usercard-desc{\n  max-height: 30vh;\n  text-align: left;\n  overflow-y: auto;\n  font: 17px \"Avenir Next\";\n}\n:host /deep/ .modal.modal-embed-component {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 80vw;\n    max-width: 1000px;\n    max-height: 80vh;\n    overflow: hidden\n}\n:host /deep/ .modal.modal-embed-component .modal-scrollable-body {\n  width: 100%;\n  overflow-y: auto;\n}\n:host /deep/ .modal.modal-embed-component .modal-header {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0;\n          flex: 0 0;\n}\n.modal-embed-component .modal-header {\n  margin-bottom: 0 !important;\n}\n.icon-settings {\n  width: 30px;\n  height: 30px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url('../../assets/i/workspace-dots-rot.svg');\n  display: block;\n  position: relative;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.chat-name-box {\n  width: 100%;\n  display: inline-block;\n}\n.banned {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  background-color: #fff;\n  border-top: 1px solid #97a3ac;\n  min-height: 65px\n}\n.banned .unban {\n  color: #D4A924;\n}\n.ban-button {\n  position: absolute;\n  right: 1em;\n  height: 1.5em;\n  width: 1.5em;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/block.svg);\n}\n.userlist:last-child {\n  margin-bottom: 10px;\n}\n.userlist {\n  font-size: .7em;\n  width: 100%;\n  max-height: 60vh;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  border-bottom: 1px solid rgb(169, 179, 186);\n  border-top: 1px solid rgb(169, 179, 186);\n  margin-top: .5em\n}\n.userlist .add-member {\n  font-weight: bold;\n  color: rgb(212, 169, 36);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .gold-circle-plus {\n  display: block;\n  width: 2em;\n  height: 2em;\n  margin-right: 10px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/add-circle-plus.svg);\n}\n.userlist > div {\n  padding-top: .5em;\n  padding-bottom: .5em;\n}\n.userlist > div:not(:last-child) {\n  border-bottom: 1px solid rgb(169, 179, 186);\n}\n.userlist .user {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .user .delete-user-icon-cont {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.userlist .user .delete-user-icon {\n  display: none;\n  height: 30px;\n  width: 30px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/active-round-delete-item.svg);\n}\n.userlist .user .delete-user-icon:hover {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/gold-active-round-delete-item.svg);\n}\n.userlist .user:hover .delete-user-icon {\n  display: block;\n}\n.userlist .userlist-avatar {\n  width: 2em;\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 2em;\n          flex: 0 0 2em;\n  background-size: cover;\n  height: 2em;\n  border-radius: 50%;\n  border: 1px solid rgb(186, 149, 34);\n  margin-right: 0.5em;\n  background-image: url('/assets/i/avatar-no-photo.svg');\n}\n.messenger-component .message-body .message-text span a:hover {\n  text-decoration: underline;\n}\n.filter-icon {\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: url(/assets/i/filters-black.svg);\n  height: 28px;\n  width: 28px;\n}\n@media (max-width: 420px) {\n  .message-form {\n    -webkit-box-pack: space-evenly;\n        -ms-flex-pack: space-evenly;\n            justify-content: space-evenly;\n  }\n\n  .message-text {\n    padding: .5em !important;\n  }\n\n  .messenger-left-menu {\n    width: 100% !important;\n  }\n\n  .chat-contact-switcher {\n    width: 100% !important;\n  }\n\n  .messenger-wrapper {\n    padding-left: 0 !important;\n    z-index: 10;\n  }\n\n  .search-items-container {\n    width: 93%;\n  }\n\n  .messenger-wrapper {\n    margin-bottom: -3.14136vh !important;\n  }\n\n\n  .messenger-zone.viewchat .messenger-left-menu,\n  .messenger-zone.viewmenu .messenger-wrapper,\n  .current-conversation,\n  .cchat-cont {\n    display: none\n  }\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StartDialogComponent", function() { return StartDialogComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_messages__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../actions/messages */ "./src/app/actions/messages.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../../model/MessagePeerTypes.enum */ "./src/app/model/MessagePeerTypes.enum.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};










var LOADER_PAGESIZE = 10;
var StartDialogComponent = (function () {
    function StartDialogComponent(store) {
        this.store = store;
        this.modalStatus = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_8__["trackByID"];
        this.paginatorPage = 0;
    }
    StartDialogComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.findUsersResults$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["combineLatest"])(this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getFindUsersResults"])), this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]))).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (_a) {
            var _b = __read(_a, 2), users = _b[0], about = _b[1];
            return (__assign({}, users, { users: (users && users.users || [])
                    .filter(function (user) { return user.ID !== about.userID; }) }));
        }));
        this.startDialogModal.onOpen.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(true);
        });
        this.startDialogModal.onClose.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.modalStatus.emit(false);
        });
    };
    StartDialogComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["fromEvent"])(this.startDialogModalInput.nativeElement, 'keydown'), Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["fromEvent"])(this.startDialogModalInput.nativeElement, 'paste')).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (e) { return e.target.value; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["debounceTime"])(500), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.getUsers(true);
        });
    };
    StartDialogComponent.prototype.ngOnDestroy = function () { };
    StartDialogComponent.prototype.toggleModal = function () {
        if (this.startDialogModal.visible === false) {
            this.startDialogModal.open();
        }
        else if (this.startDialogModal.visible === true) {
            this.startDialogModal.close();
        }
    };
    StartDialogComponent.prototype.onStartDialogModalStatusChange = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["FindUsersCleanAction"]());
        this.startDialogModalInput.nativeElement.value = '';
        this.paginatorPage = 0;
    };
    StartDialogComponent.prototype.messageToUser = function (ID) {
        this.store.dispatch(new _actions_messages__WEBPACK_IMPORTED_MODULE_5__["GetMessagesRangeAction"]({
            peer: {
                typo: _model_MessagePeerTypes_enum__WEBPACK_IMPORTED_MODULE_9__["MessagePeerTypes"].contact,
                ID: ID
            },
            range: {
                distance: -15,
                include: false
            }
        }));
    };
    StartDialogComponent.prototype.onScroll = function () {
        var usersLoading;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getUserLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return usersLoading = r; });
        if (usersLoading === true) {
            return;
        }
        var users;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return users = r; });
        if (!Object(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"])(users)) {
            return;
        }
        if (users.usersTotalCount < (LOADER_PAGESIZE * (this.paginatorPage + 1))) {
            return;
        }
        this.paginatorPage = this.paginatorPage + 1;
        this.getUsers(false);
    };
    StartDialogComponent.prototype.getUsers = function (clean) {
        if (clean === void 0) { clean = true; }
        if (clean) {
            this.paginatorPage = 0;
            this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["FindUsersAction"]({
                paginator: {
                    page: this.paginatorPage,
                    cnt: LOADER_PAGESIZE
                },
                name: this.searchQuery
            }));
            return;
        }
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["AppendFindUsersAction"]({
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE
            },
            name: this.searchQuery
        }));
    };
    var _a;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], StartDialogComponent.prototype, "modalStatus", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('startDialogModal', { static: true }),
        __metadata("design:type", Object)
    ], StartDialogComponent.prototype, "startDialogModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])('startDialogModalInput', { static: true }),
        __metadata("design:type", Object)
    ], StartDialogComponent.prototype, "startDialogModalInput", void 0);
    StartDialogComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'start-dialog-component',
            template: __webpack_require__(/*! ./start-dialog.component.html */ "./src/app/messenger/start-dialog/start-dialog.component.html"),
            styles: [
                __webpack_require__(/*! ../chat-info/form/chat-info-form.component.css */ "./src/app/messenger/chat-info/form/chat-info-form.component.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], StartDialogComponent);
    return StartDialogComponent;
}());

module.exports = "<ngx-smart-modal\n  #startDialogModal\n  [closable]=\"false\"\n  [customClass]=\"'modal-container'\"\n  identifier=\"startDialogModal\"\n  (onOpen)=\"onStartDialogModalStatusChange()\"\n  (onClose)=\"onStartDialogModalStatusChange()\"\n  (onDismiss)=\"onStartDialogModalStatusChange()\"\n>\n  <div class=\"modal-close\" (click)=\"startDialogModal.close()\"></div>\n  <div class=\"modal mwide create-chat\">\n    <div class=\"modal-header\">\n      <div\n        (click)=\"startDialogModal.close()\"\n        role=\"button\"\n      >\n        <span\n          class=\"icon-back-dark\"\n        ></span>\n        {{ 'BACK' | translate }}\n      </div>\n      <div\n        translate\n      >\n        START DIALOG\n      </div>\n      <div></div>\n    </div>\n\n    <div class=\"search-items-container whitebg\">\n      <input\n        type=\"text\"\n        [placeholder]=\"'Search' | translate\"\n        class=\"finduser-input\"\n        #startDialogModalInput\n        [(ngModel)]=\"searchQuery\"\n      />\n      <div class=\"ms-clear-icon-cont\"><div class=\"ms-clear-icon\"></div></div>\n      <div class=\"ms-search-icon\"></div>\n    </div>\n\n    <div\n      infinite-scroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"300\"\n      [scrollWindow]=\"false\"\n      (scrolled)=\"onScroll()\"\n      class=\"userlist\"\n    >\n      <div\n        *ngFor=\"let user of (findUsersResults$ | async)?.users; trackBy: trackByID\"\n        class=\"user padded\"\n        role=\"button\"\n        (click)=\"user && user.ID && startDialogModal.close(); messageToUser(user.ID)\"\n      >\n        <div\n          [style.background-image]=\"((findUsersResults$ | async)?.medias[user?.avatarMediaID] | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage\"\n          class=\"userlist-avatar\"\n        ></div>\n\n        <div>\n          {{ user | getUsername }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ngx-smart-modal>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublicModule", function() { return PublicModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _collections_list_public_collections_list_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./collections/list/public-collections-list.component */ "./src/app/workspace/public/collections/list/public-collections-list.component.ts");
/* harmony import */ var _collections_view_public_collection_view_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./collections/view/public-collection-view.component */ "./src/app/workspace/public/collections/view/public-collection-view.component.ts");
/* harmony import */ var _object_view_public_object_view_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./object/view/public-object-view.component */ "./src/app/workspace/public/object/view/public-object-view.component.ts");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../shared/shared.module */ "./src/app/shared/shared.module.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};







var PublicModule = (function () {
    function PublicModule() {
    }
    PublicModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
            imports: [
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_5__["SharedModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"].forChild([
                    {
                        path: '',
                        component: _collections_list_public_collections_list_component__WEBPACK_IMPORTED_MODULE_2__["PublicCollectionsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_6__["_"])('Public collections')
                        }
                    },
                    {
                        path: 'collection/:id',
                        component: _collections_view_public_collection_view_component__WEBPACK_IMPORTED_MODULE_3__["PublicCollectionViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_6__["_"])('View collection')
                        }
                    },
                    {
                        path: 'object/:id',
                        component: _object_view_public_object_view_component__WEBPACK_IMPORTED_MODULE_4__["PublicObjectViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_6__["_"])('View object')
                        }
                    }
                ]),
            ],
            declarations: [
                _collections_list_public_collections_list_component__WEBPACK_IMPORTED_MODULE_2__["PublicCollectionsComponent"],
                _collections_view_public_collection_view_component__WEBPACK_IMPORTED_MODULE_3__["PublicCollectionViewComponent"],
                _object_view_public_object_view_component__WEBPACK_IMPORTED_MODULE_4__["PublicObjectViewComponent"],
            ]
        })
    ], PublicModule);
    return PublicModule;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublicCollectionsComponent", function() { return PublicCollectionsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../api */ "./src/app/api/index.ts");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};










var LOADER_PAGESIZE = 18;
var PublicCollectionsComponent = (function () {
    function PublicCollectionsComponent(store, route, defaultService, document) {
        this.store = store;
        this.route = route;
        this.defaultService = defaultService;
        this.document = document;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_7__["trackByID"];
        this.paginatorPage = 0;
        this.userID = null;
        this.recommended = true;
    }
    PublicCollectionsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.publicCollections$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getCollections"]));
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getReferences"]));
        this.isAuthorized$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getAuthorized"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]));
        this.queryParamUserID$ = this.route.queryParams.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (params) { return Number(params.userID) || null; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["delay"])(0));
        this.route.queryParams
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.recommended = !Boolean(Number(params.all));
            _this.userID = Number(params.userID);
            if (_this.userID) {
                _this.recommended = false;
            }
            _this.getCollections(true);
        });
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]));
    };
    PublicCollectionsComponent.prototype.ngOnDestroy = function () { };
    PublicCollectionsComponent.prototype.search = function (query) {
        this.paginatorPage = 0;
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_5__["GetPublicCollectionsAction"]({
            query: query || this.searchQuery,
            userID: this.userID,
            recommended: this.recommended,
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE,
            },
        }));
    };
    PublicCollectionsComponent.prototype.triggerFileInput = function () {
        this.fileInput.nativeElement.click();
    };
    PublicCollectionsComponent.prototype.onFileSelected = function (event) {
        var _this = this;
        var file = event.target.files[0];
        this.defaultService
            .objectsSearchDecodePost(file)
            .subscribe(function (response) { return (_this.document.location.href = response.link); });
    };
    PublicCollectionsComponent.prototype.onScroll = function () {
        var collectionLoading;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getCollectionLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (collectionLoading = r); });
        if (collectionLoading === true) {
            return;
        }
        var collections;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getCollections"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (collections = r); });
        if (!Object(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"])(collections)) {
            return;
        }
        if (collections.collectionsTotalCount < LOADER_PAGESIZE * (this.paginatorPage + 1)) {
            return;
        }
        this.paginatorPage = this.paginatorPage + 1;
        this.getCollections(false);
    };
    PublicCollectionsComponent.prototype.getCollections = function (clean) {
        if (clean === void 0) { clean = true; }
        if (clean) {
            this.paginatorPage = 0;
            this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_5__["GetPublicCollectionsAction"]({
                paginator: {
                    page: this.paginatorPage,
                    cnt: LOADER_PAGESIZE,
                },
                userID: this.userID,
                recommended: this.recommended,
            }));
            return;
        }
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_5__["AppendPublicCollectionsAction"]({
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE,
            },
            userID: this.userID,
        }));
    };
    var _a, _b, _c, _d, _e;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("fileInput", { static: false }),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _a : Object)
    ], PublicCollectionsComponent.prototype, "fileInput", void 0);
    PublicCollectionsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "public-collections-list-component",
            template: __webpack_require__(/*! ./public-collections-list.component.html */ "./src/app/workspace/public/collections/list/public-collections-list.component.html"),
            styles: [
                __webpack_require__(/*! ../../../collection/list/collections-list.component.css */ "./src/app/workspace/collection/list/collections-list.component.css"),
                __webpack_require__(/*! ../../../search/searchbar.css */ "./src/app/workspace/search/searchbar.css"),
                __webpack_require__(/*! ../../../../shared/userplate.css */ "./src/app/shared/userplate.css"),
                __webpack_require__(/*! ../../../../shared/tabs.css */ "./src/app/shared/tabs.css"),
            ],
        }),
        __param(3, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_common__WEBPACK_IMPORTED_MODULE_9__["DOCUMENT"])),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _api__WEBPACK_IMPORTED_MODULE_8__["DefaultService"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_8__["DefaultService"]) === "function" ? _d : Object, typeof (_e = typeof Document !== "undefined" && Document) === "function" ? _e : Object])
    ], PublicCollectionsComponent);
    return PublicCollectionsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div\n    class=\"collector-tabs\"\n    *ngIf=\"(isAuthorized$ | async) === false || ((queryParamUserID$ | async) === (about$ | async)?.userID || (queryParamUserID$ | async) === null)\"\n  >\n    <div\n      [routerLink]=\"['/workspace/public']\"\n      [ngClass]=\"{\n        'active': recommended === true\n      }\"\n      role=\"button\"\n      translate\n    >Recommended</div>\n    <div\n      [routerLink]=\"['/workspace/public']\"\n      [queryParams]=\"{all: 1}\"\n      [ngClass]=\"{\n        'active': (queryParamUserID$ | async) === null && recommended === false\n      }\"\n      role=\"button\"\n      translate\n    >All</div>\n    <div\n      *ngIf=\"(isAuthorized$ | async) === true\"\n      [routerLink]=\"['/workspace/public']\"\n      [queryParams]=\"{userID: (about$ | async)?.userID}\"\n      [ngClass]=\"{\n        'active': (queryParamUserID$ | async) === (about$ | async)?.userID && recommended === false\n      }\"\n      role=\"button\"\n      translate\n    >My</div>\n\n  </div>\n\n  <user-info-thin-component\n    *ngIf=\"((queryParamUserID$ | async) !== null && (queryParamUserID$ | async) !== (about$ | async)?.userID) || ((isAuthorized$ | async) !== true && (queryParamUserID$ | async) !== null)\"\n    [user]=\"(publicCollections$ | async)?.users[(queryParamUserID$ | async)]\"\n    [isAuthorized]=\"isAuthorized$ | async\"\n    [media]=\"(publicCollections$ | async)?.medias[(publicCollections$ | async)?.users[(queryParamUserID$ | async)]?.avatarMediaID]\"\n    [myUserID]=\"(about$ | async)?.userID\"\n  ></user-info-thin-component>\n\n  <div class=\"searchbar\">\n    <div class=\"search-b\" (click)=\"search()\"></div>\n    <input\n      class=\"search-input\"\n      [placeholder]=\"'Search query' | translate\"\n      (keyup.enter)=\"search()\"\n      [(ngModel)]=\"searchQuery\"\n    />\n    <!-- <div class=\"search-clear\" (click)=\"searchQuery = ''; search()\"></div> -->\n    <div class=\"search-qr\" accept=\"image/jpg, image/jpeg\" (click)=\"triggerFileInput()\"></div>\n    <input type=\"file\" #fileInput (change)=\"onFileSelected($event)\" style=\"display: none;\">\n\n    <div class=\"search-clear\" (click)=\"searchQuery = ''; search()\"></div>\n  </div>\n\n  <div class=\"gold-underline\"></div>\n\n  <div class=\"collections\">\n\n    <div class=\"no-items\" *ngIf=\"(publicCollections$ | async)?.collectionsArray?.length === 0\">\n      <div class=\"center-msg\">\n        <div class=\"large-icon icon-collections\"></div>\n        <div\n          class=\"sub-msg\"\n          translate\n        >No results.</div>\n      </div>\n      <div class=\"fixed-arrow\"></div>\n    </div>\n\n    <div class=\"col\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"300\"\n      [fromRoot]=\"true\"\n      [infiniteScrollContainer]=\"'.app'\"\n      (scrolled)=\"onScroll()\"\n    >\n      <collection-card-component\n        *ngFor=\"let collection of (publicCollections$ | async)?.collectionsArray; trackBy: trackByID\"\n        [collectionID]=\"collection?.ID\"\n        [dashboard]=\"publicCollections$ | async\"\n        [references]=\"references$ | async\"\n        [editable]=\"false\"\n        collectionViewUrl=\"/workspace/public/collection/\"\n        collectionsUrl=\"/workspace/public\"\n        [usersInfo]=\"publicCollections$ | async | pick: ['users', 'usersCollections']\"\n        [isAuthorized]=\"isAuthorized$ | async\"\n        [inRoot]=\"!!((isAuthorized$ | async) === true && (dashboard$ | async)?.collections[collection?.ID])\"\n        [accessLevel]=\"(dashboard$ | async)?.collections[collection?.ID]?.accessLevel\"\n        [userID]=\"(about$ | async)?.userID\"\n        [rootID]=\"collection?.rootID\"\n      ></collection-card-component>\n    </div>\n\n  </div>\n\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublicCollectionViewComponent", function() { return PublicCollectionViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-clipboard */ "./node_modules/ngx-clipboard/fesm5/ngx-clipboard.js");
/* harmony import */ var ngx_window_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ngx-window-token */ "./node_modules/ngx-window-token/fesm5/ngx-window-token.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_history__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../actions/history */ "./src/app/actions/history.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _core_viewsize_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../core/viewsize.service */ "./src/app/core/viewsize.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};

















var PublicCollectionViewComponent = (function () {
    function PublicCollectionViewComponent(store, route, router, viewsize, setTitleService, translate, window, clipboardService, viewportScroller) {
        var _this = this;
        this.store = store;
        this.route = route;
        this.router = router;
        this.viewsize = viewsize;
        this.setTitleService = setTitleService;
        this.translate = translate;
        this.window = window;
        this.clipboardService = clipboardService;
        this.viewportScroller = viewportScroller;
        this.sortOrder = -1;
        this.sortType = "creationTime";
        this.paginatorObjectsCount = 16;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_15__["trackByID"];
        this.loading$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["of"])(true);
        this.totalHits = 0;
        this.currLang = localStorage.getItem("lang");
        this.objects$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (o) {
            if (o) {
                console.log("o", o);
                _this.totalHits = o.res.totalHits;
            }
            return o.res;
        }));
        this.filter$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (o) { return o.req; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["startWith"])({
            orders: {
                creationTime: -1,
            },
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount,
            },
        }));
    }
    PublicCollectionViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.translate.onLangChange
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (l) { return l.lang; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (lang) {
            localStorage.setItem("lang", lang);
            _this.currLang = lang;
        });
        this.isPhone$ = this.viewsize.isPhone$;
        this.dashboard$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getDDashboard"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]));
        this.collectionID$ = this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (p) { return Number(p.id); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["distinctUntilChanged"])());
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getReferences"]));
        this.isAuthorized$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getAuthorized"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_15__["filterEmpty"]));
        this.collectionID$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["switchMap"])(function () {
            return _this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_14__["getLastScrollHistoryByKey"](window.location.pathname)), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])());
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (scroll) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["ObjectCleanStateAction"]());
            _this.getObjects((scroll && scroll.payload) || {});
        });
        Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])(this.collectionID$, this.objects$)
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), collectionID = _b[0], objects = _b[1];
            if (!objects.collections[collectionID]) {
                _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_9__["HistoryDropLastAction"]());
                _this.router.navigateByUrl("/workspace/public");
                return;
            }
            _this.setTitleService.setTitle(objects.collections[collectionID].name, window.location.pathname, {}, false);
        });
        this.route.queryParams.subscribe(function (params) {
            var type = params["sortType"];
            var order = params["sortOrder"];
            var page = params["page"];
            if (type) {
                _this.changeSortType(type);
            }
            if (order) {
                var newOrder = Number(order);
                _this.changeSortOrder(newOrder);
            }
            if (page) {
                var newPage = Number(page);
                _this.selectPage(newPage);
            }
        });
    };
    PublicCollectionViewComponent.prototype.updateQueryParams = function (newParams) {
        var _this = this;
        this.route.queryParams.subscribe(function (params) {
            var updatedParams = __assign({}, params, newParams);
            _this.router.navigate([], { relativeTo: _this.route, queryParams: updatedParams });
        });
    };
    PublicCollectionViewComponent.prototype.ngOnDestroy = function () { };
    PublicCollectionViewComponent.prototype.getObjects = function (payload) {
        var _this = this;
        this.filter$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["withLatestFrom"])(this.collectionID$))
            .subscribe(function (_a) {
            var _b = __read(_a, 2), f = _b[0], collectionID = _b[1];
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_11__["GetPublicCollectionObjectsAction"]({
                collectionsIDs: [collectionID],
                orders: (payload && payload.orders) || f.orders,
                paginator: (payload && payload.paginator) || f.paginator,
            }));
            _this.store.dispatch(new _actions_history__WEBPACK_IMPORTED_MODULE_9__["HistoryRememberScrollAction"]({
                key: window.location.pathname,
                payload: payload,
            }));
        });
    };
    PublicCollectionViewComponent.prototype.changeSortType = function (sortType) {
        var _a;
        this.getObjects({
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount,
            },
            orders: (_a = {},
                _a[sortType] = -1,
                _a),
        });
        this.updateQueryParams({ sortType: sortType });
    };
    PublicCollectionViewComponent.prototype.changeSortOrder = function (sortOrder) {
        var _this = this;
        this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this)).subscribe(function (f) {
            var _a;
            _this.getObjects({
                paginator: {
                    page: 0,
                    cnt: _this.paginatorObjectsCount,
                },
                orders: (_a = {},
                    _a[Object.keys(f.orders)[0]] = sortOrder,
                    _a),
            });
        });
        this.updateQueryParams({ sortOrder: sortOrder });
    };
    PublicCollectionViewComponent.prototype.handleAction = function (action) {
        var _this = this;
        switch (action) {
            case "copy-link": {
                this.clipboardService.copyFromContent(this.window.location.href);
                break;
            }
            case "create-object": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl(_this.router.createUrlTree(["/workspace/p/objects/create"], {
                        queryParams: Object(_utils__WEBPACK_IMPORTED_MODULE_15__["jsonParam"])("init", { collectionID: collectionID }),
                    }));
                });
                break;
            }
            case "edit-page": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl("/workspace/p/collections/edit/" + collectionID);
                });
                break;
            }
            case "delete": {
                this.deleteCollection();
                break;
            }
            case "create-task": {
                this.collectionID$
                    .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
                    .subscribe(function (collectionID) {
                    _this.router.navigateByUrl(_this.router.createUrlTree(["/workspace/p/tasks/create"], {
                        queryParams: {
                            collectionID: collectionID,
                        },
                    }));
                });
                break;
            }
        }
    };
    PublicCollectionViewComponent.prototype.deleteCollection = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["combineLatest"])([this.dashboard$, this.collectionID$])
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (_a) {
            var _b = __read(_a, 2), dashboard = _b[0], collectionID = _b[1];
            return dashboard.collections[collectionID];
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (collection) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_10__["ModalConfirmShowAction"]({
                type: "collection",
                data: collection,
                redirectTo: "/workspace/p/collections",
            }));
        });
    };
    PublicCollectionViewComponent.prototype.selectPage = function (page) {
        this.getObjects({
            paginator: {
                cnt: this.paginatorObjectsCount,
                page: page - 1,
            },
        });
        this.viewportScroller.scrollToPosition([0, 0]);
        this.updateQueryParams({ page: page });
    };
    var _a, _b, _c, _d, _e, _f, _g, _h;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("changeWorkspaceModal", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "changeWorkspaceModal", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("shouldDeleteCollection", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "shouldDeleteCollection", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("shouldDeleteObjects", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "shouldDeleteObjects", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("shouldMoveObjects", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "shouldMoveObjects", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("chooseCollection", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "chooseCollection", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("breadcrumbs", { static: true }),
        __metadata("design:type", Object)
    ], PublicCollectionViewComponent.prototype, "breadcrumbs", void 0);
    PublicCollectionViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "public-collection-view-component",
            template: __webpack_require__(/*! ./public-collection-view.component.html */ "./src/app/workspace/public/collections/view/public-collection-view.component.html"),
            styles: [
                __webpack_require__(/*! ../../../collection/view/collection-view.component.css */ "./src/app/workspace/collection/view/collection-view.component.css"),
                __webpack_require__(/*! ../../../../shared/userplate.css */ "./src/app/shared/userplate.css"),
            ],
        }),
        __param(6, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(ngx_window_token__WEBPACK_IMPORTED_MODULE_6__["WINDOW"])),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _core_viewsize_service__WEBPACK_IMPORTED_MODULE_13__["ViewportSizeService"] !== "undefined" && _core_viewsize_service__WEBPACK_IMPORTED_MODULE_13__["ViewportSizeService"]) === "function" ? _d : Object, typeof (_e = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_12__["SetTitleService"]) === "function" ? _e : Object, typeof (_f = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_16__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_16__["TranslateService"]) === "function" ? _f : Object, Object, typeof (_g = typeof ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__["ClipboardService"] !== "undefined" && ngx_clipboard__WEBPACK_IMPORTED_MODULE_5__["ClipboardService"]) === "function" ? _g : Object, typeof (_h = typeof _angular_common__WEBPACK_IMPORTED_MODULE_2__["ViewportScroller"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_2__["ViewportScroller"]) === "function" ? _h : Object])
    ], PublicCollectionViewComponent);
    return PublicCollectionViewComponent;
}());

module.exports = "<breadcrumbs-component #breadcrumbs>\n</breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <user-info-thin-component\n    *ngIf=\"(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID !== (about$ | async)?.userID || (isAuthorized$ | async) !== true\"\n    [user]=\"(objects$ | async)?.users[(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID]\"\n    [isAuthorized]=\"isAuthorized$ | async\"\n    [media]=\"(objects$ | async)?.medias[(objects$ | async)?.users[(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID]?.avatarMediaID]\"\n    [myUserID]=\"(about$ | async)?.userID\"\n    [isAnonymous]=\"(objects$ | async)?.collections[(collectionID$ | async)]?.isAnonymous\"></user-info-thin-component>\n  <div class=\"collection-header\">\n    <div class=\"main-block\">\n      <div class=\"img\"\n        [style.background-image]=\"((objects$ | async)?.medias[(objects$ | async)?.collections[(collectionID$ | async)]?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage\">\n      </div>\n      <div class=\"collection-data\">\n        <div class=\"left-col\">\n          <div class=\"name-container\">\n            <h2 class=\"name\">{{ (objects$ | async)?.collections[(collectionID$ | async)]?.name }}</h2>\n          </div>\n          <!-- <div class=\"items-count\" translate [translateParams]=\"{count: ((objects$ | async)?.totalHits || 0)}\">\n            objects.plural</div> -->\n\n          <ng-container *ngIf=\"currLang === 'ru-RU'\">\n              <div *ngIf=\"totalHits === 0\" class=\"items-count\">Нет объектов</div>\n              <div *ngIf=\"totalHits === 1\" class=\"items-count\">1 объект</div>\n              <div *ngIf=\"(totalHits > 1) && (5 > totalHits)\" class=\"items-count\">{{totalHits}} объекта</div>\n              <div *ngIf=\"totalHits > 4\" class=\"items-count\">{{totalHits}} объектов</div>\n          </ng-container>\n\n          <ng-container *ngIf=\"currLang === 'en-US'\">\n              <div *ngIf=\"totalHits === 0\" class=\"items-count\">No objects</div>\n              <div *ngIf=\"totalHits === 1\" class=\"items-count\">1 object</div>\n              <div *ngIf=\"totalHits > 1\" class=\"items-count\">{{totalHits}} objects</div>\n          </ng-container>\n        </div>\n        <div class=\"right-col\">\n          <div>\n            <dropdown>\n              <div translate (click)=\"handleAction('copy-link')\">copy link</div>\n              <div\n                *ngIf=\"(isAuthorized$ | async) === true && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin')\"\n                translate (click)=\"handleAction('create-object')\">create object</div>\n              <div\n                *ngIf=\"(isAuthorized$ | async) === true && (dashboard$ | async)?.collections[(collectionID$ | async)]\"\n                translate (click)=\"handleAction('create-task')\">create task</div>\n              <div\n                *ngIf=\"(isAuthorized$ | async) === true && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin')\"\n                translate (click)=\"handleAction('edit-page')\">edit</div>\n              <div\n                *ngIf=\"(isAuthorized$ | async) === true && ((dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'write' || (dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel === 'admin')\"\n                translate (click)=\"handleAction('delete')\">delete</div>\n            </dropdown>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--\n    <div class=\"valuation-block\">\n      Valuation: $1000\n    </div>\n    -->\n  </div>\n  <div class=\"description\" [innerHTML]=\"(objects$ | async)?.collections[(collectionID$ | async)]?.description | linky\">\n  </div>\n  <div class=\"line-container\" *ngIf=\"(objects$ | async)?.objects?.length > 0\">\n    <!-- <div class=\"line\"></div> -->\n    <sort-menu-component (changeSortOrder)=\"changeSortOrder($event)\" (changeSortType)=\"changeSortType($event)\"\n      [sortType]=\"((filter$ | async)?.orders | keys | head)\"\n      [sortOrder]=\"((filter$ | async)?.orders | toArray | head)\"></sort-menu-component>\n  </div>\n\n  <div class=\"collections\">\n\n    <object-card-component *ngFor=\"let object of (objects$ | async)?.objects; trackBy: trackByID\"\n      [object]=\"object | addAdditionalObjectData: (objects$ | async)\"\n      [accessLevel]=\"(dashboard$ | async)?.collections[(collectionID$ | async)]?.accessLevel\" [showCollection]=\"false\"\n      [publicObject]=\"true\" viewObjectUrl=\"/workspace/public/object/\"\n      [inRoot]=\"(isAuthorized$ | async) === true && (dashboard$ | async)?.collections[(collectionID$ | async)]\"></object-card-component>\n\n    <div class=\"paginator-container\" *ngIf=\"((objects$ | async)?.totalHits || 0) > paginatorObjectsCount\">\n      <paginator-component [totalPages]=\"((objects$ | async)?.totalHits || 0) / paginatorObjectsCount | ceil\"\n        [currentPage]=\"(filter$ | async)?.paginator?.page + 1\"\n        (onPageSelect)=\"selectPage($event)\"></paginator-component>\n    </div>\n  </div>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublicObjectViewComponent", function() { return PublicObjectViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var PublicObjectViewComponent = (function () {
    function PublicObjectViewComponent(store, route, router, location, setTitleService) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.location = location;
        this.setTitleService = setTitleService;
    }
    PublicObjectViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.route.params.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_5__["GetPublicObjectAction"](params.id));
        });
        this.denormalizedObject$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.denormalizedReferences$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getDenormalizedReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.isAuthorized$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAuthorized"]));
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.denormalizedObject$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (o) {
            _this.setTitleService.setTitle(o.object.name, window.location.pathname, {}, false);
        });
    };
    PublicObjectViewComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_5__["ObjectCleanStateAction"]());
    };
    PublicObjectViewComponent.prototype.trackByID = function (index, item) {
        return (item.media && item.media.ID) || item.ID || index;
    };
    PublicObjectViewComponent.prototype.goBack = function () {
        this.location.back();
    };
    var _a, _b, _c, _d, _e;
    PublicObjectViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'public-object-view-component',
            template: __webpack_require__(/*! ./public-object-view.component.html */ "./src/app/workspace/public/object/view/public-object-view.component.html"),
            styles: [
                __webpack_require__(/*! ../../../object/view/object-view.component.css */ "./src/app/workspace/object/view/object-view.component.css"),
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _angular_common__WEBPACK_IMPORTED_MODULE_9__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_9__["Location"]) === "function" ? _d : Object, typeof (_e = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_6__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_6__["SetTitleService"]) === "function" ? _e : Object])
    ], PublicObjectViewComponent);
    return PublicObjectViewComponent;
}());

module.exports = "<breadcrumbs-component (onBack)=\"goBack()\"></breadcrumbs-component>\n\n<div class=\"user-info-thin\">\n  <user-info-thin-component\n    *ngIf=\"(denormalizedObject$ | async)?.user?.ID !== (about$ | async)?.userID || (isAuthorized$ | async) !== true\"\n    [user]=\"(denormalizedObject$ | async)?.user\" [isAuthorized]=\"isAuthorized$ | async\"\n    [media]=\"(denormalizedObject$ | async)?.medias[(denormalizedObject$ | async)?.user?.avatarMediaID]\"\n    [myUserID]=\"(about$ | async)?.userID\"\n    [isAnonymous]=\"(denormalizedObject$ | async)?.collection?.isAnonymous\"></user-info-thin-component>\n</div>\n\n<object-details-component [editable]=\"false\" [denormalizedObject$]=\"denormalizedObject$\"\n  [denormalizedReferences$]=\"denormalizedReferences$\"\n  viewCollectionUrl=\"/workspace/public/collection/\"></object-details-component>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminModule", function() { return AdminModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var ngx_smart_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ngx-smart-modal */ "./node_modules/ngx-smart-modal/esm5/ngx-smart-modal.js");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../shared/shared.module */ "./src/app/shared/shared.module.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./src/app/utils.ts");
/* harmony import */ var _tickets_list_support_tickets_list_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tickets/list/support-tickets-list.component */ "./src/app/workspace/admin/tickets/list/support-tickets-list.component.ts");
/* harmony import */ var _tickets_view_support_ticket_view_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tickets/view/support-ticket-view.component */ "./src/app/workspace/admin/tickets/view/support-ticket-view.component.ts");
/* harmony import */ var _tickets_header_support_ticket_header_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tickets/header/support-ticket-header.component */ "./src/app/workspace/admin/tickets/header/support-ticket-header.component.ts");
/* harmony import */ var _collections_list_admin_collections_list_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./collections/list/admin-collections-list.component */ "./src/app/workspace/admin/collections/list/admin-collections-list.component.ts");
/* harmony import */ var _users_list_admin_users_list_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./users/list/admin-users-list.component */ "./src/app/workspace/admin/users/list/admin-users-list.component.ts");
/* harmony import */ var _collections_view_admin_collection_view_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./collections/view/admin-collection-view.component */ "./src/app/workspace/admin/collections/view/admin-collection-view.component.ts");
/* harmony import */ var _objects_view_admin_object_view_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./objects/view/admin-object-view.component */ "./src/app/workspace/admin/objects/view/admin-object-view.component.ts");
/* harmony import */ var _users_view_admin_user_view_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./users/view/admin-user-view.component */ "./src/app/workspace/admin/users/view/admin-user-view.component.ts");
/* harmony import */ var _profile_admin_profile_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./profile/admin-profile.component */ "./src/app/workspace/admin/profile/admin-profile.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};














var AdminModule = (function () {
    function AdminModule() {
    }
    AdminModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
            imports: [
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_3__["SharedModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"].forChild([
                    {
                        path: '',
                        component: _tickets_list_support_tickets_list_component__WEBPACK_IMPORTED_MODULE_5__["SupportTicketsListComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Support tickets')
                        }
                    },
                    {
                        path: 'ticket/:id',
                        component: _tickets_view_support_ticket_view_component__WEBPACK_IMPORTED_MODULE_6__["SupportTicketViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Support ticket')
                        }
                    },
                    {
                        path: 'collections',
                        component: _collections_list_admin_collections_list_component__WEBPACK_IMPORTED_MODULE_8__["AdminCollectionsComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Collections')
                        }
                    },
                    {
                        path: 'collections/:id',
                        component: _collections_view_admin_collection_view_component__WEBPACK_IMPORTED_MODULE_10__["AdminCollectionViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Collection')
                        }
                    },
                    {
                        path: 'objects/:id',
                        component: _objects_view_admin_object_view_component__WEBPACK_IMPORTED_MODULE_11__["AdminObjectViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Object')
                        }
                    },
                    {
                        path: 'users',
                        component: _users_list_admin_users_list_component__WEBPACK_IMPORTED_MODULE_9__["AdminUsersListComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Users')
                        }
                    },
                    {
                        path: 'profile/:id',
                        component: _users_view_admin_user_view_component__WEBPACK_IMPORTED_MODULE_12__["AdminUserViewComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Users')
                        }
                    },
                    {
                        path: 'messenger',
                        loadChildren: function () { return new Promise(function (resolve, reject) { __webpack_require__.e(/*! require.ensure */ 0).then((function (require) { resolve(__webpack_require__(/*! ../messenger/messenger-workspace.module */ "./src/app/workspace/messenger/messenger-workspace.module.ts")['MessengerWorkspaceModule']); }).bind(null, __webpack_require__)).catch(function (e) { reject({ loadChunkError: true, details: e }); }); }); },
                        data: {
                            preload: false
                        }
                    },
                    {
                        path: 'profile',
                        component: _profile_admin_profile_component__WEBPACK_IMPORTED_MODULE_13__["AdminProfileComponent"],
                        data: {
                            title: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["_"])('Profile')
                        }
                    },
                ]),
                ngx_smart_modal__WEBPACK_IMPORTED_MODULE_2__["NgxSmartModalModule"].forChild(),
            ],
            declarations: [
                _tickets_header_support_ticket_header_component__WEBPACK_IMPORTED_MODULE_7__["SupportTicketHeaderComponent"],
                _tickets_list_support_tickets_list_component__WEBPACK_IMPORTED_MODULE_5__["SupportTicketsListComponent"],
                _tickets_view_support_ticket_view_component__WEBPACK_IMPORTED_MODULE_6__["SupportTicketViewComponent"],
                _collections_list_admin_collections_list_component__WEBPACK_IMPORTED_MODULE_8__["AdminCollectionsComponent"],
                _collections_view_admin_collection_view_component__WEBPACK_IMPORTED_MODULE_10__["AdminCollectionViewComponent"],
                _objects_view_admin_object_view_component__WEBPACK_IMPORTED_MODULE_11__["AdminObjectViewComponent"],
                _users_list_admin_users_list_component__WEBPACK_IMPORTED_MODULE_9__["AdminUsersListComponent"],
                _users_view_admin_user_view_component__WEBPACK_IMPORTED_MODULE_12__["AdminUserViewComponent"],
                _profile_admin_profile_component__WEBPACK_IMPORTED_MODULE_13__["AdminProfileComponent"]
            ]
        })
    ], AdminModule);
    return AdminModule;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportTicketsListComponent", function() { return SupportTicketsListComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _actions_tickets__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../actions/tickets */ "./src/app/actions/tickets.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../model/SupportTicketTypes.enum */ "./src/app/model/SupportTicketTypes.enum.ts");
/* harmony import */ var _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../model/SupportTicketStatus.enum */ "./src/app/model/SupportTicketStatus.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};











var SupportTicketsListComponent = (function () {
    function SupportTicketsListComponent(store, route, viewportScroller) {
        this.store = store;
        this.route = route;
        this.viewportScroller = viewportScroller;
        this.supportTicketTypes = _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"];
        this.supportTicketStatus = _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_10__["SupportTicketStatus"];
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_8__["trackByID"];
        this.paginatorCount = 16;
        this.currentPage = 0;
        this.status = _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_10__["SupportTicketStatus"].New;
    }
    SupportTicketsListComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.supportTickets$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getTicketsList"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.route.queryParams.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            if (params.status === undefined) {
                _this.status = _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_10__["SupportTicketStatus"].New;
            }
            else if (Number.isInteger(Number(params.status))) {
                _this.status = Number(params.status);
            }
            else {
                _this.status = null;
            }
            _this.getSupportTickets();
        });
    };
    SupportTicketsListComponent.prototype.ngOnDestroy = function () { };
    SupportTicketsListComponent.prototype.getSupportTickets = function () {
        this.store.dispatch(new _actions_tickets__WEBPACK_IMPORTED_MODULE_7__["GetSupportTicketsAction"]({
            status: this.status,
            paginator: {
                page: this.currentPage,
                cnt: this.paginatorCount
            },
        }));
    };
    SupportTicketsListComponent.prototype.selectPage = function (page) {
        this.currentPage = page - 1;
        this.getSupportTickets();
        this.viewportScroller.scrollToPosition([0, 0]);
    };
    var _a, _b, _c;
    SupportTicketsListComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'support-tickets-list-component',
            template: __webpack_require__(/*! ./support-tickets-list.component.html */ "./src/app/workspace/admin/tickets/list/support-tickets-list.component.html"),
            styles: [
                __webpack_require__(/*! ./support-tickets-list.component.css */ "./src/app/workspace/admin/tickets/list/support-tickets-list.component.css"),
                __webpack_require__(/*! ../../../../shared/tabs.css */ "./src/app/shared/tabs.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_common__WEBPACK_IMPORTED_MODULE_2__["ViewportScroller"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_2__["ViewportScroller"]) === "function" ? _c : Object])
    ], SupportTicketsListComponent);
    return SupportTicketsListComponent;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportTicketStatus", function() { return SupportTicketStatus; });
var SupportTicketStatus;
(function (SupportTicketStatus) {
    SupportTicketStatus[SupportTicketStatus["New"] = 0] = "New";
    SupportTicketStatus[SupportTicketStatus["Resolved"] = 10] = "Resolved";
    SupportTicketStatus[SupportTicketStatus["Invalid"] = 20] = "Invalid";
})(SupportTicketStatus || (SupportTicketStatus = {}));
module.exports = "<breadcrumbs-component></breadcrumbs-component>\n<div class=\"workspace-content-container\">\n  <div\n    class=\"collector-tabs\"\n  >\n  <div\n      [routerLink]=\"['/workspace/admin']\"\n      [queryParams]=\"{status: supportTicketStatus.New}\"\n      [ngClass]=\"{\n        'active': status === supportTicketStatus.New\n      }\"\n      role=\"button\"\n      translate\n    >New.ticket</div>\n    <div\n      [routerLink]=\"['/workspace/admin']\"\n      [queryParams]=\"{status: 'all'}\"\n      [ngClass]=\"{\n        'active': status === null\n      }\"\n      role=\"button\"\n      translate\n    >All</div>\n    <div\n      [routerLink]=\"['/workspace/admin']\"\n      [queryParams]=\"{status: supportTicketStatus.Resolved}\"\n      [ngClass]=\"{\n        'active': status === supportTicketStatus.Resolved\n      }\"\n      role=\"button\"\n      translate\n    >Resolved.ticket</div>\n    <div\n      [routerLink]=\"['/workspace/admin']\"\n      [queryParams]=\"{status: supportTicketStatus.Invalid}\"\n      [ngClass]=\"{\n        'active': status === supportTicketStatus.Invalid\n      }\"\n      role=\"button\"\n      translate\n    >Invalid.ticket</div>\n  </div>\n\n  <table>\n    <thead>\n      <tr>\n        <th>ID</th>\n        <th translate>Status</th>\n        <th translate>Entity type</th>\n        <th translate>Entity</th>\n        <th translate>Reporter</th>\n        <th translate>Owner</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let ticket of (supportTickets$ | async)?.supportTickets; trackBy: trackByID\"\n        role=\"button\"\n        [routerLink]=\"['/workspace/admin/ticket/', ticket?.ID]\"\n      >\n        <td>\n          {{ ticket?.ID }}\n        </td>\n        <td>\n          <span\n            class=\"mobileshow\"\n          >{{ 'Status' | translate }}:&nbsp;</span>\n          <ng-container\n            [ngSwitch]=\"ticket?.status\"\n          >\n            <span\n              *ngSwitchCase=\"supportTicketStatus.New\"\n              class=\"status new\"\n              translate\n            >New</span>\n            <span\n              *ngSwitchCase=\"supportTicketStatus.Invalid\"\n              class=\"status invalid\"\n              translate\n            >Invalid</span>\n            <span\n              *ngSwitchCase=\"supportTicketStatus.Resolved\"\n              class=\"status resolved\"\n              translate\n            >Resolved</span>\n          </ng-container>\n        </td>\n        <td>\n          <span\n            class=\"mobileshow\"\n          >{{ 'Entity type' | translate}}:&nbsp;</span>\n          <ng-container\n            [ngSwitch]=\"ticket?.entityType\"\n          >\n            <span\n              *ngSwitchCase=\"supportTicketTypes.Collection\"\n              translate\n            >Collection</span>\n            <span\n              *ngSwitchCase=\"supportTicketTypes.Object\"\n              translate\n            >Object</span>\n            <span\n              *ngSwitchCase=\"supportTicketTypes.Messages\"\n              translate\n            >Messages</span>\n          </ng-container>\n        </td>\n        <td>\n          <span\n            *ngIf=\"ticket?.entityType !== supportTicketTypes.Messages\"\n            class=\"mobileshow\"\n          >{{ 'Entity' | translate }}:&nbsp;</span>\n\n          <ng-container\n            [ngSwitch]=\"ticket?.entityType\"\n          >\n            <div\n              *ngSwitchCase=\"supportTicketTypes.Collection\"\n              class=\"entity-cell\"\n            >\n              <a\n                class=\"entity\"\n                [routerLink]=\"ticket?.entityID ? ['/workspace/admin/collections/', ticket?.entityID]: null\"\n              >\n                <div\n                  class=\"avatar\"\n                  [style.background-image]=\"((supportTickets$ | async)?.medias[(supportTickets$ | async)?.collections[ticket?.entityID]?.imageMediaID] | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/collection-placeholder.svg'\"\n                >\n                </div>\n                <div\n                  class=\"name text-truncate\"\n                >\n                  {{ (supportTickets$ | async)?.collections[ticket?.entityID]?.name }}\n                </div>\n              </a>\n            </div>\n\n            <div\n              class=\"entity-cell\"\n              *ngSwitchCase=\"supportTicketTypes.Object\"\n            >\n              <a\n                class=\"entity\"\n                [routerLink]=\"ticket?.entityID ? ['/workspace/admin/objects/', ticket?.entityID]: null\"\n              >\n                <div\n                  class=\"avatar\"\n                  [style.background-image]=\"((supportTickets$ | async)?.medias | firstPhoto: (supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.mediasIDs  | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n                >\n                </div>\n                <div\n                  class=\"name text-truncate\"\n                >\n                  {{ (supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.name }}\n                </div>\n              </a>\n            </div>\n          </ng-container>\n        </td>\n\n        <td class=\"user-cell\">\n          <span\n            class=\"mobileshow\"\n          >{{ 'Reporter' | translate }}:&nbsp;</span>\n          <a\n            class=\"user\"\n            [routerLink]=\"ticket?.userID ? ['/workspace/admin/profile/',  ticket?.userID] : null\"\n          >\n            <div\n              class=\"avatar\"\n              [style.background-image]=\"((supportTickets$ | async)?.medias[(supportTickets$ | async)?.users[ticket?.userID]?.avatarMediaID]  | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n            ></div>\n            <div\n              class=\"name\"\n            >\n              {{ (supportTickets$ | async)?.users | getUsernameByID: ticket?.userID }}\n            </div>\n          </a>\n        </td>\n        <td\n          class=\"user-cell\"\n          [ngSwitch]=\"ticket?.entityType\"\n        >\n\n          <span\n            class=\"mobileshow\"\n          >{{ 'Owner' | translate }}:&nbsp;</span>\n          <a\n            *ngSwitchCase=\"supportTicketTypes.Messages\"\n            class=\"user\"\n            [routerLink]=\"ticket?.entityID ? ['/workspace/admin/profile/', ticket?.entityID] : null\"\n          >\n            <div\n              class=\"avatar\"\n              [style.background-image]=\"((supportTickets$ | async)?.medias[(supportTickets$ | async)?.users[ticket?.entityID]?.avatarMediaID]  | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n            ></div>\n            <div\n              class=\"name\"\n            >\n              {{ (supportTickets$ | async)?.users | getUsernameByID: ticket?.entityID }}\n            </div>\n          </a>\n          <a\n            *ngSwitchCase=\"supportTicketTypes.Collection\"\n            class=\"user\"\n            [routerLink]=\"(supportTickets$ | async)?.usersCollections[ticket?.entityID]?.userID ? ['/workspace/admin/profile/', (supportTickets$ | async)?.usersCollections[ticket?.entityID]?.userID] : null\"\n          >\n            <div\n              class=\"avatar\"\n              [style.background-image]=\"((supportTickets$ | async)?.medias[(supportTickets$ | async)?.users[(supportTickets$ | async)?.usersCollections[ticket?.entityID]?.userID]?.avatarMediaID]  | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n            ></div>\n            <div\n              class=\"name\"\n            >\n              {{ (supportTickets$ | async)?.users | getUsernameByID: (supportTickets$ | async)?.usersCollections[ticket?.entityID]?.userID }}\n            </div>\n          </a>\n          <a\n            *ngSwitchCase=\"supportTicketTypes.Object\"\n            class=\"user\"\n            [routerLink]=\"(supportTickets$ | async)?.usersCollections[(supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.collectionID]?.userID ? ['/workspace/admin/profile/', (supportTickets$ | async)?.usersCollections[(supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.collectionID]?.userID] : null\"\n          >\n            <div\n              class=\"avatar\"\n              [style.background-image]=\"((supportTickets$ | async)?.medias[(supportTickets$ | async)?.users[(supportTickets$ | async)?.usersCollections[(supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.collectionID]?.userID]?.avatarMediaID]  | preferPhotoMediaTypes: ['small', 'objectPreview'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n            ></div>\n            <div\n              class=\"name\"\n            >\n              {{ (supportTickets$ | async)?.users | getUsernameByID: (supportTickets$ | async)?.usersCollections[(supportTickets$ | async)?.objectsPreview[ticket?.entityID]?.collectionID]?.userID }}\n            </div>\n          </a>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n\n  <div\n    class=\"paginator-container\"\n    *ngIf=\"((supportTickets$ | async)?.ticketsTotalCount || 0) > paginatorCount\"\n  >\n    <paginator-component\n      [totalPages]=\"((supportTickets$ | async)?.ticketsTotalCount || 0) / paginatorCount | ceil\"\n      [currentPage]=\"currentPage + 1\"\n      (onPageSelect)=\"selectPage($event)\"\n    ></paginator-component>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../../node_modules/postcss-loader/src!./support-tickets-list.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/admin/tickets/list/support-tickets-list.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ":host {\n  font-size: 19.2px;\n  font-size: 1.2rem;\n}\ntable {\n  background-color: white;\n  margin: 2em 0;\n  border-collapse: collapse;\n  width: 100%;\n  table-layout: fixed\n}\ntable tr {\n  width: 100%;\n}\ntable tr td {\n  text-align: center;\n  vertical-align: middle;\n}\ntable tr td:not(:nth-child(1)) {\n  max-width: 20%;\n}\ntable tr td:nth-child(1) {\n  width: 16px;\n  width: 1rem;\n}\ntable thead th {\n  vertical-align: bottom;\n  border-bottom: 2px solid #97A3AC;\n  border-top: 2px solid #97A3AC;\n}\ntable td {\n  padding: 4.8px;\n  padding: .3rem;\n  vertical-align: top;\n  border-bottom: 1px solid #97A3AC;\n}\ntd  {\n  height: 100%\n}\ntd .avatar {\n  width: 2.14em;\n  height: 2.14em;\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\ntd .name {\n  margin-left: 1em;\n}\ntd .user, td .entity {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n}\n.paginator-container {\n  z-index: 2;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n.status.resolved {\n  color: #7ed321;\n}\n.status.new {}\n.status.invalid {\n  color: #f6a623;\n}\n.mobileshow {\n  display: none;\n}\n@media (max-width: 420px) {\n  table {\n    background: transparent;\n  }\n\n  table thead {\n    display: none;\n  }\n\n  table tr {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    border: 1px solid #97A3AC;\n    background-color: #fff;\n    margin-top: .5em;\n    margin-bottom: .5em;\n    padding: .5em\n  }\n\n  table td {\n    border: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    max-width: 100% !important;\n  }\n\n  .mobileshow {\n    display: inline-block;\n  }\n\n\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportTicketViewComponent", function() { return SupportTicketViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _actions_tickets__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../actions/tickets */ "./src/app/actions/tickets.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../model/SupportTicketTypes.enum */ "./src/app/model/SupportTicketTypes.enum.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../actions/references */ "./src/app/actions/references.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};













var SupportTicketViewComponent = (function () {
    function SupportTicketViewComponent(store, route) {
        this.store = store;
        this.route = route;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_8__["trackByID"];
        this.supportTicketTypes = _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"];
        this.paginatorObjectsCount = 16;
    }
    SupportTicketViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_11__["GetReferencesAction"]());
        this.objects$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (o) { return o.res; }));
        this.filter$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (o) { return o.req; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["startWith"])({
            orders: {
                creationTime: -1
            },
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount
            }
        }));
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.object$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.supportTicket$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getTicket"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (p) { return Number(p.id); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])()).subscribe(function (ID) {
            _this.store.dispatch(new _actions_tickets__WEBPACK_IMPORTED_MODULE_7__["GetSupportTicketAction"](ID));
        });
        this.supportTicket$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (t) { return t.supportTicket.entityType === _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Object; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (t) { return t.supportTicket.entityID; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (ID) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_10__["AdminGetObjectAction"](ID));
        });
        this.supportTicket$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (t) { return t.supportTicket.entityType === _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Collection; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (t) { return t.supportTicket.entityID; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.getObjects();
        });
        this.owner$ = this.supportTicket$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["flatMap"])(function (ticket) {
            switch (ticket.supportTicket.entityType) {
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Messages: {
                    return Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["of"])(ticket.users[ticket.supportTicket.entityID]);
                }
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Object: {
                    return _this.object$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (object) { return object.object.ID === ticket.supportTicket.entityID; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (object) { return object.user; }));
                }
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Collection: {
                    return _this.objects$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (objects) { return objects.collections[ticket.supportTicket.entityID]; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (objects) { return objects.users[objects.usersCollections[ticket.supportTicket.entityID].userID]; }));
                }
            }
        }));
        this.collection$ = this.supportTicket$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["flatMap"])(function (ticket) {
            switch (ticket.supportTicket.entityType) {
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Messages: {
                    return Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["of"])(null);
                }
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Object: {
                    return _this.object$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(function (object) { return object.object.ID === ticket.supportTicket.entityID; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (object) { return object.collection; }));
                }
                case _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_9__["SupportTicketTypes"].Collection: {
                    return Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["of"])(ticket.collection);
                }
            }
        }));
    };
    SupportTicketViewComponent.prototype.ngOnDestroy = function () { };
    SupportTicketViewComponent.prototype.getObjects = function (payload) {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["combineLatest"])(this.supportTicket$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])()), this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (_a) {
            var _b = __read(_a, 2), t = _b[0], f = _b[1];
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_10__["AdminGetCollectionObjectsAction"]({
                collectionsIDs: [t.collection.ID],
                orders: (payload && payload.orders) || f.orders,
                paginator: (payload && payload.paginator) || f.paginator
            }));
        });
    };
    SupportTicketViewComponent.prototype.changeSortType = function (sortType) {
        var _a;
        this.getObjects({
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount
            },
            orders: (_a = {},
                _a[sortType] = -1,
                _a)
        });
    };
    SupportTicketViewComponent.prototype.changeSortOrder = function (sortOrder) {
        var _this = this;
        this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function (f) {
            var _a;
            _this.getObjects({
                paginator: {
                    page: 0,
                    cnt: _this.paginatorObjectsCount
                },
                orders: (_a = {},
                    _a[Object.keys(f.orders)[0]] = sortOrder,
                    _a)
            });
        });
    };
    var _a, _b;
    SupportTicketViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'support-ticket-view-component',
            template: __webpack_require__(/*! ./support-ticket-view.component.html */ "./src/app/workspace/admin/tickets/view/support-ticket-view.component.html"),
            styles: [__webpack_require__(/*! ./support-ticket-view.component.css */ "./src/app/workspace/admin/tickets/view/support-ticket-view.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _b : Object])
    ], SupportTicketViewComponent);
    return SupportTicketViewComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div\n  class=\"workspace-content-container\"\n>\n  <support-ticket-header-component\n    [supportTicket]=\"supportTicket$ | async\"\n    [owner]=\"owner$ | async\"\n    [collection]=\"collection$ | async\"\n  ></support-ticket-header-component>\n\n  <ng-container\n    [ngSwitch]=\"(supportTicket$ | async)?.supportTicket?.entityType\"\n  >\n    <collection-details-component\n      *ngSwitchCase=\"supportTicketTypes.Collection\"\n      [collection]=\"(supportTicket$ | async)?.collection\"\n      [medias]=\"(supportTicket$ | async)?.medias\"\n      [objects]=\"objects$ | async\"\n      [filter]=\"filter$ | async\"\n      [paginatorObjectsCount]=\"paginatorObjectsCount\"\n      [admin]=\"true\"\n      [hideDropdown]=\"true\"\n      (changeSortOrder)=\"changeSortOrder($event)\"\n      (changeSortType)=\"changeSortType($event)\"\n      viewObjectUrl=\"/workspace/admin/objects/\"\n    ></collection-details-component>\n\n    <object-details-component\n      *ngSwitchCase=\"supportTicketTypes.Object\"\n      [denormalizedReferences$]=\"references$\"\n      [denormalizedObject$]=\"object$\"\n      [hideDropdown]=\"true\"\n      viewCollectionUrl=\"/workspace/admin/collections/\"\n    ></object-details-component>\n\n    <div\n      *ngSwitchCase=\"supportTicketTypes.Messages\"\n    >\n      <div>\n        <div\n          *ngFor=\"let message of (supportTicket$ | async)?.messages\"\n          class=\"message\"\n        >\n          <div>{{ message?.text }}</div>\n          <div class=\"msg-tail\"><div class=\"msg-tail-cut\"></div></div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../../node_modules/postcss-loader/src!./support-ticket-view.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/admin/tickets/view/support-ticket-view.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, "\n.message {\n  background-color: #dcdfe2;\n  color: #556979;\n  margin-left: 10px;\n  padding: 15px;\n  border-radius: 11px;\n  position: relative;\n  margin: .5em 0;\n}\n\n.msg-tail {\n  height: 20px;\n  width: 20px;\n  position: absolute;\n  left: -10px;\n  bottom: 0;\n  background-color: #dcdfe2;\n  display: block;\n}\n\n.msg-tail-cut {\n  height: 20px;\n  width: 10px;\n  background-color: #f3f3f3;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  border-radius: 0 0 10px 0;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportTicketHeaderComponent", function() { return SupportTicketHeaderComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _model_DenormalizedSupportTicket__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../model/DenormalizedSupportTicket */ "./src/app/model/DenormalizedSupportTicket.ts");
/* harmony import */ var _model_DenormalizedSupportTicket__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_model_DenormalizedSupportTicket__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../model/SupportTicketTypes.enum */ "./src/app/model/SupportTicketTypes.enum.ts");
/* harmony import */ var _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../..//model/SupportTicketStatus.enum */ "./src/app/model/SupportTicketStatus.enum.ts");
/* harmony import */ var _actions_tickets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../actions/tickets */ "./src/app/actions/tickets.ts");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../api */ "./src/app/api/index.ts");
/* harmony import */ var _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../..//shared/admin-message-to-user.service */ "./src/app/shared/admin-message-to-user.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var SupportTicketHeaderComponent = (function () {
    function SupportTicketHeaderComponent(store, fb, adminMessageToUser) {
        this.store = store;
        this.fb = fb;
        this.adminMessageToUser = adminMessageToUser;
        this.supportTicketTypes = _model_SupportTicketTypes_enum__WEBPACK_IMPORTED_MODULE_4__["SupportTicketTypes"];
        this.supportTicketStatus = _model_SupportTicketStatus_enum__WEBPACK_IMPORTED_MODULE_5__["SupportTicketStatus"];
        this.closeTicketForm = this.fb.group({
            status: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            comment: [''],
        });
    }
    SupportTicketHeaderComponent.prototype.ngOnChanges = function (changes) {
        if (changes.supportTicket && changes.supportTicket.currentValue &&
            (changes.supportTicket.currentValue !== changes.supportTicket.previousValue ||
                changes.supportTicket.firstChange === true)) {
            this.comment = changes.supportTicket.currentValue.supportTicket.comment;
        }
    };
    SupportTicketHeaderComponent.prototype.lockCollectionPublic = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'admin-lock-public',
            data: this.collection
        }));
    };
    SupportTicketHeaderComponent.prototype.saveComment = function () {
        this.store.dispatch(new _actions_tickets__WEBPACK_IMPORTED_MODULE_6__["EditSupportTicketAction"]({
            ID: this.supportTicket.supportTicket.ID,
            payload: {
                comment: this.comment
            }
        }));
    };
    SupportTicketHeaderComponent.prototype.deleteObject = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'object-admin',
            data: this.supportTicket.objectPreview
        }));
    };
    SupportTicketHeaderComponent.prototype.deleteCollection = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'collection-admin',
            data: this.supportTicket.collection
        }));
    };
    SupportTicketHeaderComponent.prototype.setStatus = function (status) {
        this.store.dispatch(new _actions_tickets__WEBPACK_IMPORTED_MODULE_6__["EditSupportTicketAction"]({
            ID: this.supportTicket.supportTicket.ID,
            payload: {
                status: status
            }
        }));
    };
    SupportTicketHeaderComponent.prototype.blockUser = function () {
        this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_7__["ModalConfirmShowAction"]({
            type: 'admin-block-user',
            data: this.owner
        }));
    };
    var _a, _b, _c, _d, _e, _f;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_a = typeof _model_DenormalizedSupportTicket__WEBPACK_IMPORTED_MODULE_3__["DenormalizedSupportTicket"] !== "undefined" && _model_DenormalizedSupportTicket__WEBPACK_IMPORTED_MODULE_3__["DenormalizedSupportTicket"]) === "function" ? _a : Object)
    ], SupportTicketHeaderComponent.prototype, "supportTicket", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_b = typeof _api__WEBPACK_IMPORTED_MODULE_8__["User"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_8__["User"]) === "function" ? _b : Object)
    ], SupportTicketHeaderComponent.prototype, "owner", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
        __metadata("design:type", typeof (_c = typeof _api__WEBPACK_IMPORTED_MODULE_8__["Collection"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_8__["Collection"]) === "function" ? _c : Object)
    ], SupportTicketHeaderComponent.prototype, "collection", void 0);
    SupportTicketHeaderComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'support-ticket-header-component',
            template: __webpack_require__(/*! ./support-ticket-header.component.html */ "./src/app/workspace/admin/tickets/header/support-ticket-header.component.html"),
            styles: [__webpack_require__(/*! ./support-ticket-header.component.css */ "./src/app/workspace/admin/tickets/header/support-ticket-header.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _e : Object, typeof (_f = typeof _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__["AdminMessageToUser"] !== "undefined" && _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__["AdminMessageToUser"]) === "function" ? _f : Object])
    ], SupportTicketHeaderComponent);
    return SupportTicketHeaderComponent;
}());

module.exports = "<div class=\"dropdown-container\">\n  <dropdown>\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.status !== supportTicketStatus.New\"\n      translate\n      (click)=\"setStatus(supportTicketStatus.New)\"\n    >Set status: New</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.status !== supportTicketStatus.Resolved\"\n      translate\n      (click)=\"setStatus(supportTicketStatus.Resolved)\"\n    >Set status: Resolved</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.status !== supportTicketStatus.Invalid\"\n      translate\n      (click)=\"setStatus(supportTicketStatus.Invalid)\"\n    >Set status: Invalid</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.entityType === supportTicketTypes.Object\"\n      translate\n      (click)=\"deleteObject()\"\n    >Delete object</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.entityType === supportTicketTypes.Collection\"\n      translate\n      (click)=\"deleteCollection()\"\n    >Delete collection</div>\n\n    <div\n      translate\n      (click)=\"adminMessageToUser.message(supportTicket?.supportTicket?.userID)\"\n    >Message reporter</div>\n\n    <div\n      translate\n      (click)=\"adminMessageToUser.message(owner?.ID)\"\n    >Message owner</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.entityType === supportTicketTypes.Collection\"\n      translate\n      (click)=\"lockCollectionPublic()\"\n    >Lock public</div>\n\n    <div\n      *ngIf=\"supportTicket?.supportTicket?.entityType === supportTicketTypes.Object\"\n      translate\n      (click)=\"lockCollectionPublic()\"\n    >Lock public for parent collection</div>\n\n    <div\n      translate\n      (click)=\"blockUser()\"\n    >Block owner</div>\n  </dropdown>\n\n\n</div>\n\n<div class=\"block plate text\">\n  <div\n    [ngSwitch]=\"supportTicket?.supportTicket?.entityType\"\n  >\n    <ng-container\n      *ngSwitchCase=\"supportTicketTypes.Collection\"\n    >\n      <div class=\"text-header\" translate>Collection</div>\n      <div>{{ supportTicket?.collection?.name }}</div>\n    </ng-container>\n    <ng-container\n      *ngSwitchCase=\"supportTicketTypes.Object\"\n    >\n      <div class=\"text-header\" translate>Object</div>\n      <div>{{ supportTicket?.objectPreview?.name }}</div>\n    </ng-container>\n    <ng-container\n      *ngSwitchCase=\"supportTicketTypes.Messages\"\n    >\n      <div class=\"text-header\" translate>Messages</div>\n    </ng-container>\n  </div>\n  <div>\n    <div class=\"text-header\" translate>Status</div>\n    <ng-container\n      [ngSwitch]=\"supportTicket?.supportTicket?.status\"\n    >\n      <div\n        *ngSwitchCase=\"supportTicketStatus.New\"\n        class=\"new-ticket\"\n        translate\n      >New</div>\n      <div\n        *ngSwitchCase=\"supportTicketStatus.Resolved\"\n        class=\"resolved-ticket\"\n        translate\n      >Resolved</div>\n      <div\n        *ngSwitchCase=\"supportTicketStatus.Invalid\"\n        class=\"invalid-ticket\"\n        translate\n      >Invalid</div>\n    </ng-container>\n  </div>\n  <div>\n    <div class=\"text-header\" translate>Reporter</div>\n    <a\n      [routerLink]=\"supportTicket?.supportTicket?.userID ? ['/workspace/admin/profile/', supportTicket?.supportTicket?.userID]: null\"\n    >{{ supportTicket?.users | getUsernameByID: supportTicket?.supportTicket?.userID }}</a>\n  </div>\n  <div>\n    <div class=\"text-header\" translate>Text</div>\n    <div>{{ supportTicket?.supportTicket?.text }}</div>\n  </div>\n  <div>\n    <div class=\"text-header\" translate>Owner</div>\n    <a\n      [routerLink]=\"owner?.ID ? ['/workspace/admin/profile/', owner?.ID] : null\"\n    >{{ owner | getUsername }}</a>\n  </div>\n  <div class=\"comment\">\n    <div class=\"text-header\" translate>Comment</div>\n    <div>\n      <inline-editor\n        autosize\n        type=\"textarea\"\n        cols=\"60\"\n        rows=\"5\"\n        [(ngModel)]=\"comment\"\n        (onSave)=\"saveComment()\"\n        saveOnBlur=\"true\"\n        [empty]=\"'Write a comment' | translate\"\n        [placeholder]=\"'Write a comment' | translate\"\n        [config]=\"{\n          hideButtons: true\n        }\"\n      ></inline-editor>\n    </div>\n  </div>\n</div>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../../../../node_modules/postcss-loader/src!./support-ticket-header.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/workspace/admin/tickets/header/support-ticket-header.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".block {\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  word-wrap: break-word;\n  margin: 0;\n}\n.block > div:not(.comment) {\n  width: 33%;\n}\n.text-header {\n  font: 19.2px \"Avenir Next\";\n  font: 1.2rem \"Avenir Next\";\n  font-weight: bold;\n  color: #4a4a4a;\n}\n.dropdown-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n}\n.new-ticket {\n  color: #d0011b;\n}\n.resolved-ticket {\n  color: #7ed321;\n}\n.invalid-ticket {\n  color: #f6a623;\n}\n.comment {\n  width: 100%;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminCollectionsComponent", function() { return AdminCollectionsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ng2-dragula */ "./node_modules/ng2-dragula/dist/fesm5/ng2-dragula.js");
/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js");
/* harmony import */ var _actions_collection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../actions/collection */ "./src/app/actions/collection.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../api */ "./src/app/api/index.ts");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};













var LOADER_PAGESIZE = 18;
var AdminCollectionsComponent = (function () {
    function AdminCollectionsComponent(store, route, dragulaService, defaultService, document) {
        this.store = store;
        this.route = route;
        this.dragulaService = dragulaService;
        this.defaultService = defaultService;
        this.document = document;
        this.collectionsList = [];
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_10__["trackByID"];
        this.paginatorPage = 0;
        this.userID = null;
        this.recommended = false;
        this.public = false;
        this.setPosition$ = new rxjs__WEBPACK_IMPORTED_MODULE_4__["BehaviorSubject"](null);
        this.dragulaService.createGroup("collections-dnd", {});
    }
    AdminCollectionsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.collections$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getCollections"]));
        this.collectionsList$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["combineLatest"])(this.collections$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (collections) {
            if (!collections) {
                return null;
            }
            if (_this.public === true) {
                return Object(ramda__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (c) { return c["public"] === true; }, collections.collectionsArray);
            }
            else if (_this.recommended === true) {
                return Object(ramda__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (c) { return c.isRecommended === true; }, collections.collectionsArray);
            }
            return collections.collectionsArray;
        })), this.setPosition$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (_a) {
            var _b = __read(_a, 2), collections = _b[0], setPosition = _b[1];
            if (!setPosition || _this.recommended !== true) {
                return collections;
            }
            return Object(ramda__WEBPACK_IMPORTED_MODULE_7__["move"])(Object(ramda__WEBPACK_IMPORTED_MODULE_7__["findIndex"])(function (x) { return x.ID === setPosition.ID; }, collections), setPosition.position, collections);
        }));
        this.collectionsList$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (collectionsList) {
            _this.collectionsList = collectionsList;
        });
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getReferences"]));
        this.queryParamUserID$ = this.route.queryParams.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (params) { return Number(params.userID) || null; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["delay"])(0));
        this.route.queryParams
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.recommended = Boolean(Number(params.recommended));
            _this.public = Boolean(Number(params.public));
            _this.userID = Number(params.userID);
            _this.getCollections(true);
        });
        this.dragulaService
            .dropModel("collections-dnd")
            .pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (_a) {
            var item = _a.item, targetIndex = _a.targetIndex;
            _this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_8__["AdminCollectionSetPositionAction"]({
                ID: item.ID,
                position: targetIndex,
            }));
        });
    };
    AdminCollectionsComponent.prototype.ngOnDestroy = function () { };
    AdminCollectionsComponent.prototype.search = function (query) {
        this.paginatorPage = 0;
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_8__["AdminGetCollectionsAction"]({
            query: query || this.searchQuery,
            userID: this.userID,
            recommended: this.recommended,
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE,
            },
        }));
    };
    AdminCollectionsComponent.prototype.triggerFileInput = function () {
        this.fileInput.nativeElement.click();
    };
    AdminCollectionsComponent.prototype.onFileSelected = function (event) {
        var _this = this;
        var file = event.target.files[0];
        this.defaultService
            .objectsSearchDecodePost(file)
            .subscribe(function (response) { return (_this.document.location.href = response.link); });
    };
    AdminCollectionsComponent.prototype.onScroll = function () {
        var collectionLoading;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getCollectionLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (collectionLoading = r); });
        if (collectionLoading === true) {
            return;
        }
        var collections;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getCollections"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (collections = r); });
        if (!Object(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"])(collections)) {
            return;
        }
        if (collections.collectionsTotalCount < LOADER_PAGESIZE * (this.paginatorPage + 1)) {
            return;
        }
        this.paginatorPage = this.paginatorPage + 1;
        this.getCollections(false);
    };
    AdminCollectionsComponent.prototype.getCollections = function (clean) {
        if (clean === void 0) { clean = true; }
        var query = {
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE,
            },
            recommended: this.recommended === true ? true : null,
            userID: this.userID,
            public: this.public === true ? true : null,
        };
        if (clean) {
            query.paginator.page = 0;
            this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_8__["AdminGetCollectionsAction"](query));
            return;
        }
        this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_8__["AdminAppendCollectionsAction"](query));
    };
    AdminCollectionsComponent.prototype.setPosition = function (options) {
        var _this = this;
        this.collections$
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (collections) { return collections.collectionsTotalCount; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (count) {
            if (options.position === -1 || options.position > count - 1) {
                return count < 1 ? 0 : count - 1;
            }
            return options.position;
        }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (position) {
            _this.store.dispatch(new _actions_collection__WEBPACK_IMPORTED_MODULE_8__["AdminCollectionSetPositionAction"](__assign({}, options, { position: position })));
            _this.setPosition$.next(__assign({}, options, { position: position }));
        });
    };
    var _a, _b, _c, _d, _e, _f;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("fileInput", { static: false }),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _a : Object)
    ], AdminCollectionsComponent.prototype, "fileInput", void 0);
    AdminCollectionsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "admin-collections-list-component",
            template: __webpack_require__(/*! ./admin-collections-list.component.html */ "./src/app/workspace/admin/collections/list/admin-collections-list.component.html"),
            styles: [
                __webpack_require__(/*! ../../../collection/list/collections-list.component.css */ "./src/app/workspace/collection/list/collections-list.component.css"),
                __webpack_require__(/*! ../../../search/searchbar.css */ "./src/app/workspace/search/searchbar.css"),
                __webpack_require__(/*! ../../../../shared/userplate.css */ "./src/app/shared/userplate.css"),
                __webpack_require__(/*! ../../../../shared/tabs.css */ "./src/app/shared/tabs.css"),
            ],
        }),
        __param(4, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_common__WEBPACK_IMPORTED_MODULE_12__["DOCUMENT"])),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof ng2_dragula__WEBPACK_IMPORTED_MODULE_6__["DragulaService"] !== "undefined" && ng2_dragula__WEBPACK_IMPORTED_MODULE_6__["DragulaService"]) === "function" ? _d : Object, typeof (_e = typeof _api__WEBPACK_IMPORTED_MODULE_11__["DefaultService"] !== "undefined" && _api__WEBPACK_IMPORTED_MODULE_11__["DefaultService"]) === "function" ? _e : Object, typeof (_f = typeof Document !== "undefined" && Document) === "function" ? _f : Object])
    ], AdminCollectionsComponent);
    return AdminCollectionsComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n  <div\n    *ngIf=\"(queryParamUserID$ | async) === null\"\n    class=\"collector-tabs\"\n  >\n    <div\n      [routerLink]=\"['/workspace/admin/collections']\"\n      [ngClass]=\"{\n        'active': (queryParamUserID$ | async) === null && recommended === false && public === false\n      }\"\n      role=\"button\"\n      translate\n    >All</div>\n    <div\n      [routerLink]=\"['/workspace/admin/collections']\"\n      [queryParams]=\"{recommended: 1}\"\n      [ngClass]=\"{\n        'active': recommended === true\n      }\"\n      role=\"button\"\n      translate\n    >Recommended</div>\n    <div\n      [routerLink]=\"['/workspace/admin/collections']\"\n      [queryParams]=\"{public: 1}\"\n      [ngClass]=\"{\n        'active': public === true\n      }\"\n      role=\"button\"\n      translate\n    >Public</div>\n  </div>\n\n  <user-info-thin-component\n    *ngIf=\"(queryParamUserID$ | async) !== null\"\n    [user]=\"(collections$ | async)?.users[(queryParamUserID$ | async)]\"\n    [media]=\"(collections$ | async)?.medias[(collections$ | async)?.users[(queryParamUserID$ | async)]?.avatarMediaID]\"\n  ></user-info-thin-component>\n\n  <div class=\"searchbar\">\n    <div class=\"search-b\" (click)=\"search()\"></div>\n    <input\n      class=\"search-input\"\n      [placeholder]=\"'Search query' | translate\"\n      (keyup.enter)=\"search()\"\n      [(ngModel)]=\"searchQuery\"\n    />\n\n    <div class=\"search-qr\" accept=\"image/jpg, image/jpeg\" (click)=\"triggerFileInput()\"></div>\n    <input type=\"file\" #fileInput (change)=\"onFileSelected($event)\" style=\"display: none;\">\n    \n    <div class=\"search-clear\" (click)=\"searchQuery = ''; search()\"></div>\n  </div>\n\n  <div class=\"gold-underline\"></div>\n\n  <div class=\"collections\">\n\n    <div\n      *ngIf=\"collectionsList?.length === 0\"\n      class=\"no-items\"\n    >\n      <div class=\"center-msg\">\n        <div class=\"large-icon icon-collections\"></div>\n        <div\n          class=\"sub-msg\"\n          translate\n        >No results.</div>\n      </div>\n      <div class=\"fixed-arrow\"></div>\n    </div>\n\n    <div\n      class=\"col\"\n      infinite-scroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"300\"\n      (scrolled)=\"onScroll()\"\n      [fromRoot]=\"true\"\n      [infiniteScrollContainer]=\"'.app'\"\n      [dragula]=\"recommended === true ? 'collections-dnd' : null\"\n      [(dragulaModel)]=\"collectionsList\"\n    >\n      <collection-card-component\n        *ngFor=\"let collection of collectionsList; trackBy: trackByID\"\n        [collectionID]=\"collection?.ID\"\n        [dashboard]=\"collections$ | async\"\n        [references]=\"references$ | async\"\n        [editable]=\"false\"\n        collectionViewUrl=\"/workspace/admin/collections/\"\n        collectionsUrl=\"/workspace/admin/collections\"\n        profileViewUrl=\"/workspace/admin/profile\"\n        [usersInfo]=\"collections$ | async | pick: ['users', 'usersCollections']\"\n        [isAuthorized]=\"isAuthorized$ | async\"\n        [admin]=\"true\"\n        (onSetPosition)=\"setPosition($event)\"\n      ></collection-card-component>\n    </div>\n  </div>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminUsersListComponent", function() { return AdminUsersListComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
var __assign = (undefined && undefined.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};









var LOADER_PAGESIZE = 20;
var AdminUsersListComponent = (function () {
    function AdminUsersListComponent(store, route) {
        var _this = this;
        this.store = store;
        this.route = route;
        this.invitedByEmail = new Set();
        this.blockedOnly = false;
        this.sorting = "ASC";
        this.paginatorPage = 0;
        this.changeSortType = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.changeSortOrder = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.about$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.findUsersResults$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]));
        this.findUsersResultsFiltered$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["combineLatest"])(this.findUsersResults$, this.about$).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (_a) {
            var _b = __read(_a, 2), users = _b[0], about = _b[1];
            var removedUsersCount = 0;
            var idsToRemove = [about.userID];
            var filteredUsers = users.users.filter(function (usr) {
                var shouldRemove = idsToRemove.includes(usr.ID);
                if (shouldRemove) {
                    removedUsersCount = removedUsersCount + 1;
                }
                return !shouldRemove;
            });
            return __assign({}, users, { users: filteredUsers, usersTotalCount: users.usersTotalCount - removedUsersCount });
        }));
        this.route.queryParams
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.blockedOnly = Boolean(Number(params.blockedOnly));
            _this.getUsers(true);
        });
    }
    AdminUsersListComponent.prototype.sortUsers = function (sortOrder) {
        console.log(sortOrder);
        this.sorting = sortOrder === 1 ? "ASC" : "DESC";
        this.getUsers(true);
    };
    AdminUsersListComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.route.queryParams
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.searchQuery = params.query;
            _this.getUsers(true);
        });
    };
    AdminUsersListComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(this.searchUserInput.nativeElement, "keydown"), Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(this.searchUserInput.nativeElement, "paste"))
            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (e) { return e.target.value; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["debounceTime"])(500), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.getUsers(true);
        });
    };
    AdminUsersListComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["FindUsersCleanAction"]());
    };
    AdminUsersListComponent.prototype.onScroll = function () {
        var usersLoading;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getUserLoading"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (usersLoading = r); });
        if (usersLoading === true) {
            return;
        }
        var users;
        this.store
            .pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getFindUsersResults"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (r) { return (users = r); });
        if (!Object(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"])(users)) {
            return;
        }
        if (users.usersTotalCount < LOADER_PAGESIZE * (this.paginatorPage + 1)) {
            return;
        }
        this.paginatorPage = this.paginatorPage + 1;
        this.getUsers(false);
    };
    AdminUsersListComponent.prototype.trackByID = function (index, item) {
        return item.userID || item.ID || index;
    };
    AdminUsersListComponent.prototype.trackByValue = function (_, item) {
        return item;
    };
    AdminUsersListComponent.prototype.getUsers = function (clean) {
        if (clean === void 0) { clean = true; }
        if (clean) {
            this.paginatorPage = 0;
            this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["AdminFindUsersAction"]({
                paginator: {
                    page: this.paginatorPage,
                    cnt: LOADER_PAGESIZE,
                },
                orderBy: this.sorting,
                name: this.searchQuery,
                blockedOnly: this.blockedOnly,
            }));
            return;
        }
        this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["AdminAppendFindUsersAction"]({
            paginator: {
                page: this.paginatorPage,
                cnt: LOADER_PAGESIZE,
            },
            orderBy: this.sorting,
            name: this.searchQuery,
            blockedOnly: this.blockedOnly,
        }));
    };
    AdminUsersListComponent.prototype.noop = function () { };
    var _a, _b, _c;
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("searchUserInput", { static: true }),
        __metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]) === "function" ? _a : Object)
    ], AdminUsersListComponent.prototype, "searchUserInput", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], AdminUsersListComponent.prototype, "changeSortType", void 0);
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], AdminUsersListComponent.prototype, "changeSortOrder", void 0);
    AdminUsersListComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: "admin-users-list-component",
            template: __webpack_require__(/*! ./admin-users-list.component.html */ "./src/app/workspace/admin/users/list/admin-users-list.component.html"),
            styles: [
                __webpack_require__(/*! ../../../community/community.component.css */ "./src/app/workspace/community/community.component.css"),
                __webpack_require__(/*! ../../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../../../shared/badges.css */ "./src/app/shared/badges.css"),
                __webpack_require__(/*! ../../../../shared/tabs.css */ "./src/app/shared/tabs.css"),
            ],
        }),
        __metadata("design:paramtypes", [typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _c : Object])
    ], AdminUsersListComponent);
    return AdminUsersListComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"community-cont\">\n\n  <div\n    class=\"collector-tabs\"\n  >\n    <div\n      [routerLink]=\"['/workspace/admin/users']\"\n      [ngClass]=\"{\n        'active': blockedOnly === false\n      }\"\n      role=\"button\"\n      translate\n    >All</div>\n    <div\n      [routerLink]=\"['/workspace/admin/users']\"\n      [queryParams]=\"{blockedOnly: 1}\"\n      [ngClass]=\"{\n        'active': blockedOnly === true\n      }\"\n      role=\"button\"\n      translate\n    >Blocked users</div>\n  </div>\n\n  <div class=\"searchbox-cont\">\n    <div class=\"left-search-icon\"></div>\n    <input\n      type=\"text\"\n      class=\"comm-search\"\n      [placeholder]=\"'Search users by email, name or tags' | translate\"\n      [(ngModel)]=\"searchQuery\"\n      #searchUserInput\n    />\n    <div\n      class=\"search-clear\"\n      (click)=\"searchQuery=''; getUsers(true)\"\n    ></div>\n  </div>\n\n  <div style=\"display: flex; flex-direction: row; justify-content: space-between;\">\n    <div class=\"h1-text mb13\">\n      {{ 'Users' | translate }}\n      <span *ngIf=\"(findUsersResultsFiltered$ | async)?.usersTotalCount\">\n        ({{ (findUsersResultsFiltered$ | async)?.usersTotalCount }})\n      </span>\n    </div>\n\n    <sort-user-menu-component (changeSortOrder)=\"sortUsers($event)\" (changeSortType)=\"changeSortType.emit($event)\"\n      [sortType]=\"collectionSize\" [sortOrder]=\"sorting === 'ASC' ? 1 : -1\"></sort-user-menu-component>\n  </div>\n\n\n\n  <div\n    infinite-scroll\n    [infiniteScrollDistance]=\"2\"\n    [infiniteScrollThrottle]=\"300\"\n    [fromRoot]=\"true\"\n    [infiniteScrollContainer]=\"'.app'\"\n    (scrolled)=\"onScroll()\"\n  >\n    <userplate-component\n      *ngFor=\"let user of (findUsersResultsFiltered$ | async)?.users; trackBy: trackByID\"\n      [user]=\"user\"\n      [media]=\"(findUsersResultsFiltered$ | async)?.medias[user?.avatarMediaID]\"\n      [admin]=\"true\"\n      [profileUri]=\"'/workspace/admin/profile/'\"\n    ></userplate-component>\n  </div>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminCollectionViewComponent", function() { return AdminCollectionViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../actions/object */ "./src/app/actions/object.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __read = (undefined && undefined.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};











var AdminCollectionViewComponent = (function () {
    function AdminCollectionViewComponent(store, route, router, viewportScroller, location) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.viewportScroller = viewportScroller;
        this.location = location;
        this.paginatorObjectsCount = 16;
        this.trackByID = _utils__WEBPACK_IMPORTED_MODULE_8__["trackByID"];
        this.sortType = 'creationTime';
        this.sortOrder = 1;
    }
    AdminCollectionViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        var _a;
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_9__["GetReferencesAction"]());
        this.objects$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (o) { return o.res; }));
        console.log('works filtering');
        this.filter$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getObjects"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (o) { return o.req; }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["startWith"])({
            orders: (_a = {},
                _a[this.sortType] = -1,
                _a),
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount
            }
        }));
        this.collectionID$ = this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (p) { return Number(p.id); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["distinctUntilChanged"])());
        this.collectionID$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_10__["ObjectCleanStateAction"]());
            _this.getObjects();
        });
        this.route.queryParams.subscribe(function (params) {
            var type = params['sortType'];
            var order = params['sortOrder'];
            var page = params['page'];
            if (type) {
                _this.sortType = type;
                _this.changeSortType(type);
            }
            if (order) {
                var newOrder = Number(order);
                _this.sortOrder = newOrder;
                _this.changeSortOrder(newOrder);
            }
            if (page) {
                var newPage = Number(page);
                _this.selectPage(newPage);
            }
        });
    };
    AdminCollectionViewComponent.prototype.ngOnDestroy = function () { };
    AdminCollectionViewComponent.prototype.getObjects = function (payload) {
        var _this = this;
        console.log('works getObjects with', this.sortType);
        Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["combineLatest"])(this.collectionID$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])()), this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])())).pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this)).subscribe(function (_a) {
            var _b;
            var _c = __read(_a, 2), collectionID = _c[0], f = _c[1];
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_10__["AdminGetCollectionObjectsAction"]({
                collectionsIDs: [collectionID],
                orders: (_b = {}, _b[_this.sortType] = _this.sortOrder, _b),
                paginator: (payload && payload.paginator) || f.paginator
            }));
        });
    };
    AdminCollectionViewComponent.prototype.changeSortType = function (sortType) {
        var _a;
        console.log('works', sortType);
        this.sortType = sortType;
        this.getObjects({
            paginator: {
                page: 0,
                cnt: this.paginatorObjectsCount
            },
            orders: (_a = {},
                _a[sortType] = -1,
                _a)
        });
        this.updateQueryParams({ sortType: sortType });
    };
    AdminCollectionViewComponent.prototype.changeSortOrder = function (sortOrder) {
        var _this = this;
        this.sortOrder = sortOrder;
        this.filter$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this)).subscribe(function (f) {
            var _a;
            _this.getObjects({
                paginator: {
                    page: 0,
                    cnt: _this.paginatorObjectsCount
                },
                orders: (_a = {},
                    _a[Object.keys(f.orders)[0]] = sortOrder,
                    _a)
            });
        });
        this.updateQueryParams({ sortOrder: sortOrder });
    };
    AdminCollectionViewComponent.prototype.selectPage = function (page) {
        this.getObjects({
            paginator: {
                cnt: this.paginatorObjectsCount,
                page: page - 1
            }
        });
        this.viewportScroller.scrollToPosition([0, 0]);
        this.updateQueryParams({ page: page });
    };
    var _a, _b, _c, _d, _e;
    AdminCollectionViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'admin-collection-view',
            template: __webpack_require__(/*! ./admin-collection-view.component.html */ "./src/app/workspace/admin/collections/view/admin-collection-view.component.html"),
            styles: []
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _angular_common__WEBPACK_IMPORTED_MODULE_1__["ViewportScroller"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_1__["ViewportScroller"]) === "function" ? _d : Object, typeof (_e = typeof _angular_common__WEBPACK_IMPORTED_MODULE_1__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_1__["Location"]) === "function" ? _e : Object])
    ], AdminCollectionViewComponent);
    return AdminCollectionViewComponent;
}());

module.exports = "<breadcrumbs-component (onBack)=\"goBack()\"></breadcrumbs-component>\n\n<div class=\"workspace-content-container\">\n\n  <div class=\"user-info-thin\">\n    <user-info-thin-component\n      [user]=\"(objects$ | async)?.users[(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID]\"\n      [media]=\"(objects$ | async)?.medias[(objects$ | async)?.users[(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID]?.avatarMediaID]\"\n      [isAuthorized]=\"true\" [isAnonymous]=\"false\" profileViewUrl=\"/workspace/admin/profile/\"></user-info-thin-component>\n  </div>\n\n  <collection-details-component [sortType]=\"sortType\" [sortOrder]=\"sortOrder\"\n    [collection]=\"(objects$ | async)?.collections[(collectionID$ | async)]\" [medias]=\"(objects$ | async)?.medias\"\n    [objects]=\"objects$ | async\" [filter]=\"filter$ | async\" [paginatorObjectsCount]=\"paginatorObjectsCount\"\n    [admin]=\"true\"\n    [owner]=\"(objects$ | async)?.users[(objects$ | async)?.usersCollections[(collectionID$ | async)]?.userID]\"\n    (changeSortOrder)=\"changeSortOrder($event)\" (changeSortType)=\"changeSortType($event)\"\n    (selectPage)=\"selectPage($event)\" viewObjectUrl=\"/workspace/admin/objects/\"></collection-details-component>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminObjectViewComponent", function() { return AdminObjectViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_object__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../actions/object */ "./src/app/actions/object.ts");
/* harmony import */ var _actions_references__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../actions/references */ "./src/app/actions/references.ts");
/* harmony import */ var _core_settitle_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../core/settitle.service */ "./src/app/core/settitle.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};











var AdminObjectViewComponent = (function () {
    function AdminObjectViewComponent(store, route, setTitleService, router, location) {
        this.store = store;
        this.route = route;
        this.setTitleService = setTitleService;
        this.router = router;
        this.location = location;
    }
    AdminObjectViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.dispatch(new _actions_references__WEBPACK_IMPORTED_MODULE_6__["GetReferencesAction"]());
        this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (params) { return Number(params.id); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (ID) {
            _this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_5__["AdminGetObjectAction"](ID));
        });
        this.object$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getDenormalizedObject"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]));
        this.references$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getDenormalizedReferences"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]));
        this.object$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (o) {
            _this.setTitleService.setTitle(o.object.name, window.location.pathname, {}, false);
        });
    };
    AdminObjectViewComponent.prototype.goBack = function () {
        this.location.back();
    };
    AdminObjectViewComponent.prototype.ngOnDestroy = function () {
        this.store.dispatch(new _actions_object__WEBPACK_IMPORTED_MODULE_5__["ObjectCleanStateAction"]());
    };
    var _a, _b, _c, _d, _e;
    AdminObjectViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'admin-object-view-component',
            template: __webpack_require__(/*! ./admin-object-view.component.html */ "./src/app/workspace/admin/objects/view/admin-object-view.component.html"),
            styles: []
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _core_settitle_service__WEBPACK_IMPORTED_MODULE_7__["SetTitleService"] !== "undefined" && _core_settitle_service__WEBPACK_IMPORTED_MODULE_7__["SetTitleService"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _d : Object, typeof (_e = typeof _angular_common__WEBPACK_IMPORTED_MODULE_10__["Location"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_10__["Location"]) === "function" ? _e : Object])
    ], AdminObjectViewComponent);
    return AdminObjectViewComponent;
}());

module.exports = "<<<<<<< HEAD\n<breadcrumbs-component></breadcrumbs-component>\n\n<div\n  class=\"user-info-thin\"\n>\n  <user-info-thin-component\n    [user]=\"(object$ | async)?.user\"\n    [media]=\"(object$ | async)?.medias[(object$ | async)?.user?.avatarMediaID]\"\n    [isAuthorized]=\"true\"\n    [isAnonymous]=\"false\"\n    profileViewUrl=\"/workspace/admin/profile/\"\n  ></user-info-thin-component>\n</div>\n\n<object-details-component\n  [denormalizedObject$]=\"object$\"\n  [denormalizedReferences$]=\"references$\"\n  [admin]=\"true\"\n  [owner]=\"(object$ | async)?.user\"\n  viewCollectionUrl=\"/workspace/admin/collections/\"\n></object-details-component>\n=======\n<breadcrumbs-component (onBack)=\"goBack()\"></breadcrumbs-component>\n\n<div class=\"user-info-thin\">\n  <user-info-thin-component [user]=\"(object$ | async)?.user\"\n    [media]=\"(object$ | async)?.medias[(object$ | async)?.user?.avatarMediaID]\" [isAuthorized]=\"true\"\n    [isAnonymous]=\"false\" profileViewUrl=\"/workspace/admin/profile/\"></user-info-thin-component>\n</div>\n\n<object-details-component [denormalizedObject$]=\"object$\" [denormalizedReferences$]=\"references$\" [admin]=\"true\"\n  [owner]=\"(object$ | async)?.user\" viewCollectionUrl=\"/workspace/admin/collections/\"></object-details-component>\n>>>>>>> main\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminUserViewComponent", function() { return AdminUserViewComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../actions/modal */ "./src/app/actions/modal.ts");
/* harmony import */ var _actions_user__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../actions/user */ "./src/app/actions/user.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/admin-message-to-user.service */ "./src/app/shared/admin-message-to-user.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var AdminUserViewComponent = (function () {
    function AdminUserViewComponent(store, route, router, adminMessageToUserService) {
        this.store = store;
        this.route = route;
        this.router = router;
        this.adminMessageToUserService = adminMessageToUserService;
        this.admin = true;
    }
    AdminUserViewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (p) { return Number(p.id); }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["distinctUntilChanged"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function (ID) {
            _this.store.dispatch(new _actions_user__WEBPACK_IMPORTED_MODULE_6__["AdminGetUserAction"](ID));
        });
        this.user$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getUser"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this));
    };
    AdminUserViewComponent.prototype.ngOnDestroy = function () { };
    AdminUserViewComponent.prototype.adminMessageToUser = function () {
        var _this = this;
        this.user$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (u) { return u.userID; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (userID) {
            _this.adminMessageToUserService.message(userID);
        });
    };
    AdminUserViewComponent.prototype.blockUser = function () {
        var _this = this;
        this.user$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (user) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_5__["ModalConfirmShowAction"]({
                type: 'admin-block-user',
                data: user.users[user.userID]
            }));
        });
    };
    AdminUserViewComponent.prototype.unblockUser = function () {
        var _this = this;
        this.user$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this)).subscribe(function (user) {
            _this.store.dispatch(new _actions_modal__WEBPACK_IMPORTED_MODULE_5__["ModalConfirmShowAction"]({
                type: 'admin-unblock-user',
                data: user.users[user.userID]
            }));
        });
    };
    var _a, _b, _c, _d;
    AdminUserViewComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'admin-user-view-component',
            template: __webpack_require__(/*! ./admin-user-view.component.html */ "./src/app/workspace/admin/users/view/admin-user-view.component.html"),
            styles: [
                __webpack_require__(/*! ./../../../profile/view/profile-view.component.css */ "./src/app/workspace/profile/view/profile-view.component.css"),
                __webpack_require__(/*! ../../../../shared/pills.css */ "./src/app/shared/pills.css"),
                __webpack_require__(/*! ../../../../shared/buttons.css */ "./src/app/shared/buttons.css"),
                __webpack_require__(/*! ../../../../shared/badges.css */ "./src/app/shared/badges.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__["AdminMessageToUser"] !== "undefined" && _shared_admin_message_to_user_service__WEBPACK_IMPORTED_MODULE_9__["AdminMessageToUser"]) === "function" ? _d : Object])
    ], AdminUserViewComponent);
    return AdminUserViewComponent;
}());

module.exports = "<breadcrumbs-component></breadcrumbs-component>\n\n<div class=\"profile-container\">\n  <div class=\"user-plate\">\n    <div class=\"user-avatar\"\n      [style.background-image]=\"((user$ | async)?.medias[(user$ | async)?.users[(user$ | async)?.userID]?.avatarMediaID] | preferPhotoMediaTypes: ['avatar'])?.URI | bgImage: '/assets/i/userpic-stub.png'\"\n    ></div>\n    <div class=\"user-creds-cont\">\n      <div class=\"user-creds\">\n        <div class=\"user-name\">\n          {{ (user$ | async)?.users | getUsernameByID: (user$ | async)?.userID }}\n        </div>\n      </div>\n    </div>\n    <div>\n      <dropdown>\n        <div\n          *ngIf=\"(user$ | async)?.blocked !== true\"\n          translate\n          (click)=\"blockUser()\"\n        >Block user</div>\n        <div\n          *ngIf=\"(user$ | async)?.blocked === true\"\n          translate\n          (click)=\"unblockUser()\"\n        >Unblock user</div>\n        <a\n          translate\n          [routerLink]=\"['/workspace/admin/collections']\"\n          [queryParams]=\"{userID: (user$ | async)?.userID}\"\n        >Collections</a>\n        <div\n          translate\n          (click)=\"adminMessageToUser()\"\n        >message</div>\n      </dropdown>\n    </div>\n  </div>\n  <div\n      *ngIf=\"(user$ | async)?.blocked\"\n      class=\"user-blocked-status\"\n    >\n      <div class=\"pill red-pill\">\n        BLOCKED\n      </div>\n  </div>\n  <div\n    *ngIf=\"(user$ | async)?.users[(user$ | async)?.userID]?.description\"\n    [innerHTML]=\"(user$ | async)?.users[(user$ | async)?.userID]?.description | linky\">\n  </div>\n\n  <div\n    *ngIf=\"!((user$ | async)?.users[(user$ | async)?.userID]?.tags | empty)\"\n  >\n    <h3\n      class=\"title\"\n      translate\n    >Tags</h3>\n    <div class=\"tags\">\n      <div\n        *ngFor=\"let tag of (user$ | async)?.users[(user$ | async)?.userID]?.tags\"\n        class=\"badge\"\n        role=\"button\"\n        [routerLink]=\"['/workspace/admin/users']\"\n        [queryParams]=\"{query: tag}\"\n      >{{ tag }}</div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"(user$ | async)?.users[(user$ | async)?.userID]?.speciality\"\n  >\n    <h3\n      class=\"title\"\n      translate\n    >Speciality</h3>\n    <div>{{ (user$ | async)?.users[(user$ | async)?.userID]?.speciality }}</div>\n  </div>\n</div>\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminProfileComponent", function() { return AdminProfileComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../model/UserRoleTypes.enum */ "./src/app/model/UserRoleTypes.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var AdminProfileComponent = (function () {
    function AdminProfileComponent(store) {
        this.store = store;
        this.userRoleTypes = _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_6__["UserRoleTypes"];
    }
    AdminProfileComponent.prototype.ngOnInit = function () {
        this.about$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_1__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_3__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_5__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_2__["untilComponentDestroyed"])(this));
    };
    AdminProfileComponent.prototype.ngOnDestroy = function () { };
    var _a;
    AdminProfileComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'admin-profile-component',
            template: __webpack_require__(/*! ./admin-profile.component.html */ "./src/app/workspace/admin/profile/admin-profile.component.html")
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_1__["Store"]) === "function" ? _a : Object])
    ], AdminProfileComponent);
    return AdminProfileComponent;
}());

module.exports = "<profile-component\n  admin=\"(about$| async)?.users[(about$ | async)?.userID]?.role === userRoleTypes?.admin\"\n>\n</profile-component>";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthModule", function() { return AuthModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _acquaintance_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./acquaintance.component */ "./src/app/auth/acquaintance.component.ts");
/* harmony import */ var _auth_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./auth.component */ "./src/app/auth/auth.component.ts");
/* harmony import */ var _confirm_email_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./confirm-email.component */ "./src/app/auth/confirm-email.component.ts");
/* harmony import */ var _login_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./login.component */ "./src/app/auth/login.component.ts");
/* harmony import */ var _password_recover_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./password-recover.component */ "./src/app/auth/password-recover.component.ts");
/* harmony import */ var _password_reset_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./password-reset.component */ "./src/app/auth/password-reset.component.ts");
/* harmony import */ var _register_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./register.component */ "./src/app/auth/register.component.ts");
/* harmony import */ var _logged_in_guard__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./logged-in.guard */ "./src/app/auth/logged-in.guard.ts");
/* harmony import */ var _registration_complete_guard__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./registration-complete.guard */ "./src/app/auth/registration-complete.guard.ts");
/* harmony import */ var _auth_routing__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./auth.routing */ "./src/app/auth/auth.routing.ts");
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../shared/shared.module */ "./src/app/shared/shared.module.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};














var AuthModule = (function () {
    function AuthModule() {
    }
    AuthModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
            imports: [
                _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
                _angular_forms__WEBPACK_IMPORTED_MODULE_2__["ReactiveFormsModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"].forChild(_auth_routing__WEBPACK_IMPORTED_MODULE_12__["authRoutes"]),
                _shared_shared_module__WEBPACK_IMPORTED_MODULE_13__["SharedModule"]
            ],
            declarations: [
                _auth_component__WEBPACK_IMPORTED_MODULE_4__["AuthComponent"],
                _login_component__WEBPACK_IMPORTED_MODULE_6__["LoginComponent"],
                _register_component__WEBPACK_IMPORTED_MODULE_9__["RegisterComponent"],
                _acquaintance_component__WEBPACK_IMPORTED_MODULE_3__["AcquaintanceComponent"],
                _confirm_email_component__WEBPACK_IMPORTED_MODULE_5__["ConfirmEmailComponent"],
                _password_recover_component__WEBPACK_IMPORTED_MODULE_7__["PasswordRecoverComponent"],
                _password_reset_component__WEBPACK_IMPORTED_MODULE_8__["PasswordResetComponent"]
            ],
            providers: [
                _logged_in_guard__WEBPACK_IMPORTED_MODULE_10__["LoggedInGuard"],
                _registration_complete_guard__WEBPACK_IMPORTED_MODULE_11__["RegistrationCompleteGuard"]
            ],
            exports: []
        })
    ], AuthModule);
    return AuthModule;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AcquaintanceComponent", function() { return AcquaintanceComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};








var AcquaintanceComponent = (function () {
    function AcquaintanceComponent(router, store) {
        this.router = router;
        this.store = store;
        this.submitForm$ = new rxjs__WEBPACK_IMPORTED_MODULE_4__["Subject"]();
        this.form$ = new rxjs__WEBPACK_IMPORTED_MODULE_4__["Subject"]();
    }
    AcquaintanceComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_6__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_7__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (u) { return (u.users[u.userID].firstName &&
            u.users[u.userID].lastName); }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_3__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.router.navigateByUrl('/workspace');
        });
    };
    AcquaintanceComponent.prototype.onFormReady = function (form) {
        var _this = this;
        setTimeout(function () {
            _this.form$.next(form);
            _this.form$.complete();
        });
    };
    AcquaintanceComponent.prototype.save = function () {
        this.submitForm$.next();
    };
    AcquaintanceComponent.prototype.ngOnDestroy = function () {
        this.submitForm$.complete();
    };
    var _a, _b;
    AcquaintanceComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'acquaintance-component',
            template: __webpack_require__(/*! ./acquaintance.component.html */ "./src/app/auth/acquaintance.component.html"),
            styles: [__webpack_require__(/*! ./acquaintance.component.css */ "./src/app/auth/acquaintance.component.css")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _a : Object, typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object])
    ], AcquaintanceComponent);
    return AcquaintanceComponent;
}());

module.exports = "<div\n  class=\"acquantance\"\n>\n  <profile-form-component\n    (formReady)=\"onFormReady($event)\"\n    [submitForm$]=\"submitForm$\"\n  ></profile-form-component>\n\n  <div class=\"next-container\">\n    <button\n      [ngClass]=\"{\n        'disabled': (form$ | async)?.invalid\n      }\"\n      [disabled]=\"(form$ | async)?.invalid\"\n      (click)=\"save()\"\n      class=\"enter-button\"\n      translate\n    >next</button>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../node_modules/postcss-loader/src!./acquaintance.component.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/auth/acquaintance.component.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".acquantance {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  width: 90%;\n}\n.next-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: 100%;\n}\n.enter-button {\n  font-size: 1.2em;\n  display: inline-block;\n  margin: 0 10px 0 0;\n  padding: 10px 35px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border-radius: 3px;\n  text-transform: uppercase;\n  color: white;\n  background-color: #ba9522;\n  border: none;\n  text-align: center\n}\n.enter-button .disabled {\n  background-color: black;\n}\n.enter-button :focus {\n  outline: none;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthComponent", function() { return AuthComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ngx-translate/core */ "./node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _langs_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../langs.json */ "./src/app/langs.json");
var _langs_json__WEBPACK_IMPORTED_MODULE_3___namespace = /*#__PURE__*/__webpack_require__.t(/*! ../langs.json */ "./src/app/langs.json", 1);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var AuthComponent = (function () {
    function AuthComponent(translate) {
        this.translate = translate;
        this.langs = _langs_json__WEBPACK_IMPORTED_MODULE_3__;
        this.onLangChange$ = translate.onLangChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["startWith"])({
            lang: translate.currentLang,
            translations: translate.translations
        }));
    }
    AuthComponent.prototype.setLang = function (lang) {
        this.translate.use(lang);
    };
    var _a;
    AuthComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'auth-component',
            template: __webpack_require__(/*! ./auth.component.html */ "./src/app/auth/auth.component.html"),
            styles: [__webpack_require__(/*! ./auth.component.scss */ "./src/app/auth/auth.component.scss")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__["TranslateService"] !== "undefined" && _ngx_translate_core__WEBPACK_IMPORTED_MODULE_1__["TranslateService"]) === "function" ? _a : Object])
    ], AuthComponent);
    return AuthComponent;
}());

module.exports = "<div class=\"auth-container\">\n  <div class=\"lang-container\">\n    <div\n      *ngFor=\"let lang of langs\"\n      role=\"button\"\n      (click)=\"setLang(lang.code)\"\n      [hidden]=\"(onLangChange$ | async)?.lang === lang.code\"\n    >{{ lang.title }}</div>\n  </div>\n  <div class=\"logo\">\n    <a [routerLink]=\"['/']\">\n      <img src=\"/assets/i/main-logo.svg\" />\n    </a>\n  </div>\n  <div class=\"auth-form\">\n    <router-outlet></router-outlet>\n  </div>\n  <div class=\"footer\">\n    <a\n      href=\"https://collectionsapp.ru/company/terms.pdf\"\n      target=\"_blank\"\n      translate\n    >Terms and Conditions</a>\n    <a\n      href=\"https://collectionsapp.ru/company/privacy.pdf\"\n      target=\"_blank\"\n      translate\n    >Privacy policy</a>\n    <a\n      href=\"https://collectionsapp.ru/company/legal.pdf\"\n      target=\"_blank\"\n      translate\n    >Privacy agreement</a>\n    <a\n      href=\"https://collectionsapp.ru/company/contacts.pdf\"\n      target=\"_blank\"\n      translate\n    >Contacts</a>\n  </div>\n</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./auth.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/auth.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConfirmEmailComponent", function() { return ConfirmEmailComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../actions/auth */ "./src/app/actions/auth.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};









var ConfirmEmailComponent = (function () {
    function ConfirmEmailComponent(route, router, fb, store) {
        this.route = route;
        this.router = router;
        this.fb = fb;
        this.store = store;
        this.confirmError = '';
        var email = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email
        ]));
        this.resendForm = fb.group({
            email: email
        });
        this.confirmed$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getEmailConfirmed"]));
    }
    ConfirmEmailComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.resendForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_) { return _this.confirmError = ''; });
        this.route.params.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            _this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_6__["ConfirmEmailAction"](params.token));
        });
        this.confirmed$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (confirmed) { return confirmed; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.router.navigateByUrl('/auth/login');
        });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_7__["getAuthError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_8__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (err) {
            _this.confirmError = err.message;
        });
    };
    ConfirmEmailComponent.prototype.ngOnDestroy = function () { };
    ConfirmEmailComponent.prototype.resend = function (value) {
        this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_6__["ResendConfirmEmailAction"](value));
    };
    var _a, _b, _c, _d;
    ConfirmEmailComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'confirm-email-component',
            template: __webpack_require__(/*! ./confirm-email.component.html */ "./src/app/auth/confirm-email.component.html"),
            styles: [__webpack_require__(/*! ./confirm-email.component.scss */ "./src/app/auth/confirm-email.component.scss")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _a : Object, typeof (_b = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _b : Object, typeof (_c = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object])
    ], ConfirmEmailComponent);
    return ConfirmEmailComponent;
}());

module.exports = "<div\n  *ngIf=\"(confirmed$ | async)\"\n  class=\"success-status\"\n  translate\n>Congratulations! Your email was confirmed!</div>\n<form\n  class=\"resend-email-form\"\n  *ngIf=\"(confirmed$ | async) === false\"\n  [formGroup]=\"resendForm\"\n  (ngSubmit)=\"resend(resendForm.value)\"\n>\n  <div class=\"email state-input\">\n    <input\n      class=\"email\"\n      formControlName=\"email\"\n      type=\"email\"\n      [placeholder]=\"'Enter your email' | translate\"\n    >\n  </div>\n\n  <div class=\"errors\" *ngIf=\"resendForm.controls.email.touched\">\n    <div\n      *ngIf=\"resendForm.controls.email.errors?.required\"\n      class=\"error\"\n      translate\n    >email is required</div>\n    <div\n      *ngIf=\"!resendForm.controls.email.errors?.required && resendForm.controls.email.errors?.email\"\n      class=\"error\"\n      translate\n    >email is invalid</div>\n  </div>\n  <div class=\"errors\" *ngIf=\"confirmError\">\n    <div class=\"error\">\n      {{ confirmError }}\n    </div>\n  </div>\n\n  <div class=\"submit-btn\">\n    <button\n      type=\"submit\"\n      [ngClass]=\"{'disabled': resendForm.invalid}\"\n      [disabled]=\"!resendForm.valid\"\n      translate\n    >resend email confirmation</button>\n  </div>\n</form>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./confirm-email.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/confirm-email.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n\nform.resend-email-form {\n  max-width: 500px;\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 150px; }\n  form.resend-email-form .state-input {\n    display: table;\n    width: 100%;\n    border-bottom: 1px solid #dfdfdf;\n    padding-bottom: 10px; }\n    form.resend-email-form .state-input input {\n      display: table-cell;\n      width: 100%; }\n    form.resend-email-form .state-input .state {\n      display: table-cell;\n      font-weight: bold;\n      color: #d0021b; }\n      form.resend-email-form .state-input .state[hidden] {\n        visibility: hidden; }\n      form.resend-email-form .state-input .state img {\n        width: 19px;\n        padding-right: 7px; }\n  form.resend-email-form input {\n    font-family: \"Avenir Next\";\n    border: 0;\n    display: block; }\n    form.resend-email-form input:focus {\n      outline: none; }\n    form.resend-email-form input.email {\n      width: 100%;\n      text-align: center; }\n  form.resend-email-form .errors {\n    position: relative; }\n    form.resend-email-form .errors .error {\n      color: #d0021b;\n      padding-top: 10px;\n      width: 100%;\n      text-align: center;\n      position: absolute; }\n  form.resend-email-form .submit-btn {\n    padding-top: 50px;\n    text-align: center; }\n    form.resend-email-form .submit-btn button {\n      font-size: 1.2em;\n      display: inline-block;\n      margin: 0 10px 0 0;\n      padding: 10px 35px;\n      appearance: none;\n      box-shadow: none;\n      border-radius: 3px;\n      text-transform: uppercase;\n      color: white;\n      background-color: #ba9522;\n      border: none;\n      text-align: center; }\n      form.resend-email-form .submit-btn button.disabled {\n        background-color: black; }\n      form.resend-email-form .submit-btn button:focus {\n        outline: none; }\n  form.resend-email-form .success-status {\n    color: green; }\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoginComponent", function() { return LoginComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _core_auth_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../core/auth.service */ "./src/app/core/auth.service.ts");
/* harmony import */ var _actions_auth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../actions/auth */ "./src/app/actions/auth.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
/* harmony import */ var _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../model/UserRoleTypes.enum */ "./src/app/model/UserRoleTypes.enum.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};











var LoginComponent = (function () {
    function LoginComponent(authService, fb, router, store) {
        this.authService = authService;
        this.fb = fb;
        this.router = router;
        this.store = store;
        this.serverError = '';
        this.loginForm = fb.group({
            email: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email
                ])],
            password: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(6)
                ])],
            privacyCheckbox: [false, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].requiredTrue]
        });
        this.confirmed$ = store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getEmailConfirmed"]));
        this.reseted$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getReseted"]));
    }
    LoginComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.error$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAuthError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]));
        this.loginForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_) { return _this.serverError = ''; });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAbout"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (about) {
            if (about.users[about.userID].role === _model_UserRoleTypes_enum__WEBPACK_IMPORTED_MODULE_10__["UserRoleTypes"].admin) {
                _this.router.navigateByUrl('/workspace/admin');
                return;
            }
            else if (!about.users[about.userID].firstName ||
                !about.users[about.userID].lastName) {
                _this.router.navigateByUrl('/auth/acquaintance');
                return;
            }
            _this.router.navigateByUrl('/workspace');
        });
        this.error$.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (err) {
            console.log(err);
            _this.serverError = err.message;
        });
    };
    LoginComponent.prototype.ngOnDestroy = function () { };
    LoginComponent.prototype.doLogin = function (value) {
        this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_7__["LoginAction"](value));
    };
    var _a, _b, _c, _d;
    LoginComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'login-component',
            template: __webpack_require__(/*! ./login.component.html */ "./src/app/auth/login.component.html"),
            styles: [
                __webpack_require__(/*! ./login.component.scss */ "./src/app/auth/login.component.scss"),
                __webpack_require__(/*! ../shared/checkbox.css */ "./src/app/shared/checkbox.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _core_auth_service__WEBPACK_IMPORTED_MODULE_6__["AuthService"] !== "undefined" && _core_auth_service__WEBPACK_IMPORTED_MODULE_6__["AuthService"]) === "function" ? _a : Object, typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object])
    ], LoginComponent);
    return LoginComponent;
}());

module.exports = "<form\n  class=\"login-form\"\n  [formGroup]=\"loginForm\"\n  (ngSubmit)=\"doLogin(loginForm.value)\"\n>\n  <div\n    *ngIf=\"(confirmed$ | async) === true\"\n    class=\"email-confirmed\"\n    translate\n  >Your email has been confirmed.</div>\n\n  <div\n    *ngIf=\"(reseted$ | async) === true\"\n    class=\"email-confirmed\"\n    translate\n  >Password has been reset successfully.</div>\n\n  <input\n    class=\"email text-input\"\n    formControlName=\"email\"\n    type=\"email\"\n    [placeholder]=\"'Enter your email' | translate\"\n  >\n  <div class=\"errors\" *ngIf=\"loginForm.controls.email.touched\">\n    <div\n      *ngIf=\"loginForm.controls.email.errors?.required\"\n      class=\"error\"\n      translate\n    >Email is required</div>\n    <div\n      *ngIf=\"loginForm.controls.email.errors?.email\"\n      class=\"error\"\n      translate\n    >Email is invalid</div>\n    <div\n      *ngIf=\"serverError && (error$ | async)?.code !== 423\"\n      class=\"error\"\n    >\n      {{ serverError | translate }}\n    </div>\n    <div\n      *ngIf=\"serverError && (error$ | async)?.code === 423\"\n      class=\"error\"\n      [innerHTML]=\"'You are blocked. Contact support at <a href=mailto:support@collectionsapp.ru>support@collectionsapp.ru</a> if you have any questions' | translate\"\n    ></div>\n  </div>\n\n  <input\n    class=\"password text-input\"\n    formControlName=\"password\"\n    type=\"password\"\n    [placeholder]=\"'Enter password' | translate\"\n  >\n  <div class=\"errors\" *ngIf=\"loginForm.controls.password.touched\">\n    <div\n      *ngIf=\"loginForm.controls.password.errors?.required\"\n      class=\"error\"\n      translate\n    >Password is required</div>\n    <div\n      *ngIf=\"loginForm.controls.password.errors?.minlength\"\n      class=\"error\"\n      translate\n    >6 characters minimum</div>\n  </div>\n\n  <label class=\"checkbox privacy-checkbox\">{{ 'I agree with all terms and service and privacy policy' | translate }}\n    <input\n      type=\"checkbox\"\n      formControlName=\"privacyCheckbox\"\n    />\n    <span class=\"checkmark\"></span>\n  </label>\n  <div\n    *ngIf=\"loginForm.dirty === true\"\n    class=\"errors\"\n  >\n    <div\n      *ngIf=\"loginForm.controls.privacyCheckbox.errors?.required\"\n      class=\"error\"\n      translate\n    >You must agree with privacy policy</div>\n  </div>\n\n  <div class=\"submit-btn\">\n    <button\n      type=\"submit\"\n      [ngClass]=\"{\n        'disabled': loginForm.invalid\n      }\"\n      [disabled]=\"loginForm.invalid\"\n      translate\n    >sign in</button>\n  </div>\n\n  <div class=\"submit-btn\">\n    <a\n      routerLink=\"/auth/register\"\n      translate\n    >sign up</a>\n  </div>\n\n  <div class=\"choices\">\n    <div class=\"password-recovery\">\n      <a\n        routerLink=\"/auth/recover\"\n        routerLinkActive=\"active\"\n        translate\n      >Forgot password?</a>\n    </div>\n  </div>\n\n</form>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./login.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/login.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n\nform.login-form {\n  max-width: 600px;\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 150px;\n  display: flex;\n  flex-direction: column;\n  align-items: center; }\n  form.login-form input {\n    font-family: \"Avenir Next\";\n    text-align: center;\n    border: 0;\n    border-bottom: 1px solid #dfdfdf;\n    padding-bottom: 10px;\n    width: 100%;\n    display: block; }\n    form.login-form input:focus {\n      outline: none; }\n  form.login-form input.password, form.login-form .privacy-checkbox {\n    margin-top: 43px; }\n  form.login-form .errors {\n    position: relative;\n    width: 100%; }\n    form.login-form .errors .error {\n      visibility: hidden;\n      color: #d0021b;\n      padding-top: 10px;\n      width: 100%;\n      text-align: center; }\n      form.login-form .errors .error:first-child {\n        visibility: visible; }\n  form.login-form .submit-btn {\n    padding-top: 50px;\n    text-align: center; }\n    form.login-form .submit-btn a, form.login-form .submit-btn button {\n      font-size: 1.2em;\n      display: inline-block;\n      margin: 0 10px 0 0;\n      padding: 10px 35px;\n      appearance: none;\n      box-shadow: none;\n      border-radius: 3px;\n      text-transform: uppercase;\n      color: white;\n      background-color: #ba9522;\n      border: none;\n      text-align: center; }\n      form.login-form .submit-btn a.disabled, form.login-form .submit-btn button.disabled {\n        background-color: black; }\n      form.login-form .submit-btn a:focus, form.login-form .submit-btn button:focus {\n        outline: none; }\n  form.login-form .choices {\n    padding-top: 38px;\n    overflow: hidden; }\n    form.login-form .choices a {\n      text-decoration: none;\n      color: #ababab; }\n    form.login-form .choices .register {\n      float: left;\n      font-weight: bold; }\n    form.login-form .choices .password-recovery {\n      float: right; }\n  form.login-form .privacy-checkbox input {\n    border: none; }\n\n.email-confirmed {\n  margin-bottom: 2em;\n  color: green; }\n\n@media screen and (max-device-width: 450px) {\n  form.login-form {\n    padding-top: 40px; }\n  input {\n    width: 60% !important; }\n  input.email {\n    width: 80% !important; }\n  .privacy-checkbox {\n    text-align: center;\n    padding-left: 1.5em !important;\n    padding-right: 1em;\n    font-size: 1.1rem !important; }\n    .privacy-checkbox .checkmark {\n      left: .5rem !important; } }\n", ""]);

// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js??ref--6-1!../../../node_modules/postcss-loader/src!./checkbox.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js!./src/app/shared/checkbox.css");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".checkbox {\n  display: block;\n  position: relative;\n  padding-left: 35px;\n  margin-bottom: 12px;\n  cursor: pointer;\n  font-size: 22px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none\n}\n.checkbox input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkbox .checkmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 25px;\n  width: 25px;\n  background-color: #e8e8e8;\n}\n.checkbox .checkmark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n.checkbox .checkmark:after {\n  left: 9px;\n  top: 5px;\n  width: 5px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n.checkbox input:checked ~ .checkmark {\n  background-color: #D4A924;\n}\n.checkbox input:checked ~ .checkmark:after {\n  display: block;\n}\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PasswordRecoverComponent", function() { return PasswordRecoverComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../actions/auth */ "./src/app/actions/auth.ts");
/* harmony import */ var _core_auth_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/auth.service */ "./src/app/core/auth.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var PasswordRecoverComponent = (function () {
    function PasswordRecoverComponent(authService, fb, router, store) {
        this.authService = authService;
        this.fb = fb;
        this.router = router;
        this.store = store;
        this.recoveryError = '';
        var email = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email
        ]));
        this.recoveryForm = fb.group({
            email: email
        });
        this.recovered$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getRecovered"]));
    }
    PasswordRecoverComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.recoveryForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (_) { return _this.recoveryError = ''; });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_3__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAuthError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_4__["untilComponentDestroyed"])(this))
            .subscribe(function (err) {
            _this.recoveryError = err.message;
        });
    };
    PasswordRecoverComponent.prototype.ngOnDestroy = function () { };
    PasswordRecoverComponent.prototype.recover = function (value) {
        this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_6__["RecoveryPasswordAction"](value));
    };
    var _a, _b, _c, _d;
    PasswordRecoverComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'password-recover',
            template: __webpack_require__(/*! ./password-recover.component.html */ "./src/app/auth/password-recover.component.html"),
            styles: [__webpack_require__(/*! ./password-recover.component.scss */ "./src/app/auth/password-recover.component.scss")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _core_auth_service__WEBPACK_IMPORTED_MODULE_7__["AuthService"] !== "undefined" && _core_auth_service__WEBPACK_IMPORTED_MODULE_7__["AuthService"]) === "function" ? _a : Object, typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_3__["Store"]) === "function" ? _d : Object])
    ], PasswordRecoverComponent);
    return PasswordRecoverComponent;
}());

module.exports = "<form\n  class=\"password-recovery\"\n  *ngIf=\"!(recovered$|async)\"\n  [formGroup]=\"recoveryForm\"\n  (ngSubmit)=\"recover(recoveryForm.value)\"\n>\n  <div class=\"email state-input\">\n    <input\n      class=\"email\"\n      formControlName=\"email\"\n      type=\"email\"\n      [placeholder]=\"'Enter your email' | translate\"\n    >\n  </div>\n\n  <div class=\"errors\" *ngIf=\"recoveryForm.controls.email.touched\">\n    <div\n      *ngIf=\"recoveryForm.controls.email.errors?.required\"\n      class=\"error\"\n      translate\n    >email is required</div>\n    <div\n      *ngIf=\"!recoveryForm.controls.email.errors?.required && recoveryForm.controls.email.errors?.email\"\n      class=\"error\"\n      translate\n    >email is invalid</div>\n    <div class=\"error\" *ngIf=\"recoveryError\">\n      {{ recoveryError }}\n    </div>\n  </div>\n\n  <div class=\"submit-btn\">\n    <button\n      type=\"submit\"\n      [ngClass]=\"{'disabled': recoveryForm.invalid}\"\n      [disabled]=\"!recoveryForm.valid\"\n      translate\n    >recover</button>\n  </div>\n</form>\n<div\n  *ngIf=\"(recovered$|async)\"\n  class=\"recover-success-message\"\n  translate\n>Your password has been reset. Please check your email for further steps</div>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./password-recover.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/password-recover.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n\nform.password-recovery {\n  max-width: 500px;\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 150px; }\n  form.password-recovery .state-input {\n    display: table;\n    width: 100%;\n    border-bottom: 1px solid #dfdfdf;\n    padding-bottom: 10px; }\n    form.password-recovery .state-input input {\n      display: table-cell;\n      width: 100%; }\n    form.password-recovery .state-input .state {\n      display: table-cell;\n      font-weight: bold;\n      color: #d0021b; }\n      form.password-recovery .state-input .state[hidden] {\n        visibility: hidden; }\n      form.password-recovery .state-input .state img {\n        width: 19px;\n        padding-right: 7px; }\n  form.password-recovery input {\n    font-family: \"Avenir Next\";\n    border: 0;\n    display: block; }\n    form.password-recovery input:focus {\n      outline: none; }\n    form.password-recovery input.email {\n      width: 100%;\n      text-align: center; }\n  form.password-recovery .errors {\n    position: relative; }\n    form.password-recovery .errors .error {\n      color: #d0021b;\n      padding-top: 10px;\n      width: 100%;\n      text-align: center; }\n  form.password-recovery .submit-btn {\n    padding-top: 50px;\n    text-align: center; }\n    form.password-recovery .submit-btn button {\n      font-size: 1.2em;\n      display: inline-block;\n      margin: 0 10px 0 0;\n      padding: 10px 35px;\n      appearance: none;\n      box-shadow: none;\n      border-radius: 3px;\n      text-transform: uppercase;\n      color: white;\n      background-color: #ba9522;\n      border: none;\n      text-align: center; }\n      form.password-recovery .submit-btn button.disabled {\n        background-color: black; }\n      form.password-recovery .submit-btn button:focus {\n        outline: none; }\n\n.recover-success-message {\n  margin-top: 150px;\n  text-align: center;\n  color: green; }\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PasswordResetComponent", function() { return PasswordResetComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ng_validators_ng_validators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-validators/ng-validators */ "./node_modules/@ng-validators/ng-validators/esm5/ng-validators.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var _actions_auth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../actions/auth */ "./src/app/actions/auth.ts");
/* harmony import */ var _core_auth_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../core/auth.service */ "./src/app/core/auth.service.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};











var PasswordResetComponent = (function () {
    function PasswordResetComponent(authService, fb, router, store, route) {
        this.authService = authService;
        this.fb = fb;
        this.router = router;
        this.store = store;
        this.route = route;
        this.resetError = '';
        var password = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(6)
        ]));
        var confirmPassword = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            Object(_ng_validators_ng_validators__WEBPACK_IMPORTED_MODULE_3__["equalTo"])(password)
        ]));
        this.resetForm = fb.group({
            password: password,
            confirmPassword: confirmPassword
        });
        this.reseted$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getReseted"]));
    }
    PasswordResetComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.resetForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (_) { return _this.resetError = ''; });
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_9__["getAuthError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_10__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (err) {
            _this.resetError = err.message;
        });
        this.reseted$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (res) { return res; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this)).subscribe(function () {
            _this.router.navigateByUrl('/auth/login');
        });
    };
    PasswordResetComponent.prototype.ngOnDestroy = function () { };
    PasswordResetComponent.prototype.reset = function (value) {
        var _this = this;
        var password = { password: value.password };
        this.route.params.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["first"])(), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_6__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            var token = params.token;
            _this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_7__["ResetPasswordAction"]({ password: password, token: token }));
        });
    };
    var _a, _b, _c, _d, _e;
    PasswordResetComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'password-reset',
            template: __webpack_require__(/*! ./password-reset.component.html */ "./src/app/auth/password-reset.component.html"),
            styles: [__webpack_require__(/*! ./password-reset.component.scss */ "./src/app/auth/password-reset.component.scss")]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _core_auth_service__WEBPACK_IMPORTED_MODULE_8__["AuthService"] !== "undefined" && _core_auth_service__WEBPACK_IMPORTED_MODULE_8__["AuthService"]) === "function" ? _a : Object, typeof (_b = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _c : Object, typeof (_d = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"]) === "function" ? _d : Object, typeof (_e = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _e : Object])
    ], PasswordResetComponent);
    return PasswordResetComponent;
}());

module.exports = "<div\n  *ngIf=\"reseted$ | async\"\n  class=\"success-status\"\n  translate\n>Congratulations! Your email was confirmed!</div>\n\n<form\n  *ngIf=\"!(reseted$|async)\"\n  class=\"reset-password-form\"\n  [formGroup]=\"resetForm\"\n  (ngSubmit)=\"reset(resetForm.value)\"\n>\n  <div class=\"passwords\">\n    <div class=\"state-input\">\n      <input\n        formControlName=\"password\"\n        type=\"password\"\n        [placeholder]=\"'Enter password' | translate\"\n      >\n      <div class=\"state\" *ngIf=\"resetForm.controls.password.touched && resetForm.controls.confirmPassword.touched\">\n        <span *ngIf=\"resetForm.controls.password.touched && resetForm.controls.confirmPassword.touched\">\n          <span\n            *ngIf=\"!resetForm.controls.password.errors && !resetForm.controls.confirmPassword.errors\"\n            class=\"ok\"\n          ><img src=\"/assets/i/auth-pass-ok.png\"></span>\n          <span\n            *ngIf=\"resetForm.controls.confirmPassword.errors?.equalTo\"\n            class=\"er\"\n          ><img src=\"/assets/i/auth-pass-er.png\"></span>\n        </span>\n      </div>\n    </div>\n\n    <div class=\"state-input\">\n      <input\n        formControlName=\"confirmPassword\"\n        type=\"password\"\n        [placeholder]=\"'Confirm password' | translate\"\n      >\n      <div\n        *ngIf=\"resetForm.controls.password.touched && resetForm.controls.confirmPassword.touched\"\n        class=\"state\"\n      >\n        <span>\n          <span\n            *ngIf=\"!resetForm.controls.password.errors && !resetForm.controls.confirmPassword.errors\"\n            class=\"ok\"\n          ><img src=\"/assets/i/auth-pass-ok.png\"></span>\n          <span\n            *ngIf=\"resetForm.controls.confirmPassword.errors?.equalTo\"\n            class=\"er\"\n          ><img src=\"/assets/i/auth-pass-er.png\"></span>\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"resetForm.controls.password.touched && resetForm.controls.confirmPassword.touched\"\n    class=\"errors\"\n  >\n    <div\n      *ngIf=\"resetForm.controls.password.errors?.minlength || resetForm.controls.password.errors?.required\"\n      class=\"error\"\n      translate\n    >6 characters minimum</div>\n    <div class=\"error\" *ngIf=\"resetError\">\n      {{ resetError }}\n    </div>\n  </div>\n\n  <div class=\"submit-btn\">\n    <button\n      type=\"submit\"\n      [ngClass]=\"{'disabled': resetForm.invalid}\"\n      [disabled]=\"resetForm.invalid\"\n      translate\n    >continue</button>\n  </div>\n\n</form>\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./password-reset.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/password-reset.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n\nform.reset-password-form {\n  max-width: 500px;\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 150px; }\n  form.reset-password-form .state-input {\n    display: table;\n    width: 100%;\n    border-bottom: 1px solid #dfdfdf;\n    padding-bottom: 10px; }\n    form.reset-password-form .state-input input {\n      display: table-cell;\n      width: 100%; }\n    form.reset-password-form .state-input .state {\n      display: table-cell;\n      font-weight: bold;\n      color: #d0021b; }\n      form.reset-password-form .state-input .state[hidden] {\n        visibility: hidden; }\n      form.reset-password-form .state-input .state img {\n        width: 19px;\n        padding-right: 7px; }\n  form.reset-password-form input {\n    font-family: \"Avenir Next\";\n    border: 0;\n    display: block; }\n    form.reset-password-form input:focus {\n      outline: none; }\n    form.reset-password-form input.email {\n      width: 100%;\n      text-align: center; }\n  form.reset-password-form .errors {\n    position: relative; }\n    form.reset-password-form .errors .error {\n      color: #d0021b;\n      padding-top: 10px;\n      width: 100%;\n      text-align: center;\n      position: absolute; }\n  form.reset-password-form .submit-btn {\n    padding-top: 50px;\n    text-align: center; }\n    form.reset-password-form .submit-btn button {\n      font-size: 1.2em;\n      display: inline-block;\n      margin: 0 10px 0 0;\n      padding: 10px 35px;\n      appearance: none;\n      box-shadow: none;\n      border-radius: 3px;\n      text-transform: uppercase;\n      color: white;\n      background-color: #ba9522;\n      border: none;\n      text-align: center; }\n      form.reset-password-form .submit-btn button.disabled {\n        background-color: black; }\n      form.reset-password-form .submit-btn button:focus {\n        outline: none; }\n  form.reset-password-form .passwords {\n    padding-top: 40px;\n    display: table;\n    width: 100%; }\n    form.reset-password-form .passwords .state-input {\n      float: left;\n      width: 50%; }\n      form.reset-password-form .passwords .state-input:first-child {\n        border-right: 1px solid #dfdfdf; }\n    form.reset-password-form .passwords input {\n      padding-top: 3px;\n      text-align: center;\n      display: table-cell; }\n  form.reset-password-form .success-status {\n    color: green; }\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RegisterComponent", function() { return RegisterComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ng_validators_ng_validators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-validators/ng-validators */ "./node_modules/@ng-validators/ng-validators/esm5/ng-validators.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var _w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @w11k/ngx-componentdestroyed */ "./node_modules/@w11k/ngx-componentdestroyed/dist/es2015/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _actions_auth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../actions/auth */ "./src/app/actions/auth.ts");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};










var RegisterComponent = (function () {
    function RegisterComponent(fb, store, route, router) {
        this.fb = fb;
        this.store = store;
        this.route = route;
        this.router = router;
        this.registerError = '';
        this.subs = [];
        var password = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(6)
        ]));
        var rPassword = new _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControl"]('', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].compose([
            _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
            Object(_ng_validators_ng_validators__WEBPACK_IMPORTED_MODULE_3__["equalTo"])(password)
        ]));
        this.registerForm = this.fb.group({
            email: ['', [
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required,
                    _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email
                ]],
            password: password,
            rPassword: rPassword,
            invite: [''],
            privacyCheckbox: [false, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].requiredTrue]
        });
        this.registered$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getRegistered"]));
    }
    RegisterComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAuthError"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(_utils__WEBPACK_IMPORTED_MODULE_9__["filterEmpty"]), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (err) {
            _this.registerError = err.message;
        });
        this.registerForm.valueChanges.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (_) { return _this.registerError = ''; });
        this.loading$ = this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAuthLoading"]));
        this.route.queryParams.pipe(Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function (params) {
            if (params.email) {
                _this.registerForm.get('email').setValue(params.email);
            }
            if (params.invite) {
                _this.registerForm.get('invite').setValue(params.invite);
            }
        });
        this.registered$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (registered) { return registered; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this)).subscribe(function () {
            if (_this.registerForm.value.invite !== '') {
                _this.login();
            }
        });
    };
    RegisterComponent.prototype.ngOnDestroy = function () { };
    RegisterComponent.prototype.register = function (value) {
        this.registerError = '';
        delete value.rPassword;
        this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_7__["RegistrationAction"](value));
    };
    RegisterComponent.prototype.login = function () {
        var _this = this;
        this.store.dispatch(new _actions_auth__WEBPACK_IMPORTED_MODULE_7__["LoginAction"]({
            email: this.registerForm.value.email,
            password: this.registerForm.value.password
        }));
        this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_4__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_8__["getAuthorized"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["filter"])(function (r) { return r; }), Object(_w11k_ngx_componentdestroyed__WEBPACK_IMPORTED_MODULE_5__["untilComponentDestroyed"])(this))
            .subscribe(function () {
            _this.router.navigateByUrl('/workspace');
        });
    };
    var _a, _b, _c, _d;
    RegisterComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'register-component',
            template: __webpack_require__(/*! ./register.component.html */ "./src/app/auth/register.component.html"),
            styles: [
                __webpack_require__(/*! ./register.component.scss */ "./src/app/auth/register.component.scss"),
                __webpack_require__(/*! ../shared/checkbox.css */ "./src/app/shared/checkbox.css")
            ]
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"] !== "undefined" && _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]) === "function" ? _a : Object, typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_4__["Store"]) === "function" ? _b : Object, typeof (_c = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]) === "function" ? _c : Object, typeof (_d = typeof _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]) === "function" ? _d : Object])
    ], RegisterComponent);
    return RegisterComponent;
}());

module.exports = "<form\n  *ngIf=\"!(registered$|async)\"\n  class=\"register-form\"\n  [formGroup]=\"registerForm\"\n  (ngSubmit)=\"register(registerForm.value)\"\n>\n  <div class=\"email state-input\">\n    <input\n      class=\"email\"\n      formControlName=\"email\"\n      type=\"email\"\n      [placeholder]=\"'Enter your email' | translate\"\n    />\n  </div>\n\n  <div class=\"errors\" *ngIf=\"registerForm.controls.email.touched\">\n    <div\n      *ngIf=\"registerForm.controls.email.errors?.required\"\n      class=\"error\"\n      translate\n    >Email is required</div>\n    <div\n      *ngIf=\"!registerForm.controls.email.errors?.required && registerForm.controls.email.errors?.email\"\n      class=\"error\"\n      translate\n    >Email is invalid</div>\n    <div class=\"error\" *ngIf=\"registerError\">\n      {{ registerError }}\n    </div>\n  </div>\n\n  <div class=\"passwords\">\n    <div class=\"state-input\">\n      <input\n        formControlName=\"password\"\n        type=\"password\"\n        [placeholder]=\"'Enter password' | translate\"\n      >\n      <div\n        class=\"state\"\n        *ngIf=\"registerForm.controls.password.touched && registerForm.controls.rPassword.touched\"\n      >\n        <span>\n          <span\n            class=\"ok\"\n            *ngIf=\"!registerForm.controls.password.errors && !registerForm.controls.rPassword.errors\"\n          ><img src=\"/assets/i/auth-pass-ok.png\"></span>\n          <span\n            class=\"er\"\n            *ngIf=\"registerForm.controls.rPassword.errors?.equalTo\"\n          ><img src=\"/assets/i/auth-pass-er.png\"></span>\n        </span>\n      </div>\n    </div>\n\n\n    <div class=\"state-input\">\n      <input\n        formControlName=\"rPassword\"\n        type=\"password\"\n        [placeholder]=\"'Confirm password' | translate\"\n      >\n      <div\n        class=\"state\"\n        *ngIf=\"registerForm.controls.password.touched && registerForm.controls.rPassword.touched\">\n        <span>\n          <span\n            class=\"ok\"\n            *ngIf=\"!registerForm.controls.password.errors && !registerForm.controls.rPassword.errors\"\n          ><img src=\"/assets/i/auth-pass-ok.png\"></span>\n          <span\n            class=\"er\"\n            *ngIf=\"registerForm.controls.rPassword.errors?.equalTo\"\n          ><img src=\"/assets/i/auth-pass-er.png\"></span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <div class=\"privacy-checkbox-container\">\n    <label class=\"checkbox\">{{ 'I agree with all terms and service and privacy policy' | translate }}\n      <input\n        type=\"checkbox\"\n        formControlName=\"privacyCheckbox\"\n      />\n      <span class=\"checkmark\"></span>\n    </label>\n  </div>\n  <div\n    *ngIf=\"registerForm.dirty === true || (registerForm.controls.password.touched && registerForm.controls.rPassword.touched)\"\n    class=\"errors\"\n  >\n    <div\n      *ngIf=\"registerForm.controls.privacyCheckbox.errors?.required\"\n      class=\"error\"\n      translate\n    >You must agree with privacy policy</div>\n    <div\n      *ngIf=\"registerForm.controls.password.errors?.minlength || registerForm.controls.password.errors?.required\"\n      class=\"error\"\n      translate\n    >6 characters minimum</div>\n  </div>\n\n  <div class=\"submit-btn\">\n    <button\n      type=\"submit\"\n      [ngClass]=\"{'disabled': registerForm.invalid}\"\n      [disabled]=\"registerForm.invalid\"\n      translate\n    >continue</button>\n  </div>\n  <div class=\"choices\">\n    <div class=\"login\">\n      <a\n        routerLink=\"/auth/login\"\n        routerLinkActive=\"active\"\n        translate\n      >I already have an account</a>\n    </div>\n  </div>\n</form>\n\n<div\n  *ngIf=\"registered$ | async\"\n  class=\"registration-success-message\"\n  translate\n>Registration completed. Please check your email for confirmation.</div>\n\n";// css-to-string-loader: transforms styles from css-loader to a string output

// Get the styles
var styles = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/lib/loader.js??ref--8-2!./register.component.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js?!./src/app/auth/register.component.scss");

if (typeof styles === 'string') {
  // Return an existing string
  module.exports = styles;
} else {
  // Call the custom toString method from css-loader module
  module.exports = styles.toString();
}exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module
exports.push([module.i, ".auth-container {\n  background-color: white;\n  height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll; }\n\n.auth-container .logo {\n  width: 300px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n\n.auth-container .logo img {\n  width: 100%; }\n\n.auth-container .footer {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n  margin-top: 2em; }\n\n.auth-container .footer a {\n  display: block;\n  text-align: center;\n  text-decoration: none;\n  color: #ababab; }\n\n.lang-container {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1em; }\n\n@media only screen and (max-device-width: 420px) {\n  .auth-container .logo img {\n    width: 70%; }\n  .auth-container .logo {\n    padding-top: 1em;\n    text-align: center; } }\n\nform.register-form {\n  max-width: 600px;\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 150px; }\n  form.register-form .state-input {\n    display: table;\n    width: 100%;\n    border-bottom: 1px solid #dfdfdf;\n    padding-bottom: 10px; }\n    form.register-form .state-input input {\n      display: table-cell;\n      width: 100%; }\n    form.register-form .state-input .state {\n      display: table-cell;\n      font-weight: bold;\n      color: #d0021b; }\n      form.register-form .state-input .state[hidden] {\n        visibility: hidden; }\n      form.register-form .state-input .state img {\n        width: 19px;\n        padding-right: 7px; }\n  form.register-form input {\n    font-family: \"Avenir Next\";\n    border: 0;\n    display: block; }\n    form.register-form input:focus {\n      outline: none; }\n    form.register-form input.email {\n      width: 100%;\n      text-align: center; }\n  form.register-form .errors {\n    position: relative; }\n    form.register-form .errors .error {\n      color: #d0021b;\n      padding-top: 10px;\n      width: 100%;\n      text-align: center; }\n  form.register-form .passwords {\n    padding-top: 40px;\n    display: table;\n    width: 100%; }\n    form.register-form .passwords .state-input {\n      float: left;\n      width: 50%; }\n      form.register-form .passwords .state-input:first-child {\n        border-right: 1px solid #dfdfdf; }\n    form.register-form .passwords input {\n      padding-top: 3px;\n      text-align: center;\n      display: table-cell; }\n  form.register-form .choices {\n    padding-top: 38px;\n    overflow: hidden;\n    text-align: center; }\n    form.register-form .choices a {\n      text-decoration: none;\n      color: #ababab; }\n  form.register-form .submit-btn {\n    padding-top: 50px;\n    text-align: center; }\n    form.register-form .submit-btn button {\n      font-size: 1.2em;\n      display: inline-block;\n      margin: 0 10px 0 0;\n      padding: 10px 35px;\n      appearance: none;\n      box-shadow: none;\n      border-radius: 3px;\n      text-transform: uppercase;\n      color: white;\n      background-color: #ba9522;\n      border: none;\n      text-align: center; }\n      form.register-form .submit-btn button.disabled {\n        background-color: black; }\n      form.register-form .submit-btn button:focus {\n        outline: none; }\n\n.registration-success-message {\n  margin-top: 150px;\n  text-align: center;\n  color: green; }\n\n@media only screen and (max-device-width: 420px) {\n  form.register-form {\n    width: 80% !important;\n    padding-top: 50px !important; }\n    form.register-form .passwords {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n      justify-content: center !important;\n      padding-top: 30px !important; }\n      form.register-form .passwords .state-input:first-child {\n        border-right: none !important; }\n      form.register-form .passwords .state-input:nth(2) {\n        margin-top: 30px !important; }\n      form.register-form .passwords .state-input {\n        width: 80% !important; } }\n\n.privacy-checkbox-container {\n  display: flex;\n  justify-content: center;\n  margin-top: 1em; }\n", ""]);

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoggedInGuard", function() { return LoggedInGuard; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ngrx_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ngrx/store */ "./node_modules/@ngrx/store/fesm5/store.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../reducers */ "./src/app/reducers/index.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};





var LoggedInGuard = (function () {
    function LoggedInGuard(router, store) {
        this.router = router;
        this.store = store;
    }
    LoggedInGuard.prototype.canActivate = function () {
        var _this = this;
        return this.store.pipe(Object(_ngrx_store__WEBPACK_IMPORTED_MODULE_2__["select"])(_reducers__WEBPACK_IMPORTED_MODULE_4__["getAuthorized"]), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (authorized) {
            if (authorized) {
                return true;
            }
            return _this.router.parseUrl('/workspace/public');
        }));
    };
    var _a, _b;
    LoggedInGuard = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [typeof (_a = typeof _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] !== "undefined" && _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]) === "function" ? _a : Object, typeof (_b = typeof _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"] !== "undefined" && _ngrx_store__WEBPACK_IMPORTED_MODULE_2__["Store"]) === "function" ? _b : Object])
    ], LoggedInGuard);
    return LoggedInGuard;
}());

__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "authRoutes", function() { return authRoutes; });
/* harmony import */ var _acquaintance_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./acquaintance.component */ "./src/app/auth/acquaintance.component.ts");
/* harmony import */ var _auth_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./auth.component */ "./src/app/auth/auth.component.ts");
/* harmony import */ var _confirm_email_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./confirm-email.component */ "./src/app/auth/confirm-email.component.ts");
/* harmony import */ var _login_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./login.component */ "./src/app/auth/login.component.ts");
/* harmony import */ var _password_recover_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./password-recover.component */ "./src/app/auth/password-recover.component.ts");
/* harmony import */ var _password_reset_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./password-reset.component */ "./src/app/auth/password-reset.component.ts");
/* harmony import */ var _register_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./register.component */ "./src/app/auth/register.component.ts");
/* harmony import */ var _logged_in_guard__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./logged-in.guard */ "./src/app/auth/logged-in.guard.ts");
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/app/utils.ts");









var authRoutes = [
    {
        path: '',
        component: _auth_component__WEBPACK_IMPORTED_MODULE_1__["AuthComponent"],
        children: [
            {
                path: '',
                redirectTo: '/workspace',
                pathMatch: 'full'
            },
            {
                path: 'login',
                component: _login_component__WEBPACK_IMPORTED_MODULE_3__["LoginComponent"],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Sign in')
                }
            },
            {
                path: 'register',
                component: _register_component__WEBPACK_IMPORTED_MODULE_6__["RegisterComponent"],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Sign up')
                }
            },
            {
                path: 'acquaintance',
                component: _acquaintance_component__WEBPACK_IMPORTED_MODULE_0__["AcquaintanceComponent"],
                canActivate: [_logged_in_guard__WEBPACK_IMPORTED_MODULE_7__["LoggedInGuard"]],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Acquaintance')
                }
            },
            {
                path: 'confirm-email/:token',
                component: _confirm_email_component__WEBPACK_IMPORTED_MODULE_2__["ConfirmEmailComponent"],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Confirm email')
                }
            },
            {
                path: 'recover',
                component: _password_recover_component__WEBPACK_IMPORTED_MODULE_4__["PasswordRecoverComponent"],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Recover password')
                }
            },
            {
                path: 'reset-password/:token',
                component: _password_reset_component__WEBPACK_IMPORTED_MODULE_5__["PasswordResetComponent"],
                data: {
                    title: Object(_utils__WEBPACK_IMPORTED_MODULE_8__["_"])('Reset password')
                }
            }
        ]
    }
];
module.exports = {"download report":"Download report","Actor name.sortby":"Actor name","Anonymous.collection":"Anonymous","Are you sure you want to ban \"{user}\"?":"Are you sure you want to ban \"{user}\"?","Block user \"{title}\"?":"Block user \"{title}\"?","COLLECTION:.plural":"{count, plural,\n    =0 {NO COLLECTIONS:}\n    one {1 COLLECTION:}\n    other {# COLLECTIONS:}\n}","Chat \"{name}\" created":"Chat \"{name}\" created","Chat was renamed to \"{name}\"":"Chat was renamed to \"{name}\"","Creation time.sortby":"Creation time","Creation time":"Creation time","Collection size.sortby":"Collection size","DONE.task":"DONE","Delete actor \"{title}\" permanently?":"Delete actor \"{title}\" permanently?","Delete badge \"{title}\" permanently?":"Delete badge \"{title}\" permanently?","Delete collection \"{title}\" permanently?":"Delete collection \"{title}\" permanently?","Delete group \"{title}\" permanently?":"Delete group \"{title}\" permanently?","Delete interval \"{title}\" permanently?":"Delete interval \"{title}\" permanently?","Delete location \"{title}\" permanently?":"Delete location \"{title}\" permanently?","Delete material \"{title}\" permanently?":"Delete material \"{title}\" permanently?","Delete object \"{title}\" permanently?":"Delete object \"{title}\" permanently?","Delete task \"{title}\" permanently?":"Delete task \"{title}\" permanently?","Done.task":"Done","Edit: {name}":"Edit: {name}","INVITATION from \"{name}\"":"INVITATION from \"{name}\"","INVITATION from.message":"INVITATION from","INVITATION to \"{name}\" was canceled":"INVITATION to \"{name}\" was canceled","INVITATION to.message":"INVITATION to","Invalid.ticket":"Invalid","Invite {email}":"Invite {email}","Location.sortby":"Locations","Lock collection \"{title}\"? This means user can not make it public.":"Lock collection \"{title}\"? This means user can not make it public.","Name.sortby":"Name","New.ticket":"New","Remove user \"{user}\" from team?":"Remove user \"{user}\" from team?","Resolved.ticket":"Resolved","Task \"{name}\" changed status to done":"Task \"{name}\" changed status to done","Task \"{name}\" changed status to done by \"{username}\"":"Task \"{name}\" changed status to done by \"{username}\"","Task \"{name}\" changed status to in progress":"Task \"{name}\" changed status to in progress","Task \"{name}\" changed status to in progress by \"{username}\"":"Task \"{name}\" changed status to in progress by \"{username}\"","Task \"{name}\" changed status to todo":"Task \"{name}\" changed status to todo","Task \"{name}\" changed status to todo by \"{username}\"":"Task \"{name}\" changed status to todo by \"{username}\"","Task \"{name}\" was archived":"Task \"{name}\" was archived","Task \"{name}\" was archived by \"{username}\"":"Task \"{name}\" was archived by \"{username}\"","Task \"{name}\" was assigned to another user":"Task \"{name}\" was assigned to another user","Task \"{name}\" was assigned to another user by \"{username}\"":"Task \"{name}\" was assigned to another user by \"{username}\"","Task \"{name}\" was created":"Task \"{name}\" was created","Task \"{name}\" was created by {username}":"Task \"{name}\" was created by {username}","Task \"{name}\" was deleted":"Task \"{name}\" was deleted","Task \"{name}\" was deleted by \"{username}\"":"Task \"{name}\" was deleted by \"{username}\"","Task \"{name}\" was unarchived":"Task \"{name}\" was unarchived","Task \"{name}\" was unarchived by \"{username}\"":"Task \"{name}\" was unarchived by \"{username}\"","Task \"{name}\" was updated":"Task \"{name}\" was updated","Task \"{name}\" was updated by \"{username}\"":"Task \"{name}\" was updated by \"{username}\"","Task.message":"Task","Team of user {name}":"Team of user {name}","Archive of documents":"Archive of documents","Unblock user \"{title}\"?":"Unblock user \"{title}\"?","Unlock collection \"{title}\"? This means user can make it public.":"Unlock collection \"{title}\"? This means user can make it public.","Update time.sortby":"Update time","User \"{name}\" accepted your invitiation":"User \"{name}\" accepted your invitiation","User \"{name}\" rejected your invitiation":"User \"{name}\" rejected your invitiation","User \"{name}\" was added to this chat":"User \"{name}\" was added to this chat","User \"{name}\" was removed from this chat":"User \"{name}\" was removed from this chat","User with email {email} is not registered.":"User with email {email} is not registered.","by.message":"by","changed status to.message":"changed status to","done.task":"done","members.plural":"{count, plural,\n    =0 {No members}\n    one {1 member}\n    other {# members}\n}","objects.plural":"{count, plural,\n    =0 {No objects}\n    one {1 object}\n    other {# objects}\n}","tasks.plural":"{count, plural,\n    =0 {No tasks}\n    one {1 task}\n    other {# tasks}\n}","to workspace \"{name}\"":"to workspace \"{name}\"","user.plural":"{count, plural,\n    =0 {No users}\n    one {1 user}\n    other {# users}\n}","was archived.message":"was archived","was assigned to another user.message":"was assigned to another user","was created.message":"was created","was deleted.message":"was deleted","was unarchived.message":"was unarchived","was updated.message":"was updated","Default Sorting":"Default Sorting","Sorting Type":"Sorting Type","Sorting Order":"Sorting Order","Ascending":"Ascending","Descending":"Descending"}module.exports = {"(You)":"(это вы)","...more":"...еще","6 characters minimum":"Больше 6 символов","AD":"н.э.","ADD MORE":"ДОБАВИТЬ ЕЩЕ","APPLY":"ПРИМЕНИТЬ","ARCHIVED TASKS":"ЗАДАЧИ В АРХИВЕ","ASSIGNEE":"НАЗНАЧЕНА НА","Accepted":"Принято","Acquaintance":"Знакомство","Actor name.sortby":"Производителю","Actors":"Производители","Add":"Добавить","Add member":"Добавить участника","Add object":"Добавить объект","Added":"Добавлено","Admin":"Админ","All":"Все","All Tasks":"Все задачи","Anonymous":"Аноним","Anonymous collection":"Анонимная коллекция","download report":"Выгрузка отчета в pdf","Anonymous.collection":"Анонимная","Archived":"В архиве","Archived tasks":"Архивированные задачи","Are you sure you want to ban \"{user}\"?":"Вы уверены, что хотите заблокировать пользователя «{user}»?","Assignee don't have right permissions for your entities":"Пользователь, на которого вы назначили задачу, не имеет прав на доступ к присоединенным сущностям","Avatar was changed":"Аватар был изменен","BACK":"НАЗАД","BANLIST":"БАНЛИСТ","BC":"до н.э.","Back":"Назад","Badges":"Бейджи","Ban user":"Заблокировать пользователя","Block owner":"Заблокировать владельца","Block user":"Заблокировать пользователя","Block user \"{title}\"?":"Заблокировать пользователя «{title}»?","Blocked users":"Заблокированные пользователи","CHAT NAME":"НАЗВАНИЕ ЧАТА","CLOSE":"ЗАКРЫТЬ","COLLECTION:.plural":"{ count, plural,\n  =0 {0 КОЛЛЕКЦИЙ:}\n  one {# КОЛЛЕКЦИЯ:}\n  few {# КОЛЛЕКЦИИ:}\n  many {# КОЛЛЕКЦИЙ:}\n  other {# КОЛЛЕКЦИИ:}\n}","COLLECTIONS":"КОЛЛЕКЦИИ","CREATE":"СОЗДАТЬ","CREATED ACTORS":"ПРОИЗВОДИТЕЛИ","CREATED BADGES":"БЕЙДЖИ","CREATED INTERVALS":"ИНТЕРВАЛЫ","CREATED LOCATIONS":"СТРАНЫ","CREATED MATERIALS":"МАТЕРИАЛЫ","CREATOR":"СОЗДАТЕЛЬ","Canceled":"Отменена","Catalog Number":"Номер в каталоге","Change password":"Сменить пароль","Change workspace":"Изменить рабочий стол","Chat \"{name}\" created":"Создан чат «{name}»","Chat name":"Название чата","Chat was renamed to \"{name}\"":"Название чата было изменено на «{name}»","Choose collections to add to this group:":"Выберите коллекции, которые вы хотели бы добавить в эту группу:","Click here to create first collection.":"Нажмите сюда чтобы создать первую коллекцию.","Click here to create first group.":"Нажмите сюда чтобы создать первую группу.","Click to add object to this collection":"Нажмите чтобы добавить объект в эту коллекцию","Close":"Закрыть","Collection":"Коллекция","Collections":"Коллекции","Collections in this group":"Коллекции в этой группе","Comment":"Комментарий","Community":"Сообщество","Confirm email":"Подтвредить адрес электронной почты","Confirm new password":"Подтвердите новый пароль","Confirm password":"Подтвердите новый пароль","Confirm your email first":"Сначала вы должны подтвердить свой адрес электронной почты","Congratulations! Your email was confirmed!":"Поздравляем! Ваш адрес электронной почты был подтвержден.","Connection failed":"Ошибка соединения","Contacts":"Контакты","Contacts from {date}":"Контакты от {date}","Copy link":"Скопировать ссылку","Create":"Создать","Create collection":"Создать коллекцию","Create group":"Создать группу","Create new (+)":"Создать (+)","Create object":"Создать объект","Create task":"Создать задачу","Creation time.sortby":"Дате создания","Creation time":"Creation time","Collection size.sortby":"Размеру коллекции","DELETE":"УДАЛИТЬ","DESCRIPTION":"ОПИСАНИЕ","DISPLAY: CARDS":"ПОКАЗЫВАТЬ: КАРТОЧКАМИ","DISPLAY: TABLE":"ПОКАЗЫВАТЬ: ТАБЛИЦЕЙ","DONE.task":"СДЕЛАНО","Dashboard":"Главная","Delete":"Удалить","Delete actor \"{title}\" permanently?":"Удалить производителя «{title}» безвозвратно?","Delete badge \"{title}\" permanently?":"Удалить бейдж «{title}» безвозвратно?","Delete collection":"Удалить коллекцию","Delete collection \"{title}\" permanently?":"Удалить коллекцию «{title}» безвозвратно?","Delete group \"{title}\" permanently?":"Удалить группу «{title}» безвозвратно?","Delete interval \"{title}\" permanently?":"Удалить интервал «{title}» безвозвратно?","Delete location \"{title}\" permanently?":"Удалить страну «{title}» безвозвратно?","Delete material \"{title}\" permanently?":"Удалить материал «{title}» безвозвратно?","Delete object":"Удалить объект","Delete object \"{title}\" permanently?":"Удалить объект «{title}» безвозвратно?","Delete profile":"Удалить профиль","Delete task \"{title}\" permanently?":"Удалить задачу «{title}» безвозвратно?","Deposited":"Передан на хранение (одолжен)","Description":"Описание","Details":"Детали","Done":"Готово","Done.task":"Сделано","EDIT":"РЕДАКТИРОВАТЬ","EDIT CHAT":"РЕДАКТИРОВАТЬ ЧАТ","Edit":"Редактировать","Edit Group":"Редактировать группу","Edit collection":"Редактирование коллекции","Edit details":"О себе","Edit group":"Редактирование группы","Edit object":"Редактирование объекта","Edit task":"Редактирование задачи","Edit: {name}":"Редактирование: {name}","Email is invalid":"Введите корректный адрес электронной почты","Email is required":"Введите адрес электронной почты","Enter name":"Введите название","Enter new password":"Введите новый пароль","Enter old password":"Введите старый пароль","Enter password":"Введите пароль","Enter speciality":"Введите специальность","Enter tag":"Введите тег","Enter the first name":"Введите имя","Enter the last name":"Введите фамилию","Enter the name of the collection":"Введите название коллекции","Enter the name of the group":"Введите название группы","Enter your email":"Введите адрес электронной почты","Entity":"Сущность","Entity type":"Тип сущности","Evaluation":"Оценка","Exhibition":"На выставке","Expert opinion":"Экспертное заключение","FILTER":"ФИЛЬТР","FILTERS":"Фильтры","FIND USER":"НАЙТИ ПОЛЬЗОВАТЕЛЯ","Failed to load image":"Ошибка при загрузке изображения","First name":"Имя","First name is required":"Имя обязательно","Forgot password?":"Забыли пароль?","GROUPS":"ГРУППЫ","Gifted":"Подарен","Go back":"Назад","Group title":"Название группы","Group with such name already exists":"Группа с таким названием уже существует","Groups":"Группы","I agree with all terms and service and privacy policy":"Я соглашаюсь со всеми условиями пользовательского соглашения и политики конфиденциальности","I already have an account":"У меня уже есть аккаунт","IN PROGRESS":"В ПРОЦЕССЕ","INVITATION from \"{name}\"":"ПРИГЛАШЕНИЕ от «{name}»","INVITATION from.message":"Приглашение от пользователя","INVITATION to \"{name}\" was canceled":"Приглашение пользователя «{name}» отменено","INVITATION to.message":"Пользователь","In progress":"В процессе","Insurance":"Страхование","Intervals":"Интервалы","Invalid":"Некорректный","Invalid credentials":"Неверный логин или пароль","Invalid.ticket":"Некорректные","Invite was sent.":"Приглашение было отправлено.","Invite {email}":"Пригласить {email}","Invited":"Приглашенные","LEAVE":"ВЫЙТИ","Last name":"Фамилия","Last name is required":"Фамилия обязательна","Leasing":"Лизинг","Leave chat":"Выйти из чата","Location.sortby":"Стране","Locations":"Страны","Lock collection \"{title}\"? This means user can not make it public.":"Запретить делать публичной коллекцию «{title}»?","Lock public":"Запретить делать публичной","Lock public for parent collection":"Запретить делать публичной родительскую коллекцию","Log out":"Выйти","MEMBERS":"УЧАСТНИКИ","MOVE":"ПЕРЕМЕСТИТЬ","MOVE TO":"ПЕРЕМЕСТИТЬ В","MY TASKS":"МОИ ЗАДАЧИ","Materials":"Материалы","Max":"Макс.","Maximum 100 messages":"Максимум 100 сообщений","Message":"Написать","Message owner":"Написать владельцу","Message reporter":"Написать автору жалобы","Messages":"Сообщения","Messages count is required":"Количество сообщений обязательно","Messenger":"Сообщения","Min":"Мин.","Minimun 1 message":"Минимум одно сообщение","Move to...":"Переместить в...","My":"Мои","My Tasks":"Мои задачи","My Team":"Моя команда","My team":"Моя команда","NEW CHAT":"НОВЫЙ ЧАТ","Name":"Название","Name.sortby":"Названию","New":"Новый","New Collection":"Новая коллекция","New Group":"Новая группа","New Object":"Новый объект","New Task":"Новая задача","New password":"Новый пароль","New password is required":"Введите новый пароль","New.ticket":"Новые","Next":"Следующая","No":"Нет","No collections in current workspace":"В текущем рабочем столе нет коллекций","No groups in current workspace":"В текущем рабочем столе нет групп","No results.":"Нет результатов.","No users in current team":"В текущей команде нет пользователей","Number of messages":"Количество сообщений","OBJECT INFO":"ИНФОРМАЦИЯ ОБ ОБЪЕКТЕ","OBJECTS":"ОБЪЕКТЫ","Object":"Объект","Old password":"Старый пароль","Old password is required":"Введите пароль","Origin location":"Страна","Owner":"Владелец","PHOTOS":"ФОТОГРАФИИ","PROFILE":"ПРОФИЛЬ","PROVENANCE":"ПРОВЕНАНС","PUBLISH":"ОПУБЛИКОВАТЬ","Page":"Страница","Password":"Пароль","Password changed":"Пароль изменен","Password has been reset successfully.":"Пароль был успешно сброшен.","Password incorrect":"Неверный пароль","Password is required":"Пароль обязателен","Photographing":"Фотосъемка","Please wait while loading":"Пожалуйста, дождитесь окончания загрузки","Pledged":"В залоге","Previous":"Предыдущая","Privacy agreement":"Согласие на обработку персональных данных","Privacy agreement from {date}":"Согласие на обработку персональных данных от {date}","Privacy policy":"Политика конфиденциальности","Privacy policy from {date}":"Политика конфиденциальности от {date}","Production date":"Дата изготовления","Profile":"Профиль","Profile saved":"Профиль сохранен","Public":"Публичные","Public collection":"Публичная коллекция","Public collections":"Публичные коллекции","Public locked":"Публичность запрещена","Purchase date":"Дата покупки","Purchase price":"Цена покупки","REMOVE":"УДАЛИТЬ","RESET":"СБРОСИТЬ","Recommended":"Рекомендованные","Recover password":"Восстановить пароль","Registration completed. Please check your email for confirmation.":"Регистрация завершена. Подтвердите свой адрес электронной почты.","Rejected":"Отклонено","Remove user \"{user}\" from team?":"Удалить пользователя «{user}» из команды?","Remove your profile? This can not be undone.":"Вы действительно хотите удалить свой профиль? Это действие нельзя будет отменить.","Report":"Пожаловаться","Report abuse":"Пожаловаться на нарушение правил","Report send":"Жалоба отправлена","Report user":"Пожаловаться на пользователя","Reporter":"Автор жалобы","Reset password":"Сбросить пароль","Resolved":"Решено","Resolved.ticket":"Решенные","Restoration":"Реставрация","Rights":"Права","SAVE":"СОХРАНИТЬ","SEND":"ОТПРАВИТЬ","SHARE OBJECT":"ПОДЕЛИТЬСЯ ОБЪЕКТОМ","SPECIFICATIONS":"СПЕЦИФИКАЦИИ","START DIALOG":"НАЧАТЬ ДИАЛОГ","Save":"Сохранить","Search":"Искать","Search objects":"Поиск объектов","Search query":"Поисковый запрос","Search users by email, name or tags":"Поиск по адресу электронной почты, имени или тегам","Select collections":"Выбрать коллекции","Select date":"Выберите дату","Select groups":"Выбрать группы","Select objects":"Выбрать объекты","Select users":"Выбрать пользователей","Select workspace":"Выбрать рабочий стол","Selling":"Продажа","Send file or photo":"Отправить файл или фотографию","Send message":"Отправить сообщение","Send object":"Отправить объект","Set position: first":"Установить позицию: первая","Set position: last":"Установить позицию: последняя","Set position: second":"Установить позицию: вторая","Set position: third":"Установить позицию: третья","Set status: Invalid":"Установить статус: Некорректный","Set status: New":"Установить статус: Новый","Set status: Resolved":"Установить статус: Решено","Show collection":"Просмотреть коллекцию","Sign in":"Войти","Sign up":"Зарегистрироваться","Sold":"Продан","Sorry, this object was deleted.":"Этот объект был удален.","Sort by:":"Сортировать по:","Speciality":"Специальность","Status":"Статус","Status description":"Описание статуса","Statuses":"Статусы","Storage":"Хранилище","Submit":"Отправить","Support ticket":"Тикет","Support tickets":"Тикеты","TASK":"ЗАДАЧИ","The symbols placed on the object are prohibited in the Russian Federation.":"Размещенная символика объекта относится к запрещенной в РФ","Photographic materials contain images of paraphernalia or symbols, the propaganda or public display of which is prohibited by the current legislation of the Russian Federation. This publication does not constitute propaganda or public display of Nazi paraphernalia or symbols. The Site Administration, the Program Owner and the User condemn Nazism, have a negative attitude towards the ideology of Nazism, and do not aim to promote or justify Nazism.":"Фотоматериалы содержат изображение атрибутики или символики, пропаганда либо публичное демонстрирование которых запрещены действующим законодательством РФ. Настоящая публикация не является пропагандой или публичным демонстрированием нацистской атрибутики или символики. Администрация сайта, Собственник Программы и Пользователь осуждают нацизм, негативно относятся к идеологии нацизма, не имеют целью пропаганду или оправдание нацизма.","TO DO":"СДЕЛАТЬ","Tags":"Теги","Tap to clear image":"Нажмите чтобы удалить картинку","Task \"{name}\" changed status to done":"Статус задачи «{name}» измен на «сделано»","Task \"{name}\" changed status to done by \"{username}\"":"Статус задачи «{name}» измен на «сделано» пользователем «{username}»","Task \"{name}\" changed status to in progress":"Статус задачи «{name}» измен на «в процессе»","Task \"{name}\" changed status to in progress by \"{username}\"":"Статус задачи «{name}» измен на «в процессе» пользователем «{username}»","Task \"{name}\" changed status to todo":"Статус задачи «{name}» измен на «сделать»","Task \"{name}\" changed status to todo by \"{username}\"":"Статус задачи «{name}» измен на «сделать» пользователем «{username}»","Task \"{name}\" was archived":"Задача «{name}» перемещена в архив","Task \"{name}\" was archived by \"{username}\"":"Задача «{name}» перемещена в архив пользователем «{username}»","Task \"{name}\" was assigned to another user":"Задача «{name}» была назначена на другого пользователя","Task \"{name}\" was assigned to another user by \"{username}\"":"Пользователь «{username}» назначил задачу «{name}» на другого пользоваля","Task \"{name}\" was created":"Создана задача «{name}»","Task \"{name}\" was created by {username}":"Пользователь «{username}» создал задачу «{name}»","Task \"{name}\" was deleted":"Задача «{name}» удалена","Task \"{name}\" was deleted by \"{username}\"":"Задача «{name}» удалена пользователем «{username}»","Task \"{name}\" was unarchived":"Задача «{name}» разархивирована","Task \"{name}\" was unarchived by \"{username}\"":"Задача «{name}» разархивирована пользователем «{username}»","Task \"{name}\" was updated":"Задача «{name}» обновлена","Task \"{name}\" was updated by \"{username}\"":"Задача «{name}» обновлена пользователем «{username}»","Task deadline date":"Крайний срок задачи","Task.message":"Задача","Tasks":"Задачи","Team":"Команда","Team of user {name}":"Команда пользователя {name}","Terms and Conditions":"Пользовательское соглашение","Terms and Conditions from {date}":"Пользовательское соглашение от {date}","Terms of service":"Условия использования","Archive of documents":"Архив документов","Terms of service and privacy policy":"Условия использования и политика конфиденциальности","Text":"Текст","This collection is in another workspace. Change current workspace?":"Эта коллекция находится в другом рабочем столе. Изменить текущий рабочий стол?","This collection is in workspace you don't have access to.":"Эта коллекция находится в рабочем столе, к которому у вас нет доступа.","This group is in another workspace. Change current workspace?":"Эта группа находится в другом рабочем столе. Изменить текущий рабочий стол?","This group is in workspace you don't have access to.":"Эта группа находится в рабочем столе, к которому у вас нет доступа.","This object is in another workspace. Change current workspace?":"Этот объект находится в другом рабочем столе. Изменить текущий рабочий стол?","This object is in workspace you don't have access to.":"Этот объект находится в рабочем столе, к которому у вас нет доступа.","This user is banned.":"Вы заблокировали этого пользователя.","This user is blocked.":"Этот пользователь заблокирован.","This user removed his profile.&nbsp; You can't message him.":"Этот пользователь удалил свой профиль.&nbsp; Вы не можете написать ему.","Title":"Название","To do":"Сделать","Todo":"Сделать","Total objects":"Объекты","Transportation":"Транспортировка","Unban":"Разблокировать","Unban user":"Разблокировать пользователя","Unblock user":"Разблокировать пользователя","Unblock user \"{title}\"?":"Разблокировать пользователя «{title}»?","Unlock collection \"{title}\"? This means user can make it public.":"Разрешить делать коллекцию «{title}» публичной?","Update time.sortby":"Дате изменения","Upload Photos":"Загрузить фотографии","Upload Photos & Docs":"Загрузить фотографии и документы","Upload image":"Загрузить изображение","User":"Пользователь","User \"{name}\" accepted your invitiation":"Пользователь «{name}» принял ваше приглашение","User \"{name}\" rejected your invitiation":"Пользователь «{name}» отклонил ваше приглашение","User \"{name}\" was added to this chat":"Пользователь «{name}» был добавлен в этот чат","User \"{name}\" was removed from this chat":"Пользователь «{name}» был удален из этого чата","User already present":"Пользователь уже зарегистрирован","User already registered":"Пользователь уже зарегистрирован","User with email {email} is not registered.":"Пользователь с электронной почтой {email} не зарегистрирован.","Users":"Пользователи","Valuation":"Оценка","Valuations":"Оценка","View collection":"Просмотр коллекции","View object":"Просмотр объекта","View profile":"Просмотр профиля","Write a comment":"Напишите комментарий","Write a few words about the features of the collection":"Напишите про особенности этой коллекции","Write a few words about the features of the item":"Напишите про особенности этого объекта","Write a few words about the features of the task":"Напишите описание задачи","Write a few words about the provenance of the item":"Напишите провенанс объекта","Write a few words about yourself":"Напишите о себе","Write a message...":"Напишите сообщение...","Yes":"Да","You":"Вы","You are blocked.":"Ваш аккаунт заблокирован.","You are blocked. Contact support at <a href=mailto:support@collectionsapp.ru>support@collectionsapp.ru</a> if you have any questions":"Ваш аккаунт заблокирован. Напишите на <a href=mailto:support@collectionsapp.ru>support@collectionsapp.ru</a> если у вас есть вопросы.","You can't make this collection public":"Вы не можете сделать эту коллекцию публичной","You don't have access to this object.":"У вас нет доступа к этому объекту.","You don't have any collections. Create collection first.":"У вас нет коллекций. Сначала необходимо создать коллекцию.","You have 0 collections.":"У вас нет коллекций.","You have 0 groups.":"У вас 0 групп.","You have 0 objects in this collection.\nTap plus to create first object in this collection.":"У вас нет объектов в этой коллекции.\nНажмите плюс, чтобы создать первый объект в этой коллекции.","You have 0 users in your team.":"У вас нет пользователей в команде.","You have unsaved changes. Are you sure you want to leave?":"У вас есть несохраненные изменения. Вы уверены, что хотите покинуть страницу?","You must agree with privacy policy":"Вы должны согласиться с политикой конфиденциальности","You: ":"Вы: ","Your email has been confirmed.":"Ваш адрес электронной почты подтвержден.","Your password has been reset. Please check your email for further steps":"Пароль был сброшен. Проверьте почту для смены пароля.","accept":"принять","accepted your invitiation.":"принял ваше приглашение.","admin":"админ","archive":"архивировать","assign to":"назначить на","ban user":"заблокировать","banlist":"заблокированные","by.message":"пользователем","cancel invite":"отменить приглашение","changed status to.message":"изменила статус на","continue":"продолжить","copy link":"копировать ссылку","create chat":"создать чат","create object":"создать объект","create task":"создать задачу","decline":"отклонить","delete":"удалить","delete from team":"удалить из команды","done.task":"сделано","edit":"редактировать","email is invalid":"введите корректный адрес электронной почты","email is required":"адрес электронной почты обязателен","file":"файл","image":"изображение","in progress":"в процессе","info":"информация","invite":"пригласить","lock public":"запретить делать публичной","members.plural":"{ count, plural,\n  =0 {Нет участников}\n  one {# участник}\n  few {# участника}\n  many {# участников}\n  other {# участника}\n}","message":"написать сообщение","message owner":"написать владельцу","name is required":"имя обязательно","next":"далее","no access":"нет доступа","objects.plural":"{ count, plural,\n  =0 {Нет объектов}\n  one {# объект}\n  few {# объекта}\n  many {# объектов}\n  other {# объекта}\n}","or":"или","public":"публичная","public collections":"публичные коллекции","read":"чтение","recommend":"добавить в рекомендованные","recommended":"рекомендованная","recover":"восстановить","rejected your invitiation.":"отклонил ваше приглашение.","remove from team":"удалить из команды","report":"пожаловаться","resend email confirmation":"отправить письмо еще раз","resend invite":"переотправить приглашение","shared object":"объект","sign in":"войти","sign up":"зарегистрироваться","start dialog":"начать диалог","tasks.plural":"{ count, plural,\n  =0 {Нет задач}\n  one {# задача}\n  few {# задачи}\n  many {# задач}\n  other {# задачи}\n}","to":"до","to workspace \"{name}\"":"в рабочий стол «{name}»","todo":"сделать","unarchive":"разархивировать","unban user":"разблокировать","unlock public":"разрешить делать публичной","unrecommend":"убрать из рекомендованных","user.plural":"{ count, plural,\n  =0 {Нет пользователей}\n  one {# пользователь}\n  few {# пользователя}\n  many {# пользователей}\n  other {# пользователя}\n}","was archived.message":"была перемещена в архив","was assigned to another user.message":"была назначена на другого пользователя","was canceled.":"было отменено.","was created.message":"была создана","was deleted.message":"была удалена","was unarchived.message":"была разархивирована","was updated.message":"была обновлена","write":"запись","Default Sorting":"Сортировка по умолчанию","Sorting Type":"Типы сортировки","Sorting Order":"Порядок сортировки","Ascending":"По возрастанию","Descending":"По убыванию"}