/**
 * @fileoverview added by tsickle
 * Generated from: lib/fhir/group/list/group-list.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { Router } from '@angular/router';
var GroupListComponent = /** @class */ (function () {
    function GroupListComponent(router) {
        this.router = router;
        this.inactivateGroup = new EventEmitter();
    }
    /**
     * @param {?} event
     * @return {?}
     */
    GroupListComponent.prototype.stopProp = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        event.stopPropagation();
    };
    /**
     * @param {?} url
     * @param {?} group
     * @param {?=} event
     * @return {?}
     */
    GroupListComponent.prototype.navigateTo = /**
     * @param {?} url
     * @param {?} group
     * @param {?=} event
     * @return {?}
     */
    function (url, group, event) {
        if (event) {
            event.stopPropagation();
        }
        localStorage.removeItem('group');
        this.router.navigateByUrl(url, { state: { parameter: group } });
    };
    /**
     * @param {?} group
     * @return {?}
     */
    GroupListComponent.prototype.inactivation = /**
     * @param {?} group
     * @return {?}
     */
    function (group) {
        this.inactivateGroup.emit(group);
    };
    GroupListComponent.decorators = [
        { type: Component, args: [{
                    selector: 'inc-group-list',
                    template: "<ion-card *ngFor=\"let group of groupList\" class=\"ion-no-margin ion-margin-bottom\" [ngClass]=\"{'active': group.active,\r\n    'inactive': !group.active}\" (click)=\"navigateTo('/careteam-details', group)\">\r\n  <ion-item lines=\"none\" *ngIf=\"group.name && group.name.length > 0\">\r\n    <ion-avatar slot=\"start\">\r\n      <div incMonoAvatar [name]=\"group.name\"></div>\r\n    </ion-avatar>\r\n    <ion-label>\r\n      <h2 *ngIf=\"group.name\">\r\n        {{group.name}}\r\n      </h2>\r\n    </ion-label>\r\n    <ion-buttons>\r\n      <button mat-button [matMenuTriggerFor]=\"menu\" (click)=\"stopProp($event)\">\r\n        <ion-icon slot=\"icon-only\" name=\"more\"></ion-icon>\r\n      </button>\r\n    </ion-buttons>\r\n    <mat-menu #menu=\"matMenu\" xPosition=\"before\">\r\n      <button class=\"menuItem\" mat-menu-item (click)=\"inactivation(group)\" disabled>{{'INACTIVATE' | translate}}</button>\r\n    </mat-menu>\r\n  </ion-item>\r\n</ion-card>",
                    styles: [".active{border-left:8px solid var(--ion-color-success)}.inactive{border-left:8px solid var(--ion-color-danger)}ion-card{cursor:pointer}"]
                }] }
    ];
    /** @nocollapse */
    GroupListComponent.ctorParameters = function () { return [
        { type: Router }
    ]; };
    GroupListComponent.propDecorators = {
        groupList: [{ type: Input }],
        inactivateGroup: [{ type: Output }]
    };
    return GroupListComponent;
}());
export { GroupListComponent };
if (false) {
    /** @type {?} */
    GroupListComponent.prototype.groupList;
    /** @type {?} */
    GroupListComponent.prototype.inactivateGroup;
    /**
     * @type {?}
     * @private
     */
    GroupListComponent.prototype.router;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5jbG91ZGVkL2lvbmljNC1pbmNsb3VkZWQtbGliLyIsInNvdXJjZXMiOlsibGliL2ZoaXIvZ3JvdXAvbGlzdC9ncm91cC1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpDO0lBU0UsNEJBQW9CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBRnhCLG9CQUFlLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFL0IsQ0FBQzs7Ozs7SUFFdkMscUNBQVE7Ozs7SUFBUixVQUFTLEtBQVk7UUFDbkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7Ozs7Ozs7SUFFRCx1Q0FBVTs7Ozs7O0lBQVYsVUFBVyxHQUFXLEVBQUUsS0FBVSxFQUFFLEtBQWE7UUFDL0MsSUFBSSxLQUFLLEVBQUU7WUFDVCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDekI7UUFDRCxZQUFZLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDbEUsQ0FBQzs7Ozs7SUFFRCx5Q0FBWTs7OztJQUFaLFVBQWEsS0FBSztRQUNoQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDOztnQkF6QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLG05QkFBMEM7O2lCQUUzQzs7OztnQkFOUSxNQUFNOzs7NEJBUVosS0FBSztrQ0FDTCxNQUFNOztJQW1CVCx5QkFBQztDQUFBLEFBMUJELElBMEJDO1NBckJZLGtCQUFrQjs7O0lBQzdCLHVDQUE2Qjs7SUFDN0IsNkNBQXFFOzs7OztJQUV6RCxvQ0FBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJR3JvdXAgfSBmcm9tICdAYWhyeW1hbjQway90cy1maGlyLXR5cGVzL2xpYi9SNCc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2luYy1ncm91cC1saXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgR3JvdXBMaXN0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBncm91cExpc3Q6IElHcm91cFtdO1xyXG4gIEBPdXRwdXQoKSBpbmFjdGl2YXRlR3JvdXA6IEV2ZW50RW1pdHRlcjxJR3JvdXA+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgc3RvcFByb3AoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcblxyXG4gIG5hdmlnYXRlVG8odXJsOiBzdHJpbmcsIGdyb3VwOiBhbnksIGV2ZW50PzogRXZlbnQpIHtcclxuICAgIGlmIChldmVudCkge1xyXG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIH1cclxuICAgIGxvY2FsU3RvcmFnZS5yZW1vdmVJdGVtKCdncm91cCcpO1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh1cmwsIHsgc3RhdGU6IHsgcGFyYW1ldGVyOiBncm91cCB9IH0pO1xyXG4gIH1cclxuXHJcbiAgaW5hY3RpdmF0aW9uKGdyb3VwKSB7XHJcbiAgICB0aGlzLmluYWN0aXZhdGVHcm91cC5lbWl0KGdyb3VwKTtcclxuICB9XHJcbn1cclxuIl19