| 1 | [{"__symbolic":"module","version":4,"metadata":{"VaSalespersonDetailsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"va-salesperson-details","template":"<div class=\"container\"> <div class=\"salesperson-contact-info\"> <div class=\"salesperson-image\" *ngIf=\"salesperson\"> <va-icon [iconUrl]=\"iconUrl\" [diameter]=\"60\"></va-icon> </div> <div> <div class=\"salesperson-name\">{{ name }}</div> <div>{{ title }}</div> <div>{{ cityAndState }}</div> <div><a href=\"mailto:{{ email }}\">{{ email }}</a></div> </div> <div *ngIf=\"!salesperson\" class=\"generic-contact\"> Contact {{ brandName ? \"your \" + brandName : \"a\" }} representative today! </div> <div class=\"pricing\"> <va-pricing [pricing]=\"packagePricing\" wrapFrequency=\"true\"></va-pricing> <div class=\"cta get-it-now-bottom-button\"> <button mat-button *ngIf=\"salesperson && showGetItNow\" (click)=\"onGetItNowSelected()\" class=\"now-button\"> Get it Now </button> </div> </div> </div> </div> ","styles":["a { color: #1e88e5; text-decoration: none; } .container { width: 100%; margin: 0 auto; background-color: #ffffff; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2); } .salesperson-image { margin-right: 20px; } .salesperson-contact-info { display: flex; align-items: center; padding: 24px; font-size: 14px; color: #9e9e9e; } @media screen and (max-width: 600px) { .salesperson-contact-info { flex-direction: column; display: inline-block; } } .salesperson-name { font-size: 20px; font-weight: bold; color: #212121; } .generic-contact { margin-left: 20px; } .pricing { display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; } .pricing ::ng-deep .price-box { flex-direction: row; } .pricing ::ng-deep .price-number { margin-right: 4px; } @media screen and (min-width: 600px) { .pricing { padding-left: 16px; } } .pricing va-pricing { margin-right: 20px; } .now-button { font-size: 14px; color: white; background-color: #4caf50; } "]}]}],"members":{"salesperson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"packagePricing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"brandName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"showGetItNow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"getItNow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"onGetItNowSelected":[{"__symbolic":"method"}]}}}}] |