{"__symbolic":"module","version":4,"metadata":{"ContactListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ContactListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ContactListComponent"}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ContactListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-contact-list","template":"<h3 class=\"mb-4\">Contacts List</h3>\n<table class=\"table table-striped\" *ngIf=\"contactFilter && contacts.length\">\n    <thead>\n        <tr>\n            <th scope=\"col\">\n                # <a class=\"badge badge-light\" href=\"javascript:;\" (click)=\"sort('id')\"><></a>\n            </th>\n            <th scope=\"col\">\n                <div><input type=\"text\" class=\"form-control form-control-sm\" [(ngModel)]=\"contactFilter.filter['firstName']\" (change)=\"filter()\" (keyup)=\"filter()\" /></div>\n                <div>First Name <a class=\"badge badge-light\" href=\"javascript:;\" (click)=\"sort('firstName')\"><></a></div>\n            </th>\n            <th scope=\"col\">\n                <div><input type=\"text\" class=\"form-control form-control-sm\" [(ngModel)]=\"contactFilter.filter['lastName']\" (change)=\"filter()\" (keyup)=\"filter()\" /></div>\n                <div>Last Name <a class=\"badge badge-light\" href=\"javascript:;\" (click)=\"sort('lastName')\"><></a></div>\n            </th>\n        </tr>\n    </thead>\n    <tbody>\n        <tr *ngFor=\"let contact of contactsFiltered\">\n            <th scope=\"row\"><a [routerLink]=\"['contact', contact.id]\" [title]=\"contact.id\">{{ contact.id | slice: 0: 8 }}</a></th>\n            <td>{{ contact.firstName }}</td>\n            <td>{{ contact.lastName }}</td>\n        </tr>\n    </tbody>\n</table>\n<div class=\"alert alert-info\" *ngIf=\"!contactsFiltered.length\">No Contacts Found</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"getList":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"saveFilter":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"insert":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"getById":[{"__symbolic":"method"}],"getAll":[{"__symbolic":"method"}],"loadFilter":[{"__symbolic":"method"}],"createDefaultFilter":[{"__symbolic":"method"}],"saveFilter":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"ContactListModule":"./public_api_list","ContactListComponent":"./components/contact-list/contact-list.component","ɵa":"./services/database.service"},"importAs":"contact-list"}