import { __decorate, __metadata } from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
var VaSalespersonDetailsComponent = /** @class */ (function () {
    function VaSalespersonDetailsComponent() {
        this.showGetItNow = true;
        this.getItNow = new EventEmitter();
    }
    VaSalespersonDetailsComponent.prototype.onGetItNowSelected = function () {
        this.getItNow.emit(this.salesperson);
    };
    Object.defineProperty(VaSalespersonDetailsComponent.prototype, "iconUrl", {
        get: function () {
            return this.salesperson && this.salesperson.photoUrlSecure ?
                this.salesperson.photoUrlSecure :
                'https://vbc-frontend.storage-download.googleapis.com/salesperson-details/default_sales_person.jpg';
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(VaSalespersonDetailsComponent.prototype, "name", {
        get: function () {
            return this.salesperson && this.salesperson.formattedName ?
                this.salesperson.formattedName : '';
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(VaSalespersonDetailsComponent.prototype, "title", {
        get: function () {
            return this.salesperson && this.salesperson.jobTitle ?
                this.salesperson.jobTitle : '';
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(VaSalespersonDetailsComponent.prototype, "email", {
        get: function () {
            return this.salesperson && this.salesperson.email ?
                this.salesperson.email : '';
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(VaSalespersonDetailsComponent.prototype, "cityAndState", {
        get: function () {
            return this.salesperson && this.salesperson.city && this.salesperson.state ?
                this.salesperson.city + ', ' + this.salesperson.state : '';
        },
        enumerable: true,
        configurable: true
    });
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], VaSalespersonDetailsComponent.prototype, "salesperson", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], VaSalespersonDetailsComponent.prototype, "packagePricing", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], VaSalespersonDetailsComponent.prototype, "brandName", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], VaSalespersonDetailsComponent.prototype, "showGetItNow", void 0);
    __decorate([
        Output(),
        __metadata("design:type", Object)
    ], VaSalespersonDetailsComponent.prototype, "getItNow", void 0);
    VaSalespersonDetailsComponent = __decorate([
        Component({
            selector: 'va-salesperson-details',
            template: "<div class=\"container\">\n      <div class=\"salesperson-contact-info\">\n\n        <div class=\"salesperson-image\" *ngIf=\"salesperson\">\n          <va-icon [iconUrl]=\"iconUrl\" [diameter]=\"60\"></va-icon>\n        </div>\n\n        <div>\n          <div class=\"salesperson-name\">{{ name }}</div>\n          <div>{{ title }}</div>\n          <div>{{ cityAndState }}</div>\n          <div><a href=\"mailto:{{ email }}\">{{ email }}</a></div>\n        </div>\n\n        <div *ngIf=\"!salesperson\" class=\"generic-contact\">\n          Contact {{ brandName ? \"your \" + brandName : \"a\" }} representative today!\n        </div>\n\n         <div class=\"pricing\">\n          <va-pricing [pricing]=\"packagePricing\" wrapFrequency=\"true\"></va-pricing>\n          <div class=\"cta get-it-now-bottom-button\">\n            <button mat-button *ngIf=\"salesperson && showGetItNow\" (click)=\"onGetItNowSelected()\" class=\"now-button\">\n              Get it Now\n            </button>\n          </div>\n        </div>\n      </div>\n</div>\n",
            styles: ["a{color:#1e88e5;text-decoration:none}.container{width:100%;margin:0 auto;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(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:700;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:#fff;background-color:#4caf50}"]
        })
    ], VaSalespersonDetailsComponent);
    return VaSalespersonDetailsComponent;
}());
export { VaSalespersonDetailsComponent };
//# sourceMappingURL=data:application/json;base64, 