[{"__symbolic":"module","version":3,"metadata":{"RecipientSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"recipient-summary","template":"\n    <div class=\"ui-g recip\">\n  \n          <div *ngIf=\"user\" class=\"ui-g-12\">\n              <div class=\"ui-g-2\"><span  class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n              </div>\n              <div class=\"ui-g-10\">\n                     <div style=\"font-size: 12px\" >  <b>{{user.fullname}}</b>  <span *ngIf=\"displayOutbound\" class=\"material-icons ui-icon-forward item-icon\" style=\"float: right;font-size:15px\" ></span>  </div>\n                      <div style=\"font-size: 8px\" >{{user.phoneNumber}}</div>\n          \n              </div>\n\n          </div>\n\n          <div *ngIf=\"agent\" class=\"ui-g-12\">\n            <div class=\"ui-g-2\"><span  class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n            </div>\n            <div class=\"ui-g-10\">\n                   <div style=\"font-size: 12px\" >  <b>{{agent.fullname}}</b>  <span *ngIf=\"displayForward\" class=\"material-icons ui-icon-refresh item-icon\" style=\"float: right;font-size:15px\" ></span>  </div>\n                    <div style=\"font-size: 8px\" >{{agent.phoneNumber}}</div>\n        \n            </div>\n\n        </div>\n  \n    </div>\n  ","styles":["\n    #panel{width:450px;margin:0 auto}#panel-heada{text-align:center}.Caller-details{text-align:center}.Call-button{text-align:center}#btn{width:250px}.fone{text-align:center}body #kpp .ui-button{width:280px;height:40px}body #kp .ui-button{width:80px;height:80px;float:none}.butgrp{padding-bottom:0px}.nopad{padding:0px}.short{height:184px;max-height:184px;overflow-y:auto;overflow-x:hidden;width:280px}.phone-width{width:290px}.expand{min-height:184px;max-height:395px;overflow-x:hidden;overflow-y:auto}.full-width{width:100%}body .md-inputfield{margin-bottom:5px}.c-input span input{width:100% !important}.recip{width:280px;height:60px;margin:0px}\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["user"]}]}],"agent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["agent"]}]}],"displayOutbound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["displayOutbound"]}]}],"displayForward":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["displayForward"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RecipientSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"recipient-summary","template":"\n    <div class=\"ui-g recip\">\n  \n          <div *ngIf=\"user\" class=\"ui-g-12\">\n              <div class=\"ui-g-2\"><span  class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n              </div>\n              <div class=\"ui-g-10\">\n                     <div style=\"font-size: 12px\" >  <b>{{user.fullname}}</b>  <span *ngIf=\"displayOutbound\" class=\"material-icons ui-icon-forward item-icon\" style=\"float: right;font-size:15px\" ></span>  </div>\n                      <div style=\"font-size: 8px\" >{{user.phoneNumber}}</div>\n          \n              </div>\n\n          </div>\n\n          <div *ngIf=\"agent\" class=\"ui-g-12\">\n            <div class=\"ui-g-2\"><span  class=\"material-icons ui-icon-person item-icon\" style=\"font-size:35px; padding-bottom: 3px\" ></span>\n            </div>\n            <div class=\"ui-g-10\">\n                   <div style=\"font-size: 12px\" >  <b>{{agent.fullname}}</b>  <span *ngIf=\"displayForward\" class=\"material-icons ui-icon-refresh item-icon\" style=\"float: right;font-size:15px\" ></span>  </div>\n                    <div style=\"font-size: 8px\" >{{agent.phoneNumber}}</div>\n        \n            </div>\n\n        </div>\n  \n    </div>\n  ","styles":["\n    #panel{width:450px;margin:0 auto}#panel-heada{text-align:center}.Caller-details{text-align:center}.Call-button{text-align:center}#btn{width:250px}.fone{text-align:center}body #kpp .ui-button{width:280px;height:40px}body #kp .ui-button{width:80px;height:80px;float:none}.butgrp{padding-bottom:0px}.nopad{padding:0px}.short{height:184px;max-height:184px;overflow-y:auto;overflow-x:hidden;width:280px}.phone-width{width:290px}.expand{min-height:184px;max-height:395px;overflow-x:hidden;overflow-y:auto}.full-width{width:100%}body .md-inputfield{margin-bottom:5px}.c-input span input{width:100% !important}.recip{width:280px;height:60px;margin:0px}\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["user"]}]}],"agent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["agent"]}]}],"displayOutbound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["displayOutbound"]}]}],"displayForward":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["displayForward"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]