@sunbird-cb/consumption 0.0.67 → 0.0.69

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

@@ -1,166 +1,166 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { InsiteDataService } from '../../_services/insite-data.service';
-var AnnouncementsComponent = /** @class */ (function () {
-    function AnnouncementsComponent(insightSvc) {
-        this.insightSvc = insightSvc;
-        this.mobileHeight = false;
-        this.fetchDataFromApi = false;
-        this.openDialog = new EventEmitter();
-        this.isLoading = false;
-        this.announcements = [];
-        this.expand = false;
-        this.expanded = false;
-    }
-    /**
-     * @return {?}
-     */
-    AnnouncementsComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        if (this.fetchDataFromApi) {
-            this.isLoading = true;
-            this.fetchData();
-        }
-    };
-    /**
-     * @return {?}
-     */
-    AnnouncementsComponent.prototype.fetchData = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        /** @type {?} */
-        var request = {
-            filterCriteriaMap: {
-                channel: [this.channelId],
-            },
-            requestedFields: [
-                "name",
-                "description",
-                "createdOn",
-                "updatedOn",
-                "category"
-            ],
-            orderBy: "createdOn",
-            orderDirection: "ASC",
-            facets: [
-                "channel"
-            ],
-            pageSize: this.objectData.pageSize
-        };
-        this.insightSvc.fetchAnnouncementsData(request).subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) {
-            if (res && res.result && res.result.data) {
-                res.result.data.forEach((/**
-                 * @param {?} resp
-                 * @return {?}
-                 */
-                function (resp) {
-                    _this.announcements.push({
-                        value: resp.description,
-                        expanded: false
-                    });
-                }));
-            }
-            if (_this.announcements.length > 3) {
-                _this.expand = true;
-            }
-            _this.objectData.list = _this.announcements;
-            _this.isLoading = false;
-        }), (/**
-         * @param {?} error
-         * @return {?}
-         */
-        function (error) {
-            console.log(error);
-            _this.objectData.list = [];
-            _this.isLoading = false;
-        }));
-    };
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    AnnouncementsComponent.prototype.viewMoreOrLess = /**
-     * @param {?} item
-     * @return {?}
-     */
-    function (item) {
-        if (item.value.length > 152) {
-            item.expanded = !item.expanded;
-        }
-    };
-    /**
-     * @return {?}
-     */
-    AnnouncementsComponent.prototype.openAnnouncements = /**
-     * @return {?}
-     */
-    function () {
-        this.openDialog.emit(true);
-    };
-    /**
-     * @return {?}
-     */
-    AnnouncementsComponent.prototype.showMoreOrLess = /**
-     * @return {?}
-     */
-    function () {
-        this.expanded = !this.expanded;
-    };
-    AnnouncementsComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'sb-uic-announcements',
-                    template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web' && !isLoading\">\r\n    <div class=\"flex item-center key-logo\">\r\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\r\n    </div>\r\n    <div class=\"flex item-center key-logo\">\r\n        <div class=\"key-heading\"\r\n            [style.backgroundColor]=\"objectData?.header?.background\"\r\n            [style.color]=\"objectData?.header?.color\">\r\n            {{objectData?.title}}\r\n        </div>\r\n    </div>\r\n    <div class=\"key-list-container\"\r\n        [style.borderColor]=\"objectData?.panelborder\"\r\n        [style.backgroundColor]=\"objectData?.panelBackground\">\r\n        <div class=\"{{mobileHeight ? 'mob-key-list' : expand && expanded ? 'exp-key-list' : 'key-list'}}\" *ngIf=\"objectData?.list?.length\">\r\n            <div *ngFor=\"let item of objectData?.list; let i = index\">\r\n                <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \r\n                    [style.borderColor]=\"objectData?.listItem?.border\"\r\n                    [style.backgroundColor]=\"objectData?.listItem?.background\">\r\n                    <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\r\n                    <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\r\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\r\n                        <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\r\n                    </div>\r\n                </div>\r\n            </div>                        \r\n        </div>\r\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" *ngIf=\"!objectData?.list?.length\">\r\n            <div class=\"text-center\">No announcements yet!</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"!mobileHeight && expand\">\r\n    <div (click)=\"showMoreOrLess()\" class=\"announcements-expand\" *ngIf=\"!expanded\">\r\n        <mat-icon>expand_more</mat-icon>\r\n    </div>\r\n    <div (click)=\"showMoreOrLess()\" class=\"announcements-expand\" *ngIf=\"expanded\">\r\n        <mat-icon>expand_less</mat-icon>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'mobile'\">\r\n    <div class=\"flex item-center key-logo \">\r\n        <div class=\"mob-key-heading\" (click)=\"openAnnouncements()\"\r\n            [style.backgroundColor]=\"objectData?.header?.background\"\r\n            [style.color]=\"objectData?.header?.color\">\r\n            <div class=\"flex key-button gap-3\">\r\n                <div>\r\n                    <img [src]=\"objectData?.mobileIcon\">\r\n                </div>\r\n                <div>{{objectData?.title}}</div>                \r\n                <div><mat-icon class=\"key-mob-icon\">arrow_forward_ios</mat-icon></div>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'web' && isLoading\">\r\n    <div class=\"flex item-center key-logo\">\r\n        <img class=\"\" [src]=\"objectData?.logoUrl\">\r\n    </div>\r\n    <div class=\"flex item-center key-logo pt-1\">\r\n        <div class=\"key-heading\"\r\n            [style.backgroundColor]=\"objectData?.header?.background\"\r\n            [style.color]=\"objectData?.header?.color\">\r\n            {{objectData?.title}}\r\n        </div>\r\n    </div>\r\n    <div class=\"key-list-container\"\r\n        [style.borderColor]=\"objectData?.panelborder\"\r\n        [style.backgroundColor]=\"objectData?.panelBackground\">\r\n        <div class=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" >            \r\n            <div class=\"key-list-item mb-4\" \r\n                *ngFor=\"let item of[0,1,2,3,4]; let i = index\"\r\n                [style.borderColor]=\"objectData?.listItem?.border\"\r\n                [style.backgroundColor]=\"objectData?.listItem?.background\">\r\n                <div class=\"key-list-item-content un-expand\">\r\n                    <div class=\"py-1\">\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\r\n                        </sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div class=\"py-1\">\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\r\n                        </sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>        \r\n    </div>\r\n</div>\r\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:380px;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 */
-    AnnouncementsComponent.ctorParameters = function () { return [
-        { type: InsiteDataService }
-    ]; };
-    AnnouncementsComponent.propDecorators = {
-        objectData: [{ type: Input }],
-        layoutType: [{ type: Input }],
-        mobileHeight: [{ type: Input }],
-        fetchDataFromApi: [{ type: Input }],
-        channelId: [{ type: Input }],
-        openDialog: [{ type: Output }]
-    };
-    return AnnouncementsComponent;
-}());
-export { AnnouncementsComponent };
-if (false) {
-    /** @type {?} */
-    AnnouncementsComponent.prototype.objectData;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.layoutType;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.mobileHeight;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.fetchDataFromApi;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.channelId;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.openDialog;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.isLoading;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.announcements;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.expand;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.expanded;
-    /** @type {?} */
-    AnnouncementsComponent.prototype.insightSvc;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFeEU7SUFrQkUsZ0NBQW1CLFVBQTZCO1FBQTdCLGVBQVUsR0FBVixVQUFVLENBQW1CO1FBVHZDLGlCQUFZLEdBQVksS0FBSyxDQUFBO1FBQzdCLHFCQUFnQixHQUFZLEtBQUssQ0FBQTtRQUVoQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUM5QyxjQUFTLEdBQVksS0FBSyxDQUFBO1FBQzFCLGtCQUFhLEdBQVEsRUFBRSxDQUFBO1FBQ3ZCLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxhQUFRLEdBQVksS0FBSyxDQUFBO0lBR3pCLENBQUM7Ozs7SUFFRCx5Q0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQTtZQUNyQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUE7U0FDakI7SUFDSCxDQUFDOzs7O0lBRUQsMENBQVM7OztJQUFUO1FBQUEsaUJBdUNDOztZQXRDSyxPQUFPLEdBQUc7WUFDWixpQkFBaUIsRUFBRTtnQkFDakIsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQzthQUUxQjtZQUNELGVBQWUsRUFBRTtnQkFDZixNQUFNO2dCQUNOLGFBQWE7Z0JBQ2IsV0FBVztnQkFDWCxXQUFXO2dCQUNYLFVBQVU7YUFDWDtZQUNELE9BQU8sRUFBRSxXQUFXO1lBQ3BCLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLE1BQU0sRUFBRTtnQkFDTixTQUFTO2FBQ1Y7WUFDRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRO1NBQ25DO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQyxHQUFRO1lBQ2pFLElBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ3ZDLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7Z0JBQUMsVUFBQyxJQUFTO29CQUNoQyxLQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQzt3QkFDdEIsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXO3dCQUN2QixRQUFRLEVBQUUsS0FBSztxQkFDaEIsQ0FBQyxDQUFBO2dCQUNKLENBQUMsRUFBQyxDQUFBO2FBQ0g7WUFDRCxJQUFJLEtBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDakMsS0FBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUE7YUFDbkI7WUFDRCxLQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxLQUFJLENBQUMsYUFBYSxDQUFBO1lBQ3pDLEtBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFBO1FBQ3hCLENBQUM7Ozs7UUFBRSxVQUFBLEtBQUs7WUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2xCLEtBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQTtZQUN6QixLQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7O0lBRUQsK0NBQWM7Ozs7SUFBZCxVQUFlLElBQVM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsa0RBQWlCOzs7SUFBakI7UUFDRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUM1QixDQUFDOzs7O0lBRUQsK0NBQWM7OztJQUFkO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDaEMsQ0FBQzs7Z0JBakZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQywwdkpBQTZDOztpQkFFOUM7Ozs7Z0JBTlEsaUJBQWlCOzs7NkJBU3ZCLEtBQUs7NkJBQ0wsS0FBSzsrQkFDTCxLQUFLO21DQUNMLEtBQUs7NEJBQ0wsS0FBSzs2QkFDTCxNQUFNOztJQXVFVCw2QkFBQztDQUFBLEFBbkZELElBbUZDO1NBOUVZLHNCQUFzQjs7O0lBRWpDLDRDQUF3Qjs7SUFDeEIsNENBQXlCOztJQUN6Qiw4Q0FBc0M7O0lBQ3RDLGtEQUEwQzs7SUFDMUMsMkNBQXVCOztJQUN2Qiw0Q0FBOEM7O0lBQzlDLDJDQUEwQjs7SUFDMUIsK0NBQXVCOztJQUN2Qix3Q0FBYzs7SUFDZCwwQ0FBeUI7O0lBRWIsNENBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ItdWljLWFubm91bmNlbWVudHMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbm5vdW5jZW1lbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hbm5vdW5jZW1lbnRzLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFubm91bmNlbWVudHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcclxuICBASW5wdXQoKSBsYXlvdXRUeXBlOiAgYW55XHJcbiAgQElucHV0KCkgbW9iaWxlSGVpZ2h0OiBib29sZWFuID0gZmFsc2VcclxuICBASW5wdXQoKSBmZXRjaERhdGFGcm9tQXBpOiBib29sZWFuID0gZmFsc2VcclxuICBASW5wdXQoKSBjaGFubmVsSWQ6IGFueVxyXG4gIEBPdXRwdXQoKSBvcGVuRGlhbG9nID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcclxuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIGFubm91bmNlbWVudHM6IGFueSA9IFtdXHJcbiAgZXhwYW5kID0gZmFsc2VcclxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlXHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpbnNpZ2h0U3ZjOiBJbnNpdGVEYXRhU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XHJcbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZVxyXG4gICAgICB0aGlzLmZldGNoRGF0YSgpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBmZXRjaERhdGEoKSB7XHJcbiAgICBsZXQgcmVxdWVzdCA9IHtcclxuICAgICAgZmlsdGVyQ3JpdGVyaWFNYXA6IHtcclxuICAgICAgICBjaGFubmVsOiBbdGhpcy5jaGFubmVsSWRdLFxyXG4gICAgICAgIC8vY2hhbm5lbDogW1wiMDEzODE5MDY5MTY4NTA4OTI4MjVcIl0sXHJcbiAgICAgIH0sXHJcbiAgICAgIHJlcXVlc3RlZEZpZWxkczogW1xyXG4gICAgICAgIFwibmFtZVwiLFxyXG4gICAgICAgIFwiZGVzY3JpcHRpb25cIixcclxuICAgICAgICBcImNyZWF0ZWRPblwiLFxyXG4gICAgICAgIFwidXBkYXRlZE9uXCIsXHJcbiAgICAgICAgXCJjYXRlZ29yeVwiXHJcbiAgICAgIF0sXHJcbiAgICAgIG9yZGVyQnk6IFwiY3JlYXRlZE9uXCIsXHJcbiAgICAgIG9yZGVyRGlyZWN0aW9uOiBcIkFTQ1wiLFxyXG4gICAgICBmYWNldHM6IFtcclxuICAgICAgICBcImNoYW5uZWxcIlxyXG4gICAgICBdLFxyXG4gICAgICBwYWdlU2l6ZTogdGhpcy5vYmplY3REYXRhLnBhZ2VTaXplXHJcbiAgICB9XHJcbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hBbm5vdW5jZW1lbnRzRGF0YShyZXF1ZXN0KS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcclxuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5kYXRhKSB7XHJcbiAgICAgICAgcmVzLnJlc3VsdC5kYXRhLmZvckVhY2goKHJlc3A6IGFueSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5hbm5vdW5jZW1lbnRzLnB1c2goe1xyXG4gICAgICAgICAgICB2YWx1ZTogcmVzcC5kZXNjcmlwdGlvbixcclxuICAgICAgICAgICAgZXhwYW5kZWQ6IGZhbHNlXHJcbiAgICAgICAgICB9KVxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuYW5ub3VuY2VtZW50cy5sZW5ndGggPiAzKSB7XHJcbiAgICAgICAgdGhpcy5leHBhbmQgPSB0cnVlXHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QgPSB0aGlzLmFubm91bmNlbWVudHNcclxuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZVxyXG4gICAgfSwgZXJyb3IgPT4ge1xyXG4gICAgICBjb25zb2xlLmxvZyhlcnJvcilcclxuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QgPSBbXVxyXG4gICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlXHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgdmlld01vcmVPckxlc3MoaXRlbTogYW55KSB7XHJcbiAgICBpZiAoaXRlbS52YWx1ZS5sZW5ndGggPiAxNTIpIHtcclxuICAgICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvcGVuQW5ub3VuY2VtZW50cygpIHtcclxuICAgIHRoaXMub3BlbkRpYWxvZy5lbWl0KHRydWUpXHJcbiAgfVxyXG5cclxuICBzaG93TW9yZU9yTGVzcygpIHtcclxuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZFxyXG4gIH1cclxuXHJcbn1cclxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { InsiteDataService } from '../../_services/insite-data.service';
+var AnnouncementsComponent = /** @class */ (function () {
+    function AnnouncementsComponent(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.mobileHeight = false;
+        this.fetchDataFromApi = false;
+        this.openDialog = new EventEmitter();
+        this.isLoading = false;
+        this.announcements = [];
+        this.expand = false;
+        this.expanded = false;
+    }
+    /**
+     * @return {?}
+     */
+    AnnouncementsComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        if (this.fetchDataFromApi) {
+            this.isLoading = true;
+            this.fetchData();
+        }
+    };
+    /**
+     * @return {?}
+     */
+    AnnouncementsComponent.prototype.fetchData = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        /** @type {?} */
+        var request = {
+            filterCriteriaMap: {
+                channel: [this.channelId],
+            },
+            requestedFields: [
+                "name",
+                "description",
+                "createdOn",
+                "updatedOn",
+                "category"
+            ],
+            orderBy: "createdOn",
+            orderDirection: "ASC",
+            facets: [
+                "channel"
+            ],
+            pageSize: this.objectData.pageSize
+        };
+        this.insightSvc.fetchAnnouncementsData(request).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            if (res && res.result && res.result.data) {
+                res.result.data.forEach((/**
+                 * @param {?} resp
+                 * @return {?}
+                 */
+                function (resp) {
+                    _this.announcements.push({
+                        value: resp.description,
+                        expanded: false
+                    });
+                }));
+            }
+            if (_this.announcements.length > 3) {
+                _this.expand = true;
+            }
+            _this.objectData.list = _this.announcements;
+            _this.isLoading = false;
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) {
+            console.log(error);
+            _this.objectData.list = [];
+            _this.isLoading = false;
+        }));
+    };
+    /**
+     * @param {?} item
+     * @return {?}
+     */
+    AnnouncementsComponent.prototype.viewMoreOrLess = /**
+     * @param {?} item
+     * @return {?}
+     */
+    function (item) {
+        if (item.value.length > 152) {
+            item.expanded = !item.expanded;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    AnnouncementsComponent.prototype.openAnnouncements = /**
+     * @return {?}
+     */
+    function () {
+        this.openDialog.emit(true);
+    };
+    /**
+     * @return {?}
+     */
+    AnnouncementsComponent.prototype.showMoreOrLess = /**
+     * @return {?}
+     */
+    function () {
+        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' : 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:380px;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 */
+    AnnouncementsComponent.ctorParameters = function () { return [
+        { type: InsiteDataService }
+    ]; };
+    AnnouncementsComponent.propDecorators = {
+        objectData: [{ type: Input }],
+        layoutType: [{ type: Input }],
+        mobileHeight: [{ type: Input }],
+        fetchDataFromApi: [{ type: Input }],
+        channelId: [{ type: Input }],
+        openDialog: [{ type: Output }]
+    };
+    return AnnouncementsComponent;
+}());
+export { AnnouncementsComponent };
+if (false) {
+    /** @type {?} */
+    AnnouncementsComponent.prototype.objectData;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.layoutType;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.mobileHeight;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.fetchDataFromApi;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.channelId;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.openDialog;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.isLoading;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.announcements;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.expand;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.expanded;
+    /** @type {?} */
+    AnnouncementsComponent.prototype.insightSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFeEU7SUFrQkUsZ0NBQW1CLFVBQTZCO1FBQTdCLGVBQVUsR0FBVixVQUFVLENBQW1CO1FBVHZDLGlCQUFZLEdBQVksS0FBSyxDQUFBO1FBQzdCLHFCQUFnQixHQUFZLEtBQUssQ0FBQTtRQUVoQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUM5QyxjQUFTLEdBQVksS0FBSyxDQUFBO1FBQzFCLGtCQUFhLEdBQVEsRUFBRSxDQUFBO1FBQ3ZCLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxhQUFRLEdBQVksS0FBSyxDQUFBO0lBR3pCLENBQUM7Ozs7SUFFRCx5Q0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQTtZQUNyQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUE7U0FDakI7SUFDSCxDQUFDOzs7O0lBRUQsMENBQVM7OztJQUFUO1FBQUEsaUJBdUNDOztZQXRDSyxPQUFPLEdBQUc7WUFDWixpQkFBaUIsRUFBRTtnQkFDakIsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQzthQUUxQjtZQUNELGVBQWUsRUFBRTtnQkFDZixNQUFNO2dCQUNOLGFBQWE7Z0JBQ2IsV0FBVztnQkFDWCxXQUFXO2dCQUNYLFVBQVU7YUFDWDtZQUNELE9BQU8sRUFBRSxXQUFXO1lBQ3BCLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLE1BQU0sRUFBRTtnQkFDTixTQUFTO2FBQ1Y7WUFDRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRO1NBQ25DO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQyxHQUFRO1lBQ2pFLElBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ3ZDLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7Z0JBQUMsVUFBQyxJQUFTO29CQUNoQyxLQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQzt3QkFDdEIsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXO3dCQUN2QixRQUFRLEVBQUUsS0FBSztxQkFDaEIsQ0FBQyxDQUFBO2dCQUNKLENBQUMsRUFBQyxDQUFBO2FBQ0g7WUFDRCxJQUFJLEtBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDakMsS0FBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUE7YUFDbkI7WUFDRCxLQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxLQUFJLENBQUMsYUFBYSxDQUFBO1lBQ3pDLEtBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFBO1FBQ3hCLENBQUM7Ozs7UUFBRSxVQUFBLEtBQUs7WUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2xCLEtBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQTtZQUN6QixLQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUN4QixDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7O0lBRUQsK0NBQWM7Ozs7SUFBZCxVQUFlLElBQVM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7U0FDL0I7SUFDSCxDQUFDOzs7O0lBRUQsa0RBQWlCOzs7SUFBakI7UUFDRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUM1QixDQUFDOzs7O0lBRUQsK0NBQWM7OztJQUFkO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDaEMsQ0FBQzs7Z0JBakZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxva0pBQTZDOztpQkFFOUM7Ozs7Z0JBTlEsaUJBQWlCOzs7NkJBU3ZCLEtBQUs7NkJBQ0wsS0FBSzsrQkFDTCxLQUFLO21DQUNMLEtBQUs7NEJBQ0wsS0FBSzs2QkFDTCxNQUFNOztJQXVFVCw2QkFBQztDQUFBLEFBbkZELElBbUZDO1NBOUVZLHNCQUFzQjs7O0lBRWpDLDRDQUF3Qjs7SUFDeEIsNENBQXlCOztJQUN6Qiw4Q0FBc0M7O0lBQ3RDLGtEQUEwQzs7SUFDMUMsMkNBQXVCOztJQUN2Qiw0Q0FBOEM7O0lBQzlDLDJDQUEwQjs7SUFDMUIsK0NBQXVCOztJQUN2Qix3Q0FBYzs7SUFDZCwwQ0FBeUI7O0lBRWIsNENBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1hbm5vdW5jZW1lbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Fubm91bmNlbWVudHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbm5vdW5jZW1lbnRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQW5ub3VuY2VtZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGxheW91dFR5cGU6ICBhbnlcbiAgQElucHV0KCkgbW9iaWxlSGVpZ2h0OiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIGNoYW5uZWxJZDogYW55XG4gIEBPdXRwdXQoKSBvcGVuRGlhbG9nID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2VcbiAgYW5ub3VuY2VtZW50czogYW55ID0gW11cbiAgZXhwYW5kID0gZmFsc2VcbiAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZVxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpbnNpZ2h0U3ZjOiBJbnNpdGVEYXRhU2VydmljZSkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuZmV0Y2hEYXRhRnJvbUFwaSkge1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlXG4gICAgICB0aGlzLmZldGNoRGF0YSgpXG4gICAgfVxuICB9XG5cbiAgZmV0Y2hEYXRhKCkge1xuICAgIGxldCByZXF1ZXN0ID0ge1xuICAgICAgZmlsdGVyQ3JpdGVyaWFNYXA6IHtcbiAgICAgICAgY2hhbm5lbDogW3RoaXMuY2hhbm5lbElkXSxcbiAgICAgICAgLy9jaGFubmVsOiBbXCIwMTM4MTkwNjkxNjg1MDg5MjgyNVwiXSxcbiAgICAgIH0sXG4gICAgICByZXF1ZXN0ZWRGaWVsZHM6IFtcbiAgICAgICAgXCJuYW1lXCIsXG4gICAgICAgIFwiZGVzY3JpcHRpb25cIixcbiAgICAgICAgXCJjcmVhdGVkT25cIixcbiAgICAgICAgXCJ1cGRhdGVkT25cIixcbiAgICAgICAgXCJjYXRlZ29yeVwiXG4gICAgICBdLFxuICAgICAgb3JkZXJCeTogXCJjcmVhdGVkT25cIixcbiAgICAgIG9yZGVyRGlyZWN0aW9uOiBcIkFTQ1wiLFxuICAgICAgZmFjZXRzOiBbXG4gICAgICAgIFwiY2hhbm5lbFwiXG4gICAgICBdLFxuICAgICAgcGFnZVNpemU6IHRoaXMub2JqZWN0RGF0YS5wYWdlU2l6ZVxuICAgIH1cbiAgICB0aGlzLmluc2lnaHRTdmMuZmV0Y2hBbm5vdW5jZW1lbnRzRGF0YShyZXF1ZXN0KS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcbiAgICAgIGlmKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQuZGF0YSkge1xuICAgICAgICByZXMucmVzdWx0LmRhdGEuZm9yRWFjaCgocmVzcDogYW55KSA9PiB7XG4gICAgICAgICAgdGhpcy5hbm5vdW5jZW1lbnRzLnB1c2goe1xuICAgICAgICAgICAgdmFsdWU6IHJlc3AuZGVzY3JpcHRpb24sXG4gICAgICAgICAgICBleHBhbmRlZDogZmFsc2VcbiAgICAgICAgICB9KVxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgaWYgKHRoaXMuYW5ub3VuY2VtZW50cy5sZW5ndGggPiAzKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kID0gdHJ1ZVxuICAgICAgfVxuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QgPSB0aGlzLmFubm91bmNlbWVudHNcbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2VcbiAgICB9LCBlcnJvciA9PiB7XG4gICAgICBjb25zb2xlLmxvZyhlcnJvcilcbiAgICAgIHRoaXMub2JqZWN0RGF0YS5saXN0ID0gW11cbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2VcbiAgICB9KVxuICB9XG5cbiAgdmlld01vcmVPckxlc3MoaXRlbTogYW55KSB7XG4gICAgaWYgKGl0ZW0udmFsdWUubGVuZ3RoID4gMTUyKSB7XG4gICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWRcbiAgICB9XG4gIH1cblxuICBvcGVuQW5ub3VuY2VtZW50cygpIHtcbiAgICB0aGlzLm9wZW5EaWFsb2cuZW1pdCh0cnVlKVxuICB9XG5cbiAgc2hvd01vcmVPckxlc3MoKSB7XG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkXG4gIH1cblxufVxuIl19

package/esm5/lib/_common/announcements/announcements.module.js

@@ -1,27 +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 { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
-import { AnnouncementsComponent } from './announcements.component';
-import { MatIconModule } from '@angular/material';
-var AnnouncementsModule = /** @class */ (function () {
-    function AnnouncementsModule() {
-    }
-    AnnouncementsModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [AnnouncementsComponent],
-                    imports: [
-                        CommonModule,
-                        MatIconModule,
-                        SkeletonLoaderLibModule
-                    ],
-                    exports: [AnnouncementsComponent],
-                },] }
-    ];
-    return AnnouncementsModule;
-}());
-export { AnnouncementsModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUlsRDtJQUFBO0lBU21DLENBQUM7O2dCQVRuQyxRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEM7O0lBQ2tDLDBCQUFDO0NBQUEsQUFUcEMsSUFTb0M7U0FBdkIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUgfSBmcm9tICcuLi9za2VsZXRvbi1sb2FkZXItbGliL3NrZWxldG9uLWxvYWRlci1saWIubW9kdWxlJztcclxuaW1wb3J0IHsgQW5ub3VuY2VtZW50c0NvbXBvbmVudCB9IGZyb20gJy4vYW5ub3VuY2VtZW50cy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0Fubm91bmNlbWVudHNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW0Fubm91bmNlbWVudHNDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQW5ub3VuY2VtZW50c01vZHVsZSB7IH0iXX0=
+/**
+ * @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 { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+import { AnnouncementsComponent } from './announcements.component';
+import { MatIconModule } from '@angular/material';
+var AnnouncementsModule = /** @class */ (function () {
+    function AnnouncementsModule() {
+    }
+    AnnouncementsModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [AnnouncementsComponent],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        SkeletonLoaderLibModule
+                    ],
+                    exports: [AnnouncementsComponent],
+                },] }
+    ];
+    return AnnouncementsModule;
+}());
+export { AnnouncementsModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2Fubm91bmNlbWVudHMvYW5ub3VuY2VtZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUlsRDtJQUFBO0lBU21DLENBQUM7O2dCQVRuQyxRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEM7O0lBQ2tDLDBCQUFDO0NBQUEsQUFUcEMsSUFTb0M7U0FBdkIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSB9IGZyb20gJy4uL3NrZWxldG9uLWxvYWRlci1saWIvc2tlbGV0b24tbG9hZGVyLWxpYi5tb2R1bGUnO1xuaW1wb3J0IHsgQW5ub3VuY2VtZW50c0NvbXBvbmVudCB9IGZyb20gJy4vYW5ub3VuY2VtZW50cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Fubm91bmNlbWVudHNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0Fubm91bmNlbWVudHNDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBbm5vdW5jZW1lbnRzTW9kdWxlIHsgfSJdfQ==