npm - @sunbird-cb/consumption - Versions diffs - 0.0.64 → 0.0.65 - Mend

@sunbird-cb/consumption 0.0.64 → 0.0.65

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.

Files changed (344) hide show

package/esm5/lib/_common/calender/calender-day/calender-day.component.js CHANGED Viewed

@@ -1,101 +1,101 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { DatePipe } from '@angular/common';
-import { Component, Input } from '@angular/core';
-var CalenderDayComponent = /** @class */ (function () {
-    function CalenderDayComponent(datePipe) {
-        this.datePipe = datePipe;
-        this.webDisplayDate = "";
-        this.mobileDisplayDate = "";
-        this.currentDate = new Date();
-    }
-    /**
-     * @return {?}
-     */
-    CalenderDayComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        this.currentDate = this.datePipe.transform(this.currentDate, 'y-MM-dd');
-    };
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    CalenderDayComponent.prototype.openLink = /**
-     * @param {?} link
-     * @return {?}
-     */
-    function (link) {
-        window.open(link, "_blank");
-    };
-    /**
-     * @param {?} date
-     * @param {?} type
-     * @return {?}
-     */
-    CalenderDayComponent.prototype.formatDate = /**
-     * @param {?} date
-     * @param {?} type
-     * @return {?}
-     */
-    function (date, type) {
-        /** @type {?} */
-        var fDate = new Date(date);
-        if (type === 'web') {
-            return this.datePipe.transform(fDate, 'E, dd LLL');
-        }
-        if (type === 'mob') {
-            return this.datePipe.transform(fDate, 'E dd LLL');
-        }
-    };
-    CalenderDayComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'sb-uic-calender-day',
-                    template: "<div *ngIf=\"layoutType==='grid' && !dataLoading\">\n    <div class=\"p-3 event-day my-3\"\n        [style.backgroundColor]=\"objectData?.webBackgroundColor\"\n        [style.borderColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\">\n    \n        <div class=\"flex item-top gap-8 {{ day.length ? '' : 'aliginCenter'}}\">\n            <div class=\"event-date\">\n                <div class=\"currentDay\"\n                    [style.backgroundColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\"\n                    [style.color]=\"currentDate === eventDate ? objectData?.activeColor: ''\">\n                    {{formatDate(eventDate, 'web')}}\n                </div>\n            </div>\n            <div class=\"details w-full\" *ngIf=\"day.length\">\n                <div class=\"flex p-4 item-center events-list mb-{{day.length === (i+1) ? '0' : '2'}} gap-20\" [style.backgroundColor]=\"objectData?.eventBackgroundColor\"\n                    *ngFor=\"let event of day; let i = index\" >\n                    <div>\n                        <div class=\"flex flex-row item-center gap-10 pb-2\">\n                            <div class=\"flex item-center gap-1 row1 col1 range-width\">\n                                <div><mat-icon class=\"icon-web\">schedule</mat-icon> </div>\n                                <div>{{event.startTime}} to {{event.endTime}}</div>\n                            </div>\n                            <div class=\"flex item-center col1 \">{{event.title}}</div>\n                        </div>\n                        <div class=\"flex flex-row item-center gap-10\">\n                            <div class=\"flex item-center gap-1 row1 col1\" *ngIf=\"event.startDate && event.endDate && event.startDate !== event.endDate\">\n                                <div><mat-icon class=\"icon-web\">date_range</mat-icon> </div>\n                                <div class=\"upcase\">{{event.startDate}} - {{event.endDate}}</div>\n                            </div>\n                            <div class=\"flex item-center col1\">\n                                <div><mat-icon class=\"icon-web\">location_on</mat-icon> </div>\n                                <div class=\"flex item-center\">{{event.location}}</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"visit-link flex gap-2\"\n                        *ngIf=\"event?.registrationLink\">\n                        <div (click)=\"openLink(event?.registrationLink)\">Visit</div>\n                        <div (click)=\"openLink(event?.registrationLink)\"><mat-icon class=\"visit-icon\">open_in_new</mat-icon> </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"details w-full\" *ngIf=\"!day.length\">\n                No trainings.\n            </div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"layoutType==='row' && !dataLoading\">\n    <div class=\"pl-5 pr-5 mb-{{day?.length === (rowId+1) ? '0' : '3'}}\"\n        >\n        <div class=\"flex item-center gap-4\">\n            <div class=\"event-date\">\n                <div class=\"flex flex-col\">\n                    <div> {{formatDate(eventDate, 'mob').split(' ')[0]}}</div>\n                    <div class=\"mob-currentDay\"\n                        [style.backgroundColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\"\n                        [style.color]=\"currentDate === eventDate ? objectData?.activeColor: ''\">\n                        {{formatDate(eventDate, 'mob').split(' ')[1]}}\n                    </div>\n                    <div> {{formatDate(eventDate, 'mob').split(' ')[2]}}</div>\n                </div>\n            </div>\n            <div class=\"details w-full\" *ngIf=\"day.length\">\n                <div class=\"flex flex-col mob-events-list p-3 mb-{{day.length === (i+1) ? '0' : '2'}}\"\n                    *ngFor=\"let event of day; let i = index\" [style.backgroundColor]=\"objectData?.eventBackgroundColor\">\n                    <div>\n                        <div class=\"flex pb-2\">{{event.title}}</div>\n                        <div class=\"flex pb-1\">\n                            <div><mat-icon class=\"mob-icon\">schedule</mat-icon> </div>\n                            <div>{{event.startTime}} to {{event.endTime}}</div>\n                        </div>\n                        <div class=\"flex pb-1\" *ngIf=\"event.startDate && event.endDate && event.startDate !== event.endDate\">\n                            <div><mat-icon class=\"mob-icon\">date_range</mat-icon> </div>\n                            <div class=\"upcase\">{{event.startDate}} - {{event.endDate}}</div>\n                        </div>\n                        <div class=\"flex\">\n                            <div><mat-icon class=\"mob-icon\">location_on</mat-icon> </div>\n                            <div class=\"flex item-center\">{{event.location}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"details w-full p-3 flex no-data\" *ngIf=\"!day.length\" \n                [style.backgroundColor]=\"objectData?.mobileBackground\">\n                No trainings.\n            </div>\n        </div>        \n    </div>    \n</div>\n\n<!-- skeleton  loaders -->\n<div *ngIf=\"dataLoading\">\n    <div *ngIf=\"layoutType==='grid'\">\n        <div class=\"hidden md:block\">\n            <div class=\"p-3 event-day my-3\"\n                [style.backgroundColor]=\"'#FFF'\">\n                <div class=\"flex item-top gap-8\">\n                    <div class=\"event-date\">\n                        <div class=\"currentDay\">\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'90px'\"\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader>    \n                        </div>\n                    </div>\n                    <div class=\"details w-full\">\n                        <div class=\"flex p-4 item-center events-list mb-2 gap-20\">\n                            <div>\n                                <div class=\"flex flex-row item-center gap-20 pb-2\">\n                                    <div class=\"flex item-center gap-2 row1 col1\">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'50px'\"\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class=\"flex item-center col1\">\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\n                                        [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\n                                </div>\n                                <div class=\"flex flex-row item-center gap-20 pb-2\">\n                                    <div class=\"flex item-center gap-2 row1 col1\">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'50px'\"\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class=\"flex item-center col1\">\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\n                                        [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\n                                </div>\n                            </div>\n                            <div class=\"visit-link flex gap-2\">\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"layoutType==='row'\">\n        <div class=\"block md:hidden\">\n            <div class=\"p-5\" \n            [style.backgroundColor]=\"'#FFFFFF'\">\n            <div class=\"flex item-center gap-4\">\n                <div class=\"event-date\">\n                    <div class=\"flex flex-col\">\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\n                                [height]=\"'90px'\"></sb-uic-skeleton-loader> \n                    </div>\n                </div>\n                <div class=\"details w-full\">\n                    <div class=\"flex flex-col mob-events-list p-3 mb-2\">\n                        <div>\n                            <div class=\"flex pb-2\">\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'265px'\"\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader> \n                            </div>\n                            <div class=\"flex pb-1 gap-2\">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                </div>\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class=\"flex pb-1 gap-2\">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                </div>\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class=\"flex gap-2\">\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class=\"flex item-center\">\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader> \n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>",
-                    styles: [".event-day{border:1px solid #c3c3c3;border-radius:15px}.event-date{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;width:10%;text-transform:uppercase}.events-list{border:1px solid #c3c3c3;border-radius:15px;justify-content:space-between;align-items:center;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.row1{width:235px}.icon-web{font-size:17px;height:17px}.upcase{text-transform:uppercase}.aliginCenter,.col1{align-items:center}.range-width{min-width:234px}.visit-link{cursor:pointer;align-items:center;justify-content:center}.visit-icon{font-size:17px;height:17px;color:#1b4ca1}.currentDay{padding:5px;border-radius:20px}.mob-currentDay{padding:8px;border-radius:20px}.mob-events-list{border:1px solid #e8e6e5;border-radius:10px;justify-content:space-between;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.mob-icon{font-size:17px;height:17px}.no-data{display:flex;align-items:center;border-radius:10px}"]
-                }] }
-    ];
-    /** @nocollapse */
-    CalenderDayComponent.ctorParameters = function () { return [
-        { type: DatePipe }
-    ]; };
-    CalenderDayComponent.propDecorators = {
-        objectData: [{ type: Input }],
-        layoutType: [{ type: Input }],
-        day: [{ type: Input }],
-        dataLoading: [{ type: Input }],
-        rowId: [{ type: Input }],
-        eventDate: [{ type: Input }]
-    };
-    return CalenderDayComponent;
-}());
-export { CalenderDayComponent };
-if (false) {
-    /** @type {?} */
-    CalenderDayComponent.prototype.objectData;
-    /** @type {?} */
-    CalenderDayComponent.prototype.layoutType;
-    /** @type {?} */
-    CalenderDayComponent.prototype.day;
-    /** @type {?} */
-    CalenderDayComponent.prototype.dataLoading;
-    /** @type {?} */
-    CalenderDayComponent.prototype.rowId;
-    /** @type {?} */
-    CalenderDayComponent.prototype.eventDate;
-    /** @type {?} */
-    CalenderDayComponent.prototype.webDisplayDate;
-    /** @type {?} */
-    CalenderDayComponent.prototype.mobileDisplayDate;
-    /** @type {?} */
-    CalenderDayComponent.prototype.currentDate;
-    /**
-     * @type {?}
-     * @private
-     */
-    CalenderDayComponent.prototype.datePipe;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kZXItZGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY2FsZW5kZXIvY2FsZW5kZXItZGF5L2NhbGVuZGVyLWRheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RDtJQWlCRSw4QkFBb0IsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUp0QyxtQkFBYyxHQUFXLEVBQUUsQ0FBQTtRQUMzQixzQkFBaUIsR0FBVyxFQUFFLENBQUE7UUFDOUIsZ0JBQVcsR0FBUSxJQUFJLElBQUksRUFBRSxDQUFBO0lBRWEsQ0FBQzs7OztJQUUzQyx1Q0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFDekUsQ0FBQzs7Ozs7SUFFRCx1Q0FBUTs7OztJQUFSLFVBQVMsSUFBWTtRQUNuQixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUM3QixDQUFDOzs7Ozs7SUFFRCx5Q0FBVTs7Ozs7SUFBVixVQUFXLElBQVMsRUFBRSxJQUFZOztZQUM1QixLQUFLLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzFCLElBQUksSUFBSSxLQUFLLEtBQUssRUFBRTtZQUNsQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQTtTQUNuRDtRQUNELElBQUksSUFBSSxLQUFLLEtBQUssRUFBRTtZQUNsQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQTtTQUNsRDtJQUNILENBQUM7O2dCQW5DRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsMDRYQUE0Qzs7aUJBRTdDOzs7O2dCQVBRLFFBQVE7Ozs2QkFVZCxLQUFLOzZCQUNMLEtBQUs7c0JBQ0wsS0FBSzs4QkFDTCxLQUFLO3dCQUNMLEtBQUs7NEJBQ0wsS0FBSzs7SUF3QlIsMkJBQUM7Q0FBQSxBQXBDRCxJQW9DQztTQS9CWSxvQkFBb0I7OztJQUUvQiwwQ0FBd0I7O0lBQ3hCLDBDQUF3Qjs7SUFDeEIsbUNBQWlCOztJQUNqQiwyQ0FBNkI7O0lBQzdCLHFDQUFtQjs7SUFDbkIseUNBQXVCOztJQUN2Qiw4Q0FBMkI7O0lBQzNCLGlEQUE4Qjs7SUFDOUIsMkNBQTZCOzs7OztJQUVqQix3Q0FBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLWNhbGVuZGVyLWRheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxlbmRlci1kYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxlbmRlci1kYXkuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYWxlbmRlckRheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIEBJbnB1dCgpIGxheW91dFR5cGU6IGFueVxuICBASW5wdXQoKSBkYXk6IGFueVxuICBASW5wdXQoKSBkYXRhTG9hZGluZzogYm9vbGVhblxuICBASW5wdXQoKSByb3dJZDogYW55XG4gIEBJbnB1dCgpIGV2ZW50RGF0ZTogYW55XG4gIHdlYkRpc3BsYXlEYXRlOiBzdHJpbmcgPSBcIlwiXG4gIG1vYmlsZURpc3BsYXlEYXRlOiBzdHJpbmcgPSBcIlwiXG4gIGN1cnJlbnREYXRlOiBhbnkgPSBuZXcgRGF0ZSgpXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkYXRlUGlwZTogRGF0ZVBpcGUpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY3VycmVudERhdGUgPSB0aGlzLmRhdGVQaXBlLnRyYW5zZm9ybSh0aGlzLmN1cnJlbnREYXRlLCAneS1NTS1kZCcpXG4gIH1cblxuICBvcGVuTGluayhsaW5rOiBzdHJpbmcpIHtcbiAgICB3aW5kb3cub3BlbihsaW5rLCBcIl9ibGFua1wiKVxuICB9XG5cbiAgZm9ybWF0RGF0ZShkYXRlOiBhbnksIHR5cGU6IHN0cmluZykge1xuICAgIGxldCBmRGF0ZSA9IG5ldyBEYXRlKGRhdGUpXG4gICAgaWYgKHR5cGUgPT09ICd3ZWInKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRlUGlwZS50cmFuc2Zvcm0oZkRhdGUsICdFLCBkZCBMTEwnKVxuICAgIH1cbiAgICBpZiAodHlwZSA9PT0gJ21vYicpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGVQaXBlLnRyYW5zZm9ybShmRGF0ZSwgJ0UgZGQgTExMJylcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { DatePipe } from '@angular/common';
+import { Component, Input } from '@angular/core';
+var CalenderDayComponent = /** @class */ (function () {
+    function CalenderDayComponent(datePipe) {
+        this.datePipe = datePipe;
+        this.webDisplayDate = "";
+        this.mobileDisplayDate = "";
+        this.currentDate = new Date();
+    }
+    /**
+     * @return {?}
+     */
+    CalenderDayComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.currentDate = this.datePipe.transform(this.currentDate, 'y-MM-dd');
+    };
+    /**
+     * @param {?} link
+     * @return {?}
+     */
+    CalenderDayComponent.prototype.openLink = /**
+     * @param {?} link
+     * @return {?}
+     */
+    function (link) {
+        window.open(link, "_blank");
+    };
+    /**
+     * @param {?} date
+     * @param {?} type
+     * @return {?}
+     */
+    CalenderDayComponent.prototype.formatDate = /**
+     * @param {?} date
+     * @param {?} type
+     * @return {?}
+     */
+    function (date, type) {
+        /** @type {?} */
+        var fDate = new Date(date);
+        if (type === 'web') {
+            return this.datePipe.transform(fDate, 'E, dd LLL');
+        }
+        if (type === 'mob') {
+            return this.datePipe.transform(fDate, 'E dd LLL');
+        }
+    };
+    CalenderDayComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'sb-uic-calender-day',
+                    template: "<div *ngIf=\"layoutType==='grid' && !dataLoading\">\r\n    <div class=\"p-3 event-day my-3\"\r\n        [style.backgroundColor]=\"objectData?.webBackgroundColor\"\r\n        [style.borderColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\">\r\n    \r\n        <div class=\"flex item-top gap-8 {{ day.length ? '' : 'aliginCenter'}}\">\r\n            <div class=\"event-date\">\r\n                <div class=\"currentDay\"\r\n                    [style.backgroundColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\"\r\n                    [style.color]=\"currentDate === eventDate ? objectData?.activeColor: ''\">\r\n                    {{formatDate(eventDate, 'web')}}\r\n                </div>\r\n            </div>\r\n            <div class=\"details w-full\" *ngIf=\"day.length\">\r\n                <div class=\"flex p-4 item-center events-list mb-{{day.length === (i+1) ? '0' : '2'}} gap-20\" [style.backgroundColor]=\"objectData?.eventBackgroundColor\"\r\n                    *ngFor=\"let event of day; let i = index\" >\r\n                    <div>\r\n                        <div class=\"flex flex-row item-center gap-10 pb-2\">\r\n                            <div class=\"flex item-center gap-1 row1 col1 range-width\">\r\n                                <div><mat-icon class=\"icon-web\">schedule</mat-icon> </div>\r\n                                <div>{{event.startTime}} to {{event.endTime}}</div>\r\n                            </div>\r\n                            <div class=\"flex item-center col1 \">{{event.title}}</div>\r\n                        </div>\r\n                        <div class=\"flex flex-row item-center gap-10\">\r\n                            <div class=\"flex item-center gap-1 row1 col1\" *ngIf=\"event.startDate && event.endDate && event.startDate !== event.endDate\">\r\n                                <div><mat-icon class=\"icon-web\">date_range</mat-icon> </div>\r\n                                <div class=\"upcase\">{{event.startDate}} - {{event.endDate}}</div>\r\n                            </div>\r\n                            <div class=\"flex item-center col1\">\r\n                                <div><mat-icon class=\"icon-web\">location_on</mat-icon> </div>\r\n                                <div class=\"flex item-center\">{{event.location}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"visit-link flex gap-2\"\r\n                        *ngIf=\"event?.registrationLink\">\r\n                        <div (click)=\"openLink(event?.registrationLink)\">Visit</div>\r\n                        <div (click)=\"openLink(event?.registrationLink)\"><mat-icon class=\"visit-icon\">open_in_new</mat-icon> </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"details w-full\" *ngIf=\"!day.length\">\r\n                No trainings.\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"layoutType==='row' && !dataLoading\">\r\n    <div class=\"pl-5 pr-5 mb-{{day?.length === (rowId+1) ? '0' : '3'}}\"\r\n        >\r\n        <div class=\"flex item-center gap-4\">\r\n            <div class=\"event-date\">\r\n                <div class=\"flex flex-col\">\r\n                    <div> {{formatDate(eventDate, 'mob').split(' ')[0]}}</div>\r\n                    <div class=\"mob-currentDay\"\r\n                        [style.backgroundColor]=\"currentDate === eventDate ? objectData?.activeBackgroudColor: ''\"\r\n                        [style.color]=\"currentDate === eventDate ? objectData?.activeColor: ''\">\r\n                        {{formatDate(eventDate, 'mob').split(' ')[1]}}\r\n                    </div>\r\n                    <div> {{formatDate(eventDate, 'mob').split(' ')[2]}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"details w-full\" *ngIf=\"day.length\">\r\n                <div class=\"flex flex-col mob-events-list p-3 mb-{{day.length === (i+1) ? '0' : '2'}}\"\r\n                    *ngFor=\"let event of day; let i = index\" [style.backgroundColor]=\"objectData?.eventBackgroundColor\">\r\n                    <div>\r\n                        <div class=\"flex pb-2\">{{event.title}}</div>\r\n                        <div class=\"flex pb-1\">\r\n                            <div><mat-icon class=\"mob-icon\">schedule</mat-icon> </div>\r\n                            <div>{{event.startTime}} to {{event.endTime}}</div>\r\n                        </div>\r\n                        <div class=\"flex pb-1\" *ngIf=\"event.startDate && event.endDate && event.startDate !== event.endDate\">\r\n                            <div><mat-icon class=\"mob-icon\">date_range</mat-icon> </div>\r\n                            <div class=\"upcase\">{{event.startDate}} - {{event.endDate}}</div>\r\n                        </div>\r\n                        <div class=\"flex\">\r\n                            <div><mat-icon class=\"mob-icon\">location_on</mat-icon> </div>\r\n                            <div class=\"flex item-center\">{{event.location}}</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"details w-full p-3 flex no-data\" *ngIf=\"!day.length\" \r\n                [style.backgroundColor]=\"objectData?.mobileBackground\">\r\n                No trainings.\r\n            </div>\r\n        </div>        \r\n    </div>    \r\n</div>\r\n\r\n<!-- skeleton  loaders -->\r\n<div *ngIf=\"dataLoading\">\r\n    <div *ngIf=\"layoutType==='grid'\">\r\n        <div class=\"hidden md:block\">\r\n            <div class=\"p-3 event-day my-3\"\r\n                [style.backgroundColor]=\"'#FFF'\">\r\n                <div class=\"flex item-top gap-8\">\r\n                    <div class=\"event-date\">\r\n                        <div class=\"currentDay\">\r\n                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'90px'\"\r\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader>    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"details w-full\">\r\n                        <div class=\"flex p-4 item-center events-list mb-2 gap-20\">\r\n                            <div>\r\n                                <div class=\"flex flex-row item-center gap-20 pb-2\">\r\n                                    <div class=\"flex item-center gap-2 row1 col1\">\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'50px'\"\r\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\r\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"flex item-center col1\">\r\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\r\n                                        [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\r\n                                </div>\r\n                                <div class=\"flex flex-row item-center gap-20 pb-2\">\r\n                                    <div class=\"flex item-center gap-2 row1 col1\">\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'50px'\"\r\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\r\n                                            [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"flex item-center col1\">\r\n                                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'250px'\"\r\n                                        [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"visit-link flex gap-2\">\r\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'200px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader> </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"layoutType==='row'\">\r\n        <div class=\"block md:hidden\">\r\n            <div class=\"p-5\" \r\n            [style.backgroundColor]=\"'#FFFFFF'\">\r\n            <div class=\"flex item-center gap-4\">\r\n                <div class=\"event-date\">\r\n                    <div class=\"flex flex-col\">\r\n                        <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\r\n                                [height]=\"'90px'\"></sb-uic-skeleton-loader> \r\n                    </div>\r\n                </div>\r\n                <div class=\"details w-full\">\r\n                    <div class=\"flex flex-col mob-events-list p-3 mb-2\">\r\n                        <div>\r\n                            <div class=\"flex pb-2\">\r\n                                <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'265px'\"\r\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader> \r\n                            </div>\r\n                            <div class=\"flex pb-1 gap-2\">\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"flex pb-1 gap-2\">\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"flex gap-2\">\r\n                                <div><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'30px'\"\r\n                                    [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class=\"flex item-center\">\r\n                                    <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'230px'\"\r\n                                [height]=\"'32px'\"></sb-uic-skeleton-loader> \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>    \r\n</div>",
+                    styles: [".event-day{border:1px solid #c3c3c3;border-radius:15px}.event-date{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;width:10%;text-transform:uppercase}.events-list{border:1px solid #c3c3c3;border-radius:15px;justify-content:space-between;align-items:center;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.row1{width:235px}.icon-web{font-size:17px;height:17px}.upcase{text-transform:uppercase}.aliginCenter,.col1{align-items:center}.range-width{min-width:234px}.visit-link{cursor:pointer;align-items:center;justify-content:center}.visit-icon{font-size:17px;height:17px;color:#1b4ca1}.currentDay{padding:5px;border-radius:20px}.mob-currentDay{padding:8px;border-radius:20px}.mob-events-list{border:1px solid #e8e6e5;border-radius:10px;justify-content:space-between;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.mob-icon{font-size:17px;height:17px}.no-data{display:flex;align-items:center;border-radius:10px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    CalenderDayComponent.ctorParameters = function () { return [
+        { type: DatePipe }
+    ]; };
+    CalenderDayComponent.propDecorators = {
+        objectData: [{ type: Input }],
+        layoutType: [{ type: Input }],
+        day: [{ type: Input }],
+        dataLoading: [{ type: Input }],
+        rowId: [{ type: Input }],
+        eventDate: [{ type: Input }]
+    };
+    return CalenderDayComponent;
+}());
+export { CalenderDayComponent };
+if (false) {
+    /** @type {?} */
+    CalenderDayComponent.prototype.objectData;
+    /** @type {?} */
+    CalenderDayComponent.prototype.layoutType;
+    /** @type {?} */
+    CalenderDayComponent.prototype.day;
+    /** @type {?} */
+    CalenderDayComponent.prototype.dataLoading;
+    /** @type {?} */
+    CalenderDayComponent.prototype.rowId;
+    /** @type {?} */
+    CalenderDayComponent.prototype.eventDate;
+    /** @type {?} */
+    CalenderDayComponent.prototype.webDisplayDate;
+    /** @type {?} */
+    CalenderDayComponent.prototype.mobileDisplayDate;
+    /** @type {?} */
+    CalenderDayComponent.prototype.currentDate;
+    /**
+     * @type {?}
+     * @private
+     */
+    CalenderDayComponent.prototype.datePipe;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kZXItZGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY2FsZW5kZXIvY2FsZW5kZXItZGF5L2NhbGVuZGVyLWRheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RDtJQWlCRSw4QkFBb0IsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUp0QyxtQkFBYyxHQUFXLEVBQUUsQ0FBQTtRQUMzQixzQkFBaUIsR0FBVyxFQUFFLENBQUE7UUFDOUIsZ0JBQVcsR0FBUSxJQUFJLElBQUksRUFBRSxDQUFBO0lBRWEsQ0FBQzs7OztJQUUzQyx1Q0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFDekUsQ0FBQzs7Ozs7SUFFRCx1Q0FBUTs7OztJQUFSLFVBQVMsSUFBWTtRQUNuQixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUM3QixDQUFDOzs7Ozs7SUFFRCx5Q0FBVTs7Ozs7SUFBVixVQUFXLElBQVMsRUFBRSxJQUFZOztZQUM1QixLQUFLLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzFCLElBQUksSUFBSSxLQUFLLEtBQUssRUFBRTtZQUNsQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQTtTQUNuRDtRQUNELElBQUksSUFBSSxLQUFLLEtBQUssRUFBRTtZQUNsQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQTtTQUNsRDtJQUNILENBQUM7O2dCQW5DRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsNHhZQUE0Qzs7aUJBRTdDOzs7O2dCQVBRLFFBQVE7Ozs2QkFVZCxLQUFLOzZCQUNMLEtBQUs7c0JBQ0wsS0FBSzs4QkFDTCxLQUFLO3dCQUNMLEtBQUs7NEJBQ0wsS0FBSzs7SUF3QlIsMkJBQUM7Q0FBQSxBQXBDRCxJQW9DQztTQS9CWSxvQkFBb0I7OztJQUUvQiwwQ0FBd0I7O0lBQ3hCLDBDQUF3Qjs7SUFDeEIsbUNBQWlCOztJQUNqQiwyQ0FBNkI7O0lBQzdCLHFDQUFtQjs7SUFDbkIseUNBQXVCOztJQUN2Qiw4Q0FBMkI7O0lBQzNCLGlEQUE4Qjs7SUFDOUIsMkNBQTZCOzs7OztJQUVqQix3Q0FBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRlUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYi11aWMtY2FsZW5kZXItZGF5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FsZW5kZXItZGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYWxlbmRlci1kYXkuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FsZW5kZXJEYXlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBvYmplY3REYXRhOiBhbnlcclxuICBASW5wdXQoKSBsYXlvdXRUeXBlOiBhbnlcclxuICBASW5wdXQoKSBkYXk6IGFueVxyXG4gIEBJbnB1dCgpIGRhdGFMb2FkaW5nOiBib29sZWFuXHJcbiAgQElucHV0KCkgcm93SWQ6IGFueVxyXG4gIEBJbnB1dCgpIGV2ZW50RGF0ZTogYW55XHJcbiAgd2ViRGlzcGxheURhdGU6IHN0cmluZyA9IFwiXCJcclxuICBtb2JpbGVEaXNwbGF5RGF0ZTogc3RyaW5nID0gXCJcIlxyXG4gIGN1cnJlbnREYXRlOiBhbnkgPSBuZXcgRGF0ZSgpXHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGF0ZVBpcGU6IERhdGVQaXBlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmN1cnJlbnREYXRlID0gdGhpcy5kYXRlUGlwZS50cmFuc2Zvcm0odGhpcy5jdXJyZW50RGF0ZSwgJ3ktTU0tZGQnKVxyXG4gIH1cclxuXHJcbiAgb3BlbkxpbmsobGluazogc3RyaW5nKSB7XHJcbiAgICB3aW5kb3cub3BlbihsaW5rLCBcIl9ibGFua1wiKVxyXG4gIH1cclxuXHJcbiAgZm9ybWF0RGF0ZShkYXRlOiBhbnksIHR5cGU6IHN0cmluZykge1xyXG4gICAgbGV0IGZEYXRlID0gbmV3IERhdGUoZGF0ZSlcclxuICAgIGlmICh0eXBlID09PSAnd2ViJykge1xyXG4gICAgICByZXR1cm4gdGhpcy5kYXRlUGlwZS50cmFuc2Zvcm0oZkRhdGUsICdFLCBkZCBMTEwnKVxyXG4gICAgfVxyXG4gICAgaWYgKHR5cGUgPT09ICdtb2InKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmRhdGVQaXBlLnRyYW5zZm9ybShmRGF0ZSwgJ0UgZGQgTExMJylcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19