@sunbird-cb/consumption 0.0.53 → 0.0.55

package/esm2015/lib/_common/announcements/announcements.component.js

@@ -15,6 +15,8 @@ export class AnnouncementsComponent {
         this.openDialog = new EventEmitter();
         this.isLoading = false;
         this.announcements = [];
+        this.expand = false;
+        this.expanded = false;
     }
     /**
      * @return {?}
@@ -65,6 +67,9 @@ export class AnnouncementsComponent {
                     });
                 }));
             }
+            if (this.announcements.length > 3) {
+                this.expand = true;
+            }
             this.objectData.list = this.announcements;
             this.isLoading = false;
         }), (/**
@@ -92,12 +97,18 @@ export class AnnouncementsComponent {
     openAnnouncements() {
         this.openDialog.emit(true);
     }
+    /**
+     * @return {?}
+     */
+    showMoreOrLess() {
+        this.expanded = !this.expanded;
+    }
 }
 AnnouncementsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-announcements',
-                template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web' && !isLoading\">\n    <div class=\"flex item-center key-logo\">\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\n    </div>\n    <div class=\"flex item-center key-logo\">\n        <div class=\"key-heading\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class=\"key-list-container\"\n        [style.borderColor]=\"objectData?.panelborder\"\n        [style.backgroundColor]=\"objectData?.panelBackground\">\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" *ngIf=\"objectData?.list?.length\">\n            <div *ngFor=\"let item of objectData?.list; let i = index\">\n                <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n                    [style.borderColor]=\"objectData?.listItem?.border\"\n                    [style.backgroundColor]=\"objectData?.listItem?.background\">\n                    <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n                    <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n                    </div>\n                </div>\n            </div>                        \n        </div>\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" *ngIf=\"!objectData?.list?.length\">\n            <div class=\"text-center\">No announcements yet!</div>\n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'mobile'\">\n    <div class=\"flex item-center key-logo \">\n        <div class=\"mob-key-heading\" (click)=\"openAnnouncements()\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            <div class=\"flex key-button gap-3\">\n                <div>\n                    <img [src]=\"objectData?.mobileIcon\">\n                </div>\n                <div>{{objectData?.title}}</div>                \n                <div><mat-icon class=\"key-mob-icon\">arrow_forward_ios</mat-icon></div>\n            </div>            \n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'web' && isLoading\">\n    <div class=\"flex item-center key-logo\">\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\n    </div>\n    <div class=\"flex item-center key-logo pt-1\">\n        <div class=\"key-heading\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class=\"key-list-container\"\n        [style.borderColor]=\"objectData?.panelborder\"\n        [style.backgroundColor]=\"objectData?.panelBackground\">\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" >            \n            <div class=\"key-list-item mb-4\" \n                *ngFor=\"let item of[0,1,2,3,4]; let i = index\"\n                [style.borderColor]=\"objectData?.listItem?.border\"\n                [style.backgroundColor]=\"objectData?.listItem?.background\">\n                <div class=\"key-list-item-content un-expand\">\n                    <div class=\"py-1\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                    <div class=\"py-1\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>        \n    </div>\n</div>\n",
-                styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{height:600px;overflow:auto}.mob-key-list{height:calc(100vh - 252px);overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
+                template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web' && !isLoading\">\n    <div class=\"flex item-center key-logo\">\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\n    </div>\n    <div class=\"flex item-center key-logo\">\n        <div class=\"key-heading\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class=\"key-list-container\"\n        [style.borderColor]=\"objectData?.panelborder\"\n        [style.backgroundColor]=\"objectData?.panelBackground\">\n        <div class=\"{{mobileHeight ? 'mob-key-list' : expand && expanded ? 'exp-key-list' : 'key-list'}}\" *ngIf=\"objectData?.list?.length\">\n            <div *ngFor=\"let item of objectData?.list; let i = index\">\n                <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n                    [style.borderColor]=\"objectData?.listItem?.border\"\n                    [style.backgroundColor]=\"objectData?.listItem?.background\">\n                    <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n                    <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n                    </div>\n                </div>\n            </div>                        \n        </div>\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" *ngIf=\"!objectData?.list?.length\">\n            <div class=\"text-center\">No announcements yet!</div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf=\"!mobileHeight && expand\">\n    <div (click)=\"showMoreOrLess()\" class=\"announcements-expand\" *ngIf=\"!expanded\">\n        <mat-icon>expand_more</mat-icon>\n    </div>\n    <div (click)=\"showMoreOrLess()\" class=\"announcements-expand\" *ngIf=\"expanded\">\n        <mat-icon>expand_less</mat-icon>\n    </div>\n</ng-container>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'mobile'\">\n    <div class=\"flex item-center key-logo \">\n        <div class=\"mob-key-heading\" (click)=\"openAnnouncements()\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            <div class=\"flex key-button gap-3\">\n                <div>\n                    <img [src]=\"objectData?.mobileIcon\">\n                </div>\n                <div>{{objectData?.title}}</div>                \n                <div><mat-icon class=\"key-mob-icon\">arrow_forward_ios</mat-icon></div>\n            </div>            \n        </div>\n    </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'web' && isLoading\">\n    <div class=\"flex item-center key-logo\">\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\n    </div>\n    <div class=\"flex item-center key-logo pt-1\">\n        <div class=\"key-heading\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class=\"key-list-container\"\n        [style.borderColor]=\"objectData?.panelborder\"\n        [style.backgroundColor]=\"objectData?.panelBackground\">\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" >            \n            <div class=\"key-list-item mb-4\" \n                *ngFor=\"let item of[0,1,2,3,4]; let i = index\"\n                [style.borderColor]=\"objectData?.listItem?.border\"\n                [style.backgroundColor]=\"objectData?.listItem?.background\">\n                <div class=\"key-list-item-content un-expand\">\n                    <div class=\"py-1\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                    <div class=\"py-1\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>        \n    </div>\n</div>\n",
+                styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{height:325px;overflow:auto}.exp-key-list{height:100%;overflow:auto}.mob-key-list{height:calc(100vh - 252px);overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}.announcements-expand{width:32px;height:32px;position:relative;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;left:50%;right:50%;top:-16px;cursor:pointer}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
             }] }
 ];
 /** @nocollapse */
