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>";__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>";__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      </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\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");
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, 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.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.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) { 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.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;
    __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(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_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, 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_2__["ViewportScroller"] !== "undefined" && _angular_common__WEBPACK_IMPORTED_MODULE_2__["ViewportScroller"]) === "function" ? _g : 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        </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>";__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>";__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>";__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 = "<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>";__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://collections.sixhands.co/company/terms.pdf\"\n      target=\"_blank\"\n      translate\n    >Terms and Conditions</a>\n    <a\n      href=\"https://collections.sixhands.co/company/privacy.pdf\"\n      target=\"_blank\"\n      translate\n    >Privacy policy</a>\n    <a\n      href=\"https://collections.sixhands.co/company/legal.pdf\"\n      target=\"_blank\"\n      translate\n    >Privacy agreement</a>\n    <a\n      href=\"https://collections.sixhands.co/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@collections.sixhands.co>support@collections.sixhands.co</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":"Контакты","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 policy":"Политика конфиденциальности","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.":"Размещенная символика объекта относится к запрещенной в РФ","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@collections.sixhands.co>support@collections.sixhands.co</a> if you have any questions":"Ваш аккаунт заблокирован. Напишите на <a href=mailto:support@collections.sixhands.co>support@collections.sixhands.co</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":"По убыванию"}