UNPKG

2.23 kBJavaScriptView Raw
1import { Component, Input } from '@angular/core';
2var VaSellingInfoComponent = /** @class */ (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 /** @nocollapse */
25 VaSellingInfoComponent.ctorParameters = function () { return []; };
26 VaSellingInfoComponent.propDecorators = {
27 "description": [{ type: Input },],
28 "keySellingPoints": [{ type: Input },],
29 };
30 return VaSellingInfoComponent;
31}());
32export { VaSellingInfoComponent };