| 1 | [{"__symbolic":"module","version":4,"metadata":{"VaAddonListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"va-addon-list","template":"<mat-list *ngIf=\"addons\" class=\"addon-list\"> <mat-divider></mat-divider> <ng-container *ngFor=\"let addon of addons\"> <mat-list-item (click)=\"onClick(addon.addonId)\"> <div class=\"addon-icon-title\"> <img *ngIf=\"addon.icon;else noIcon\" class=\"addon-icon\" [src]=\"addon.icon\" mat-list-avatar/> <ng-template #noIcon> <mat-icon class=\"addon-default-icon\" mat-list-icon>add_circle</mat-icon> </ng-template> <div class=\"addon-title-tagline\"> <p class=\"addon-title\" matLine>{{ addon.title }} </p> <p class=\"addon-tagline\" matLine>{{ addon.tagline }}</p> </div> </div> <div *ngIf=\"showPricing\" class=\"price-section\"> <va-pricing [pricing]=\"getDisplayPricing(addon)\" [highlightPrice]=\"false\" [hasVerifiedContract]=\"_hasVerifiedContract\" [billedProduct]=\"getBilledProduct(addon)\" [loaded]=\"isBilledProductLoaded(addon)\"> </va-pricing> </div> </mat-list-item> <mat-divider></mat-divider> </ng-container> </mat-list> ","styles":[":host { display: block; } h2 + :host { margin: -8px 0; } :host ::ng-deep .mat-list-item.mat-2-line { height: auto !important; } :host ::ng-deep .mat-list .mat-list-item .mat-list-item-content { padding: 8px; align-items: flex-start; flex-direction: column; } @media screen and (min-width: 800px) { :host ::ng-deep .mat-list .mat-list-item .mat-list-item-content { flex-direction: row; } } .addon-list { position: relative; } .addon-default-icon { margin: 0 5px; color: #4caf50; } .addon-icon { width: 32px; height: 32px; } .addon-icon-title { flex-grow: 1; display: flex; width: 100%; } @media screen and (min-width: 800px) { .addon-icon-title { width: auto; } } .addon-title-tagline { padding: 0 16px 10px 8px; flex-grow: 1; } .addon-title-tagline .addon-title { color: #212121; font-size: 16px; line-height: 1.2; margin: 6px 0; white-space: normal; } .addon-title-tagline .addon-tagline { color: #616161; font-size: 14px; margin: 0; white-space: normal; } .price-section { min-width: 10em; margin-top: 6px; flex-shrink: 0; } mat-list-item:hover { background-color: #fafafa !important; cursor: pointer !important; } "]}]}],"members":{"addons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"product":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showPricing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hasVerifiedContract":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["hasVerifiedContract"]}]}],"canAccessContractPricing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["canAccessContractPricing"]}]}],"addonSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@vendasta/core/billing/contract/contract-pricing/contract-pricing.service","name":"ContractPricingService","line":40,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"populateBilledProduct":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"instanceOfPricing":[{"__symbolic":"method"}],"getDisplayPricing":[{"__symbolic":"method"}],"noData":[{"__symbolic":"method"}],"displayContractPricing":[{"__symbolic":"method"}],"isBilledProductLoaded":[{"__symbolic":"method"}],"getBilledProduct":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}] |