@lowcodeunit/applications-flow-common 1.37.9-integration → 1.37.10-ad-placement
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/elements/advertisement-card/advertisement-card.component.mjs +21 -5
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +21 -4
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +20 -4
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/lib/elements/advertisement-card/advertisement-card.component.d.ts +4 -2
- package/package.json +1 -1
|
@@ -8,17 +8,33 @@ import * as i5 from "@angular/common";
|
|
|
8
8
|
export class AdvertisementCardComponent {
|
|
9
9
|
constructor() { }
|
|
10
10
|
ngOnInit() { }
|
|
11
|
+
ngOnChanges() {
|
|
12
|
+
if (this.Advertisements?.length > 0) {
|
|
13
|
+
console.log('Ads: ', this.Advertisements);
|
|
14
|
+
let i = 0;
|
|
15
|
+
this.CurrentAd = this.Advertisements[i];
|
|
16
|
+
setTimeout(function () {
|
|
17
|
+
if (i + 1 > this.Advertisements.length - 1) {
|
|
18
|
+
i = 0;
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
i++;
|
|
22
|
+
}
|
|
23
|
+
this.CurrentAd = this.Advertisements[i];
|
|
24
|
+
}, 900000);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
11
27
|
ActionClicked(action) {
|
|
12
28
|
window.location.href = action;
|
|
13
29
|
}
|
|
14
30
|
}
|
|
15
31
|
AdvertisementCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: {
|
|
32
|
+
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: { Advertisements: ["advertisements", "Advertisements"] }, usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
17
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, decorators: [{
|
|
18
34
|
type: Component,
|
|
19
|
-
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{
|
|
20
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
35
|
+
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"] }]
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { Advertisements: [{
|
|
21
37
|
type: Input,
|
|
22
|
-
args: ['
|
|
38
|
+
args: ['advertisements']
|
|
23
39
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2ZXJ0aXNlbWVudC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbW1vbi9zcmMvbGliL2VsZW1lbnRzL2FkdmVydGlzZW1lbnQtY2FyZC9hZHZlcnRpc2VtZW50LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvYWR2ZXJ0aXNlbWVudC1jYXJkL2FkdmVydGlzZW1lbnQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVF6RCxNQUFNLE9BQU8sMEJBQTBCO0lBTW5DLGdCQUFlLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsV0FBVztRQUNQLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2pDLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDeEMsVUFBVSxDQUFDO2dCQUNQLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ3hDLENBQUMsR0FBRyxDQUFDLENBQUM7aUJBQ1Q7cUJBQU07b0JBQ0gsQ0FBQyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUNkO0lBQ0wsQ0FBQztJQUVNLGFBQWEsQ0FBQyxNQUFjO1FBQy9CLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNsQyxDQUFDOzt1SEE1QlEsMEJBQTBCOzJHQUExQiwwQkFBMEIscUpDUnZDLHM4QkE4QkE7MkZEdEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx3QkFBd0I7MEVBTTNCLGNBQWM7c0JBRHBCLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZHZlcnRpc2VtZW50IH0gZnJvbSAnLi4vLi4vc3RhdGUvYXBwbGljYXRpb25zLWZsb3cuc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xjdS1hZHZlcnRpc2VtZW50LWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hZHZlcnRpc2VtZW50LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FkdmVydGlzZW1lbnQtY2FyZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZHZlcnRpc2VtZW50Q2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCdhZHZlcnRpc2VtZW50cycpXG4gICAgcHVibGljIEFkdmVydGlzZW1lbnRzOiBBcnJheTxBZHZlcnRpc2VtZW50PjtcblxuICAgIHB1YmxpYyBDdXJyZW50QWQ6IEFkdmVydGlzZW1lbnQ7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuQWR2ZXJ0aXNlbWVudHM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdBZHM6ICcsIHRoaXMuQWR2ZXJ0aXNlbWVudHMpO1xuICAgICAgICAgICAgbGV0IGkgPSAwO1xuICAgICAgICAgICAgdGhpcy5DdXJyZW50QWQgPSB0aGlzLkFkdmVydGlzZW1lbnRzW2ldO1xuICAgICAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgaWYgKGkgKyAxID4gdGhpcy5BZHZlcnRpc2VtZW50cy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAgICAgICAgIGkgPSAwO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIGkrKztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpcy5DdXJyZW50QWQgPSB0aGlzLkFkdmVydGlzZW1lbnRzW2ldO1xuICAgICAgICAgICAgfSwgOTAwMDAwKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBBY3Rpb25DbGlja2VkKGFjdGlvbjogc3RyaW5nKSB7XG4gICAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gYWN0aW9uO1xuICAgIH1cbn1cbiIsIjxtYXQtY2FyZCBjbGFzcz1cImFkLWNhcmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWQtdGV4dCBoZWFkZXJcIj5cbiAgICAgICAge3sgQ3VycmVudEFkPy5MZWFkIH19XG4gICAgPC9kaXY+XG5cbiAgICA8bWF0LWNhcmQtY29udGVudCBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICAgIGNsYXNzPVwiYWQtaW1hZ2VcIlxuICAgICAgICAgICAgW3NyY109XCJDdXJyZW50QWQ/LkltYWdlXCJcbiAgICAgICAgICAgIGFsdD1cImltYWdlIGRlc2NyaXB0aW9uXCJcbiAgICAgICAgLz5cbiAgICAgICAgPCEtLSA8aW1nIGNsYXNzPVwiYWQtaW1hZ2VcIiBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3RoaW5reS5wbmdcIiBhbHQ9XCJpbWFnZSBkZXNjcmlwdGlvblwiIC8+IC0tPlxuXG4gICAgICAgIDxwIGNsYXNzPVwiYWQtdGV4dFwiPnt7IEN1cnJlbnRBZD8uRGVzY3JpcHRpb24gfX08L3A+XG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxuXG4gICAgPG1hdC1jYXJkLWFjdGlvbnNcbiAgICAgICAgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBDdXJyZW50QWQ/LkFjdGlvbnNcIlxuICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiXG4gICAgPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgICAoY2xpY2spPVwiQWN0aW9uQ2xpY2tlZChhY3Rpb24/LkFjdGlvbilcIlxuICAgICAgICAgICAgW2NvbG9yXT1cImFjdGlvbj8uY29sb3JcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3Rpb24/Lkljb25cIj57eyBhY3Rpb24/Lkljb24gfX08L21hdC1pY29uPlxuICAgICAgICAgICAge3sgYWN0aW9uPy5UZXh0IH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbWF0LWNhcmQtYWN0aW9ucz5cbjwvbWF0LWNhcmQ+XG4iXX0=
|
|
@@ -7691,18 +7691,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
|
|
|
7691
7691
|
class AdvertisementCardComponent {
|
|
7692
7692
|
constructor() { }
|
|
7693
7693
|
ngOnInit() { }
|
|
7694
|
+
ngOnChanges() {
|
|
7695
|
+
var _a;
|
|
7696
|
+
if (((_a = this.Advertisements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
7697
|
+
console.log('Ads: ', this.Advertisements);
|
|
7698
|
+
let i = 0;
|
|
7699
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7700
|
+
setTimeout(function () {
|
|
7701
|
+
if (i + 1 > this.Advertisements.length - 1) {
|
|
7702
|
+
i = 0;
|
|
7703
|
+
}
|
|
7704
|
+
else {
|
|
7705
|
+
i++;
|
|
7706
|
+
}
|
|
7707
|
+
this.CurrentAd = this.Advertisements[i];
|
|
7708
|
+
}, 900000);
|
|
7709
|
+
}
|
|
7710
|
+
}
|
|
7694
7711
|
ActionClicked(action) {
|
|
7695
7712
|
window.location.href = action;
|
|
7696
7713
|
}
|
|
7697
7714
|
}
|
|
7698
7715
|
AdvertisementCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7699
|
-
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: {
|
|
7716
|
+
AdvertisementCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: AdvertisementCardComponent, selector: "lcu-advertisement-card", inputs: { Advertisements: ["advertisements", "Advertisements"] }, usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i8.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7700
7717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AdvertisementCardComponent, decorators: [{
|
|
7701
7718
|
type: Component,
|
|
7702
|
-
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{
|
|
7703
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
7719
|
+
args: [{ selector: 'lcu-advertisement-card', template: "<mat-card class=\"ad-card\">\n <div class=\"ad-text header\">\n {{ CurrentAd?.Lead }}\n </div>\n\n <mat-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n <img\n class=\"ad-image\"\n [src]=\"CurrentAd?.Image\"\n alt=\"image description\"\n />\n <!-- <img class=\"ad-image\" src=\"../../../assets/images/thinky.png\" alt=\"image description\" /> -->\n\n <p class=\"ad-text\">{{ CurrentAd?.Description }}</p>\n </mat-card-content>\n\n <mat-card-actions\n *ngFor=\"let action of CurrentAd?.Actions\"\n fxLayoutAlign=\"center center\"\n >\n <button\n mat-button\n (click)=\"ActionClicked(action?.Action)\"\n [color]=\"action?.color\"\n >\n <mat-icon *ngIf=\"action?.Icon\">{{ action?.Icon }}</mat-icon>\n {{ action?.Text }}\n </button>\n </mat-card-actions>\n</mat-card>\n", styles: [".ad-card{margin:20px;padding:0}.header{padding:10px}.ad-image{height:50px}.ad-text{text-align:center}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}\n"] }]
|
|
7720
|
+
}], ctorParameters: function () { return []; }, propDecorators: { Advertisements: [{
|
|
7704
7721
|
type: Input,
|
|
7705
|
-
args: ['
|
|
7722
|
+
args: ['advertisements']
|
|
7706
7723
|
}] } });
|
|
7707
7724
|
|
|
7708
7725
|
class FeedFilterComponent {
|