1 | import { Component, Input } from '@angular/core';
|
2 | var VaSellingInfoComponent = (function () {
|
3 | function VaSellingInfoComponent() {
|
4 | }
|
5 | Object.defineProperty(VaSellingInfoComponent.prototype, "filterDescription", {
|
6 | get: function () {
|
7 | var desc = this.description.replace(/max-width:\d*[^\"]/i, 'max-width:100%');
|
8 | if ((desc.indexOf('"max-width:100%"') === -1) && (desc.indexOf('<iframe ') !== -1)) {
|
9 | var index = desc.indexOf('<iframe ') + 7;
|
10 | return desc.substr(0, index) + ' style="max-width:100%"' + desc.substr(index);
|
11 | }
|
12 | return String(desc);
|
13 | },
|
14 | enumerable: true,
|
15 | configurable: true
|
16 | });
|
17 | VaSellingInfoComponent.decorators = [
|
18 | { type: Component, args: [{
|
19 | selector: 'va-selling-info',
|
20 | 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 ",
|
21 | 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; } "]
|
22 | },] },
|
23 | ];
|
24 |
|
25 | VaSellingInfoComponent.ctorParameters = function () { return []; };
|
26 | VaSellingInfoComponent.propDecorators = {
|
27 | "description": [{ type: Input },],
|
28 | "keySellingPoints": [{ type: Input },],
|
29 | };
|
30 | return VaSellingInfoComponent;
|
31 | }());
|
32 | export { VaSellingInfoComponent };
|