@@ -130,6 +141,10 @@ if (false) {
     /** @type {?} */
     AnnouncementsComponent.prototype.announcements;
     /** @type {?} */
+    AnnouncementsComponent.prototype.expand;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.expanded;
+    /** @type {?} */
     AnnouncementsComponent.prototype.insightSvc;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFPeEUsTUFBTSxPQUFPLHNCQUFzQjs7OztJQVdqQyxZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQVB2QyxpQkFBWSxHQUFZLEtBQUssQ0FBQTtRQUM3QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFFaEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7UUFDOUMsY0FBUyxHQUFZLEtBQUssQ0FBQTtRQUMxQixrQkFBYSxHQUFRLEVBQUUsQ0FBQTtJQUd2QixDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ3JCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQTtTQUNqQjtJQUNILENBQUM7Ozs7SUFFRCxTQUFTOztZQUNILE9BQU8sR0FBRztZQUNaLGlCQUFpQixFQUFFO2dCQUNqQixPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO2FBRTFCO1lBQ0QsZUFBZSxFQUFFO2dCQUNmLE1BQU07Z0JBQ04sYUFBYTtnQkFDYixXQUFXO2dCQUNYLFdBQVc7Z0JBQ1gsVUFBVTthQUNYO1lBQ0QsT0FBTyxFQUFFLFdBQVc7WUFDcEIsY0FBYyxFQUFFLEtBQUs7WUFDckIsTUFBTSxFQUFFO2dCQUNOLFNBQVM7YUFDVjtZQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVE7U0FDbkM7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxDQUFDLEdBQVEsRUFBQyxFQUFFO1lBQ3BFLElBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ3ZDLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7Z0JBQUMsQ0FBQyxJQUFTLEVBQUUsRUFBRTtvQkFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7d0JBQ3RCLEtBQUssRUFBRSxJQUFJLENBQUMsV0FBVzt3QkFDdkIsUUFBUSxFQUFFLEtBQUs7cUJBQ2hCLENBQUMsQ0FBQTtnQkFDSixDQUFDLEVBQUMsQ0FBQTthQUNIO1lBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQTtZQUN6QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDOzs7O1FBQUUsS0FBSyxDQUFDLEVBQUU7WUFDVCxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7O0lBRUQsY0FBYyxDQUFDLElBQVM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDNUIsQ0FBQzs7O1lBeEVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyx3cklBQTZDOzthQUU5Qzs7OztZQU5RLGlCQUFpQjs7O3lCQVN2QixLQUFLO3lCQUNMLEtBQUs7MkJBQ0wsS0FBSzsrQkFDTCxLQUFLO3dCQUNMLEtBQUs7eUJBQ0wsTUFBTTs7OztJQUxQLDRDQUF3Qjs7SUFDeEIsNENBQXlCOztJQUN6Qiw4Q0FBc0M7O0lBQ3RDLGtEQUEwQzs7SUFDMUMsMkNBQXVCOztJQUN2Qiw0Q0FBOEM7O0lBQzlDLDJDQUEwQjs7SUFDMUIsK0NBQXVCOztJQUVYLDRDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEluc2l0ZURhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2luc2l0ZS1kYXRhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtYW5ub3VuY2VtZW50cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbm5vdW5jZW1lbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW5ub3VuY2VtZW50cy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFubm91bmNlbWVudHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIG9iamVjdERhdGE6IGFueVxuICBASW5wdXQoKSBsYXlvdXRUeXBlOiAgYW55XG4gIEBJbnB1dCgpIG1vYmlsZUhlaWdodDogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIGZldGNoRGF0YUZyb21BcGk6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBjaGFubmVsSWQ6IGFueVxuICBAT3V0cHV0KCkgb3BlbkRpYWxvZyA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG4gIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXG4gIGFubm91bmNlbWVudHM6IGFueSA9IFtdXG5cbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XG4gICAgICB0aGlzLmlzTG9hZGluZyA9IHRydWVcbiAgICAgIHRoaXMuZmV0Y2hEYXRhKClcbiAgICB9XG4gIH1cblxuICBmZXRjaERhdGEoKSB7XG4gICAgbGV0IHJlcXVlc3QgPSB7XG4gICAgICBmaWx0ZXJDcml0ZXJpYU1hcDoge1xuICAgICAgICBjaGFubmVsOiBbdGhpcy5jaGFubmVsSWRdLFxuICAgICAgICAvL2NoYW5uZWw6IFtcIjAxMzgxOTA2OTE2ODUwODkyODI1XCJdLFxuICAgICAgfSxcbiAgICAgIHJlcXVlc3RlZEZpZWxkczogW1xuICAgICAgICBcIm5hbWVcIixcbiAgICAgICAgXCJkZXNjcmlwdGlvblwiLFxuICAgICAgICBcImNyZWF0ZWRPblwiLFxuICAgICAgICBcInVwZGF0ZWRPblwiLFxuICAgICAgICBcImNhdGVnb3J5XCJcbiAgICAgIF0sXG4gICAgICBvcmRlckJ5OiBcImNyZWF0ZWRPblwiLFxuICAgICAgb3JkZXJEaXJlY3Rpb246IFwiQVNDXCIsXG4gICAgICBmYWNldHM6IFtcbiAgICAgICAgXCJjaGFubmVsXCJcbiAgICAgIF0sXG4gICAgICBwYWdlU2l6ZTogdGhpcy5vYmplY3REYXRhLnBhZ2VTaXplXG4gICAgfVxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaEFubm91bmNlbWVudHNEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5kYXRhKSB7XG4gICAgICAgIHJlcy5yZXN1bHQuZGF0YS5mb3JFYWNoKChyZXNwOiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLmFubm91bmNlbWVudHMucHVzaCh7XG4gICAgICAgICAgICB2YWx1ZTogcmVzcC5kZXNjcmlwdGlvbixcbiAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZVxuICAgICAgICAgIH0pXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0aGlzLm9iamVjdERhdGEubGlzdCA9IHRoaXMuYW5ub3VuY2VtZW50c1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZVxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKGVycm9yKVxuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QgPSBbXVxuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZVxuICAgIH0pXG4gIH1cblxuICB2aWV3TW9yZU9yTGVzcyhpdGVtOiBhbnkpIHtcbiAgICBpZiAoaXRlbS52YWx1ZS5sZW5ndGggPiAxNTIpIHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZFxuICAgIH1cbiAgfVxuXG4gIG9wZW5Bbm5vdW5jZW1lbnRzKCkge1xuICAgIHRoaXMub3BlbkRpYWxvZy5lbWl0KHRydWUpXG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFPeEUsTUFBTSxPQUFPLHNCQUFzQjs7OztJQWFqQyxZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQVR2QyxpQkFBWSxHQUFZLEtBQUssQ0FBQTtRQUM3QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFFaEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7UUFDOUMsY0FBUyxHQUFZLEtBQUssQ0FBQTtRQUMxQixrQkFBYSxHQUFRLEVBQUUsQ0FBQTtRQUN2QixXQUFNLEdBQUcsS0FBSyxDQUFBO1FBQ2QsYUFBUSxHQUFZLEtBQUssQ0FBQTtJQUd6QixDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ3JCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQTtTQUNqQjtJQUNILENBQUM7Ozs7SUFFRCxTQUFTOztZQUNILE9BQU8sR0FBRztZQUNaLGlCQUFpQixFQUFFO2dCQUNqQixPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO2FBRTFCO1lBQ0QsZUFBZSxFQUFFO2dCQUNmLE1BQU07Z0JBQ04sYUFBYTtnQkFDYixXQUFXO2dCQUNYLFdBQVc7Z0JBQ1gsVUFBVTthQUNYO1lBQ0QsT0FBTyxFQUFFLFdBQVc7WUFDcEIsY0FBYyxFQUFFLEtBQUs7WUFDckIsTUFBTSxFQUFFO2dCQUNOLFNBQVM7YUFDVjtZQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVE7U0FDbkM7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxDQUFDLEdBQVEsRUFBQyxFQUFFO1lBQ3BFLElBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ3ZDLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7Z0JBQUMsQ0FBQyxJQUFTLEVBQUUsRUFBRTtvQkFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7d0JBQ3RCLEtBQUssRUFBRSxJQUFJLENBQUMsV0FBVzt3QkFDdkIsUUFBUSxFQUFFLEtBQUs7cUJBQ2hCLENBQUMsQ0FBQTtnQkFDSixDQUFDLEVBQUMsQ0FBQTthQUNIO1lBQ0QsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO2FBQ25CO1lBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQTtZQUN6QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDOzs7O1FBQUUsS0FBSyxDQUFDLEVBQUU7WUFDVCxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7O0lBRUQsY0FBYyxDQUFDLElBQVM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDNUIsQ0FBQzs7OztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNoQyxDQUFDOzs7WUFqRkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLG9rSkFBNkM7O2FBRTlDOzs7O1lBTlEsaUJBQWlCOzs7eUJBU3ZCLEtBQUs7eUJBQ0wsS0FBSzsyQkFDTCxLQUFLOytCQUNMLEtBQUs7d0JBQ0wsS0FBSzt5QkFDTCxNQUFNOzs7O0lBTFAsNENBQXdCOztJQUN4Qiw0Q0FBeUI7O0lBQ3pCLDhDQUFzQzs7SUFDdEMsa0RBQTBDOztJQUMxQywyQ0FBdUI7O0lBQ3ZCLDRDQUE4Qzs7SUFDOUMsMkNBQTBCOztJQUMxQiwrQ0FBdUI7O0lBQ3ZCLHdDQUFjOztJQUNkLDBDQUF5Qjs7SUFFYiw0Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLWFubm91bmNlbWVudHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW5ub3VuY2VtZW50cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fubm91bmNlbWVudHMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBbm5vdW5jZW1lbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcbiAgQElucHV0KCkgbGF5b3V0VHlwZTogIGFueVxuICBASW5wdXQoKSBtb2JpbGVIZWlnaHQ6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBmZXRjaERhdGFGcm9tQXBpOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgY2hhbm5lbElkOiBhbnlcbiAgQE91dHB1dCgpIG9wZW5EaWFsb2cgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxuICBhbm5vdW5jZW1lbnRzOiBhbnkgPSBbXVxuICBleHBhbmQgPSBmYWxzZVxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlXG5cbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XG4gICAgICB0aGlzLmlzTG9hZGluZyA9IHRydWVcbiAgICAgIHRoaXMuZmV0Y2hEYXRhKClcbiAgICB9XG4gIH1cblxuICBmZXRjaERhdGEoKSB7XG4gICAgbGV0IHJlcXVlc3QgPSB7XG4gICAgICBmaWx0ZXJDcml0ZXJpYU1hcDoge1xuICAgICAgICBjaGFubmVsOiBbdGhpcy5jaGFubmVsSWRdLFxuICAgICAgICAvL2NoYW5uZWw6IFtcIjAxMzgxOTA2OTE2ODUwODkyODI1XCJdLFxuICAgICAgfSxcbiAgICAgIHJlcXVlc3RlZEZpZWxkczogW1xuICAgICAgICBcIm5hbWVcIixcbiAgICAgICAgXCJkZXNjcmlwdGlvblwiLFxuICAgICAgICBcImNyZWF0ZWRPblwiLFxuICAgICAgICBcInVwZGF0ZWRPblwiLFxuICAgICAgICBcImNhdGVnb3J5XCJcbiAgICAgIF0sXG4gICAgICBvcmRlckJ5OiBcImNyZWF0ZWRPblwiLFxuICAgICAgb3JkZXJEaXJlY3Rpb246IFwiQVNDXCIsXG4gICAgICBmYWNldHM6IFtcbiAgICAgICAgXCJjaGFubmVsXCJcbiAgICAgIF0sXG4gICAgICBwYWdlU2l6ZTogdGhpcy5vYmplY3REYXRhLnBhZ2VTaXplXG4gICAgfVxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaEFubm91bmNlbWVudHNEYXRhKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5kYXRhKSB7XG4gICAgICAgIHJlcy5yZXN1bHQuZGF0YS5mb3JFYWNoKChyZXNwOiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLmFubm91bmNlbWVudHMucHVzaCh7XG4gICAgICAgICAgICB2YWx1ZTogcmVzcC5kZXNjcmlwdGlvbixcbiAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZVxuICAgICAgICAgIH0pXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICBpZiAodGhpcy5hbm5vdW5jZW1lbnRzLmxlbmd0aCA+IDMpIHtcbiAgICAgICAgdGhpcy5leHBhbmQgPSB0cnVlXG4gICAgICB9XG4gICAgICB0aGlzLm9iamVjdERhdGEubGlzdCA9IHRoaXMuYW5ub3VuY2VtZW50c1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZVxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKGVycm9yKVxuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QgPSBbXVxuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZVxuICAgIH0pXG4gIH1cblxuICB2aWV3TW9yZU9yTGVzcyhpdGVtOiBhbnkpIHtcbiAgICBpZiAoaXRlbS52YWx1ZS5sZW5ndGggPiAxNTIpIHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZFxuICAgIH1cbiAgfVxuXG4gIG9wZW5Bbm5vdW5jZW1lbnRzKCkge1xuICAgIHRoaXMub3BlbkRpYWxvZy5lbWl0KHRydWUpXG4gIH1cblxuICBzaG93TW9yZU9yTGVzcygpIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWRcbiAgfVxuXG59XG4iXX0=

package/esm2015/lib/_common/cards/card-wide/card-wide.component.js

@@ -91,7 +91,7 @@ CardWideComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-card-wide',
                 template: "<mat-card class=\"card-wide-lib\">\n    <a (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n    role=\"link\" i18n-aria-label>\n    <div class=\"flex\">\n        <div>\n            <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n                <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n                class=\"card-wide-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                [alt]=\"widgetData?.content?.name\" />\n              </ng-container>\n              <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n                <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n                  <img mat-card-image [src]=\"widgetData?.content?.appIcon | pipePublicURL\" loading=\"lazy\"\n                  class=\"card-wide-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                  [alt]=\"widgetData?.content?.name\" />\n                </ng-container>\n                <ng-template #defaultImg>\n                  <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n                  class=\"card-wide-img ws-mat-primary-lite-background margin-remove\"\n                  [alt]=\"widgetData?.content?.name\" />\n                </ng-template>\n              </ng-container>\n        </div>\n        <div>\n            <div class=\"pl-4 pr-4 w-full\">\n                <div class=\"course_widget flex margin-remove\">\n                  <div class=\"flex flex-end course_v2\">\n                    <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n                    <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData?.content?.primaryCategory\"\n                      class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n                      ?'Module'\n                      :widgetData?.content?.primaryCategory\">\n                    </sb-uic-display-content-type>\n                  </div>\n                </div>\n                <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n                  class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n                  {{ widgetData?.content?.name }}\n                </div>\n\n            <div class=\"flex w-full  flex-middle\">\n                <div class=\"course_logo_box\">\n                  <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n                  [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n                </div>\n                <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n                  <span class=\"org-text\">By&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n              </div>\n            </div>\n        </div>\n    </div>\n    </a>\n</mat-card>\n",
-                styles: [".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-wide-img{width:147px!important;height:117px!important;border-radius:12px!important}}"]
+                styles: [".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-wide-img{width:147px!important;height:117px!important;border-radius:12px!important}.course_widget{max-width:145px}.org-text{width:56%!important}}"]
             }] }
 ];
 /** @nocollapse */

