| 1 | [{"__symbolic":"module","version":4,"metadata":{"VaSellingInfoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"va-selling-info","template":"\n <section *ngIf=\"description\" class=\"resize\" [innerHtml]=\"filterDescription | vaSafeHtml\"></section>\n <section *ngIf=\"keySellingPoints && keySellingPoints.length > 0\" class=\"key-selling-points\">\n <div *ngFor=\"let ksp of keySellingPoints\" class=\"key-selling-point\">\n <mat-icon>check_circle</mat-icon>\n {{ ksp }}\n </div>\n </section>\n ","styles":["section { padding: 24px; } section ::ng-deep > *:first-child { margin-top: 0; padding-top: 0; } @media screen and (max-width: 600px) { .resize { font-size: 16px; } } #description * { max-width: 100% !important; } .key-selling-point { display: flex; align-items: center; padding-bottom: 24px; font-size: 16px; } @media screen and (max-width: 600px) { .key-selling-point { align-items: flex-start; } } .key-selling-point:last-of-type { padding-bottom: 0; } .key-selling-point mat-icon { color: #4caf50; font-size: 32px; width: 32px; height: 32px; margin-right: 20px; } "]}]}],"members":{"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"keySellingPoints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}}}}] |