package/esm2015/lib/_common/cbp-plan/cbp-plan.component.js

@@ -0,0 +1,166 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, EventEmitter, Input, Output, QueryList, ViewChildren } from '@angular/core';
+import { ScrollableItemDirective } from '../../_directives/scrollable-item/scrollable-item.directive';
+import { TranslateService } from '@ngx-translate/core';
+import { MultilingualTranslationsService } from '../../_services/multilingual-translations.service';
+export class CbpPlanComponent {
+    /**
+     * @param {?} translate
+     * @param {?} langtranslations
+     */
+    constructor(translate, langtranslations) {
+        this.translate = translate;
+        this.langtranslations = langtranslations;
+        this.mobileHeight = false;
+        this.fetchDataFromApi = false;
+        this.openDialog = new EventEmitter();
+        this.isLoading = false;
+        this.currentIndex = 0;
+        this.styleData = {};
+        this.contentdata = [];
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.styleData = this.objectData && this.objectData.sliderData && this.objectData.sliderData.styleData;
+        if (this.objectData && this.objectData.list) {
+            this.objectData.list.forEach((/**
+             * @param {?} contentEle
+             * @return {?}
+             */
+            (contentEle) => {
+                /** @type {?} */
+                let localData = {};
+                localData['title'] = contentEle.title;
+                localData['downloaUrl'] = contentEle.downloaUrl;
+                localData['cardSubType'] = "card-wide-lib";
+                localData['cardCustomeClass'] = "";
+                this.contentdata.push(localData);
+            }));
+        }
+    }
+    /**
+     * @param {?} indexValue
+     * @return {?}
+     */
+    getCurrentIndex(indexValue) {
+        this.currentIndex = indexValue;
+    }
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    getFileName(item) {
+        console.log(item.downloadUrl);
+        return item.downloadUrl.split("/").at(-1);
+    }
+    /**
+     * @param {?} label
+     * @param {?} type
+     * @return {?}
+     */
+    translateLabels(label, type) {
+        return this.langtranslations.translateActualLabel(label, type, '');
+    }
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    downloadCBPPlan(item) {
+        /** @type {?} */
+        const downloadUrl = item.downloaUrl;
+        /** @type {?} */
+        const xhr = new XMLHttpRequest();
+        xhr.open('GET', downloadUrl, true);
+        xhr.responseType = 'blob';
+        xhr.onload = (/**
+         * @return {?}
+         */
+        function () {
+            if (xhr.status === 200) {
+                /** @type {?} */
+                const blob = new Blob([xhr.response], { type: 'application/pdf' });
+                /** @type {?} */
+                const url = window.URL.createObjectURL(blob);
+                /** @type {?} */
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = downloadUrl.split("/").at(-1);
+                document.body.appendChild(a);
+                a.click();
+                document.body.removeChild(a);
+                window.URL.revokeObjectURL(url);
+            }
+            else {
+                console.error('Error downloading the PDF', xhr.statusText);
+            }
+        });
+        xhr.onerror = (/**
+         * @return {?}
+         */
+        function () {
+            console.error('Network error');
+        });
+        xhr.send();
+    }
+}
+CbpPlanComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-cbp-plan',
+                template: "<div class=\"w-full\">\n    <div class=\"flex item-center cbp-logo\">\n        <div class=\"cbp-heading\"\n            [style.backgroundColor]=\"objectData?.header?.background\"\n            [style.color]=\"objectData?.header?.color\">\n            {{objectData?.title}}\n        </div>\n    </div>\n    \n    <div class=\"cbp-list-container\" *ngIf=\"contentdata.length\"\n        [style.borderColor]=\"objectData?.panelborder\"\n        [style.backgroundColor]=\"objectData?.panelBackground\">\n        <ng-container *ngIf=\"contentdata.length; else msgTemp\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [currentIndex]=\"currentIndex\"\n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\" [widgetData]=\"contentdata\"\n                [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let item of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"cbp-list-item\"\n                            [style.borderColor]=\"objectData?.listItem?.border\"\n                            [style.color]=\"objectData?.listItem?.border\"\n                            [style.backgroundColor]=\"objectData?.listItem?.background\">\n                            <div class=\"cbp-item-title\">{{item?.title}}</div>\n                            <div class=\"flex download-sec\">\n                                <div class=\"flex gap-3 cbp-download\" (click)=\"downloadCBPPlan(item)\">\n                                    <img [src]=\"objectData?.downloadIcon\">Download\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n        <ng-template #msgTemp>\n            <div class=\"padding-bottom-m\">\n                {{ translateLabels(objectData?.noData, 'home') }}\n            </div>\n        </ng-template>\n    </div>\n</div>",
+                styles: [".cbp-logo{align-items:center;justify-content:center}.cbp-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px}.cbp-list-container{border:1px solid #ccc;padding:40px 25px 0;border-radius:12px;margin-top:-20px}.cbp-list-item{padding:16px;border:1px solid #ccc;border-radius:12px}.cbp-item-title{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;height:48px;padding-bottom:10px}.cbp-mob-icon{font-size:20px;width:20px;height:20px}.download-sec{align-items:center;justify-content:end}.cbp-download{display:flex;align-items:center;gap:4px;background:#fff;padding:6px 8px;border-radius:20px;cursor:pointer;font-family:Lato;font-size:12px;font-weight:700;line-height:20px;text-align:left}[hidden]{display:none!important}.cbp-list-container ::ng-deep.cbp-card{min-height:115px!important;padding-bottom:30px!important}.cbp-list-container ::ng-deep.banner-title{display:none}.cbp-list-container ::ng-deep.prev{font-size:10px;height:20px!important;width:20px!important;margin-left:-11px}.cbp-list-container ::ng-deep.next{font-size:10px;height:20px!important;width:20px!important;margin-right:-11px}"]
+            }] }
+];
+/** @nocollapse */
+CbpPlanComponent.ctorParameters = () => [
+    { type: TranslateService },
+    { type: MultilingualTranslationsService }
+];
+CbpPlanComponent.propDecorators = {
+    objectData: [{ type: Input }],
+    layoutType: [{ type: Input }],
+    mobileHeight: [{ type: Input }],
+    fetchDataFromApi: [{ type: Input }],
+    channelId: [{ type: Input }],
+    openDialog: [{ type: Output }],
+    scrollableItems: [{ type: ViewChildren, args: [ScrollableItemDirective,] }]
+};
+if (false) {
+    /** @type {?} */
+    CbpPlanComponent.prototype.objectData;
+    /** @type {?} */
+    CbpPlanComponent.prototype.layoutType;
+    /** @type {?} */
+    CbpPlanComponent.prototype.mobileHeight;
+    /** @type {?} */
+    CbpPlanComponent.prototype.fetchDataFromApi;
+    /** @type {?} */
+    CbpPlanComponent.prototype.channelId;
+    /** @type {?} */
+    CbpPlanComponent.prototype.openDialog;
+    /** @type {?} */
+    CbpPlanComponent.prototype.isLoading;
+    /** @type {?} */
+    CbpPlanComponent.prototype.currentIndex;
+    /** @type {?} */
+    CbpPlanComponent.prototype.styleData;
+    /** @type {?} */
+    CbpPlanComponent.prototype.contentdata;
+    /** @type {?} */
+    CbpPlanComponent.prototype.scrollableItems;
+    /**
+     * @type {?}
+     * @private
+     */
+    CbpPlanComponent.prototype.translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    CbpPlanComponent.prototype.langtranslations;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2JwLXBsYW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9jYnAtcGxhbi9jYnAtcGxhbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUN0RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQU9wRyxNQUFNLE9BQU8sZ0JBQWdCOzs7OztJQWMzQixZQUFvQixTQUEyQixFQUNyQyxnQkFBaUQ7UUFEdkMsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFDckMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQztRQVhsRCxpQkFBWSxHQUFZLEtBQUssQ0FBQTtRQUM3QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFFaEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7UUFDOUMsY0FBUyxHQUFZLEtBQUssQ0FBQTtRQUMxQixpQkFBWSxHQUFHLENBQUMsQ0FBQTtRQUNoQixjQUFTLEdBQVEsRUFBRSxDQUFBO1FBQ25CLGdCQUFXLEdBQVEsRUFBRSxDQUFBO0lBSTBDLENBQUM7Ozs7SUFFaEUsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUE7UUFDdEcsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENB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RUFBd0M7O2FBRXpDOzs7O1lBUFEsZ0JBQWdCO1lBQ2hCLCtCQUErQjs7O3lCQVNyQyxLQUFLO3lCQUNMLEtBQUs7MkJBQ0wsS0FBSzsrQkFDTCxLQUFLO3dCQUNMLEtBQUs7eUJBQ0wsTUFBTTs4QkFNTixZQUFZLFNBQUMsdUJBQXVCOzs7O0lBWHJDLHNDQUF3Qjs7SUFDeEIsc0NBQXlCOztJQUN6Qix3Q0FBc0M7O0lBQ3RDLDRDQUEwQzs7SUFDMUMscUNBQXVCOztJQUN2QixzQ0FBOEM7O0lBQzlDLHFDQUEwQjs7SUFDMUIsd0NBQWdCOztJQUNoQixxQ0FBbUI7O0lBQ25CLHVDQUFxQjs7SUFFckIsMkNBQTBGOzs7OztJQUM5RSxxQ0FBbUM7Ozs7O0lBQzdDLDRDQUF5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9fZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWl0ZW0vc2Nyb2xsYWJsZS1pdGVtLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL211bHRpbGluZ3VhbC10cmFuc2xhdGlvbnMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1jYnAtcGxhbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYnAtcGxhbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NicC1wbGFuLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2JwUGxhbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGxheW91dFR5cGU6ICBhbnlcbiAgQElucHV0KCkgbW9iaWxlSGVpZ2h0OiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIGNoYW5uZWxJZDogYW55XG4gIEBPdXRwdXQoKSBvcGVuRGlhbG9nID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2VcbiAgY3VycmVudEluZGV4ID0gMFxuICBzdHlsZURhdGE6IGFueSA9IHt9XG4gIGNvbnRlbnRkYXRhOiBhbnkgPSBbXVxuXG4gIEBWaWV3Q2hpbGRyZW4oU2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmUpIHNjcm9sbGFibGVJdGVtczogUXVlcnlMaXN0PFNjcm9sbGFibGVJdGVtRGlyZWN0aXZlPlxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwcml2YXRlIGxhbmd0cmFuc2xhdGlvbnM6IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3R5bGVEYXRhID0gdGhpcy5vYmplY3REYXRhICYmIHRoaXMub2JqZWN0RGF0YS5zbGlkZXJEYXRhICYmIHRoaXMub2JqZWN0RGF0YS5zbGlkZXJEYXRhLnN0eWxlRGF0YVxuICAgIGlmICh0aGlzLm9iamVjdERhdGEgJiYgdGhpcy5vYmplY3REYXRhLmxpc3QpIHtcbiAgICAgIHRoaXMub2JqZWN0RGF0YS5saXN0LmZvckVhY2goKGNvbnRlbnRFbGU6IGFueSkgPT4ge1xuICAgICAgICBsZXQgbG9jYWxEYXRhID0ge31cbiAgICAgICAgbG9jYWxEYXRhWyd0aXRsZSddID0gY29udGVudEVsZS50aXRsZVxuICAgICAgICBsb2NhbERhdGFbJ2Rvd25sb2FVcmwnXSA9IGNvbnRlbnRFbGUuZG93bmxvYVVybFxuICAgICAgICBsb2NhbERhdGFbJ2NhcmRTdWJUeXBlJ10gPSAgXCJjYXJkLXdpZGUtbGliXCJcbiAgICAgICAgbG9jYWxEYXRhWydjYXJkQ3VzdG9tZUNsYXNzJ10gPSBcIlwiXG4gICAgICAgIHRoaXMuY29udGVudGRhdGEucHVzaChsb2NhbERhdGEpXG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIGdldEN1cnJlbnRJbmRleChpbmRleFZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4VmFsdWVcbiAgfVxuXG4gIGdldEZpbGVOYW1lKGl0ZW06IGFueSkge1xuICAgIGNvbnNvbGUubG9nKGl0ZW0uZG93bmxvYWRVcmwpXG4gICAgcmV0dXJuIGl0ZW0uZG93bmxvYWRVcmwuc3BsaXQoXCIvXCIpLmF0KC0xKVxuICB9XG5cbiAgdHJhbnNsYXRlTGFiZWxzKGxhYmVsOiBzdHJpbmcsIHR5cGU6IGFueSkge1xuICAgIHJldHVybiB0aGlzLmxhbmd0cmFuc2xhdGlvbnMudHJhbnNsYXRlQWN0dWFsTGFiZWwobGFiZWwsIHR5cGUsICcnKTtcbiAgfVxuXG4gIGRvd25sb2FkQ0JQUGxhbihpdGVtOiBhbnkpIHtcbiAgICBjb25zdCBkb3dubG9hZFVybCA9IGl0ZW0uZG93bmxvYVVybFxuICAgIGNvbnN0IHhociA9IG5ldyBYTUxIdHRwUmVxdWVzdCgpXG4gICAgeGhyLm9wZW4oJ0dFVCcsIGRvd25sb2FkVXJsLCB0cnVlKVxuICAgIHhoci5yZXNwb25zZVR5cGUgPSAnYmxvYidcblxuICAgIHhoci5vbmxvYWQgPSBmdW5jdGlvbigpIHtcbiAgICAgIGlmICh4aHIuc3RhdHVzID09PSAyMDApIHtcbiAgICAgICAgY29uc3QgYmxvYiA9IG5ldyBCbG9iKFt4aHIucmVzcG9uc2VdLCB7IHR5cGU6ICdhcHBsaWNhdGlvbi9wZGYnIH0pXG4gICAgICAgIGNvbnN0IHVybCA9IHdpbmRvdy5VUkwuY3JlYXRlT2JqZWN0VVJMKGJsb2IpXG4gICAgICAgIGNvbnN0IGEgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdhJylcbiAgICAgICAgYS5ocmVmID0gdXJsXG4gICAgICAgIGEuZG93bmxvYWQgPSBkb3dubG9hZFVybC5zcGxpdChcIi9cIikuYXQoLTEpXG4gICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoYSlcbiAgICAgICAgYS5jbGljaygpXG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoYSlcbiAgICAgICAgd2luZG93LlVSTC5yZXZva2VPYmplY3RVUkwodXJsKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3IgZG93bmxvYWRpbmcgdGhlIFBERicsIHhoci5zdGF0dXNUZXh0KVxuICAgICAgfVxuICAgIH1cbiAgICB4aHIub25lcnJvciA9IGZ1bmN0aW9uKCkge1xuICAgICAgY29uc29sZS5lcnJvcignTmV0d29yayBlcnJvcicpXG4gICAgfVxuICAgIHhoci5zZW5kKClcbiAgfVxufVxuIl19

package/esm2015/lib/_common/cbp-plan/cbp-plan.module.js

@@ -0,0 +1,27 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CbpPlanComponent } from './cbp-plan.component';
+import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+import { MatIconModule } from '@angular/material';
+import { SlidersNgContentLibModule } from '../sliders-ng-content/sliders-ng-content.module';
+import { ScrollableItemModule } from '../../_directives/scrollable-item/scrollable-item.module';
+export class CbpPlanModule {
+}
+CbpPlanModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [CbpPlanComponent],
+                imports: [
+                    CommonModule,
+                    SkeletonLoaderLibModule,
+                    MatIconModule,
+                    ScrollableItemModule,
+                    SlidersNgContentLibModule,
+                ],
+                exports: [CbpPlanComponent]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2JwLXBsYW4ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9jYnAtcGxhbi9jYnAtcGxhbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQWVoRyxNQUFNLE9BQU8sYUFBYTs7O1lBWHpCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDaEMsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osdUJBQXVCO29CQUN2QixhQUFhO29CQUNiLG9CQUFvQjtvQkFDcEIseUJBQXlCO2lCQUMxQjtnQkFDRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2JwUGxhbkNvbXBvbmVudCB9IGZyb20gJy4vY2JwLXBsYW4uY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyTGliTW9kdWxlIH0gZnJvbSAnLi4vc2tlbGV0b24tbG9hZGVyLWxpYi9za2VsZXRvbi1sb2FkZXItbGliLm1vZHVsZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgU2xpZGVyc05nQ29udGVudExpYk1vZHVsZSB9IGZyb20gJy4uL3NsaWRlcnMtbmctY29udGVudC9zbGlkZXJzLW5nLWNvbnRlbnQubW9kdWxlJztcbmltcG9ydCB7IFNjcm9sbGFibGVJdGVtTW9kdWxlIH0gZnJvbSAnLi4vLi4vX2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1pdGVtL3Njcm9sbGFibGUtaXRlbS5tb2R1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2JwUGxhbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBTY3JvbGxhYmxlSXRlbU1vZHVsZSxcbiAgICBTbGlkZXJzTmdDb250ZW50TGliTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbQ2JwUGxhbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgQ2JwUGxhbk1vZHVsZSB7IH1cbiJdfQ==