@sunbird-cb/consumption 0.0.82 → 0.0.83

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

@@ -0,0 +1,181 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import { InsiteDataService } from '../../_services/insite-data.service';
+import * as moment_ from 'moment';
+/** @type {?} */
+var moment = moment_;
+var EventsComponent = /** @class */ (function () {
+    function EventsComponent(insightSvc) {
+        this.insightSvc = insightSvc;
+        this.daysBetween = [];
+        this.events = [];
+        this.loader = false;
+    }
+    /**
+     * @return {?}
+     */
+    EventsComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.requestBody = {
+            locale: [
+                'en',
+            ],
+            query: '',
+            request: {
+                query: '',
+                filters: {
+                    status: ['Live'],
+                    contentType: 'Event',
+                    category: 'Event',
+                    startDate: {
+                        ">=": '',
+                        "<": ''
+                    }
+                },
+                sort_by: {
+                    startDate: 'desc',
+                },
+            },
+        };
+        this.getEventsList();
+    };
+    /**
+     * @return {?}
+     */
+    EventsComponent.prototype.getDaysBetweenDates = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var currentDate = moment(this.nwlEventsConfig.startDate, 'DD-MM-YYYY');
+        /** @type {?} */
+        var endDate = moment(this.nwlEventsConfig.endDate, 'DD-MM-YYYY');
+        while (currentDate.isSameOrBefore(endDate)) {
+            /** @type {?} */
+            var localObj = {};
+            localObj['startDate'] = currentDate.format('YYYY-MM-DD');
+            localObj['diplayFormat'] = currentDate.format('MMM DD, YYYY');
+            if (currentDate.isSame(moment(), 'day')) {
+                this.currentDay = currentDate.format('YYYY-MM-DD');
+            }
+            currentDate.add(1, 'days').format('YYYY-MM-DD');
+            this.daysBetween.push(localObj);
+        }
+        console.log("currentDay ", this.currentDay);
+    };
+    /**
+     * @param {?} slectedDate
+     * @return {?}
+     */
+    EventsComponent.prototype.getEvents = /**
+     * @param {?} slectedDate
+     * @return {?}
+     */
+    function (slectedDate) {
+        var _this = this;
+        this.currentDay = slectedDate.target.value;
+        /** @type {?} */
+        var nextDay = moment(slectedDate.target.value, 'YYYY-MM-DD');
+        nextDay.add(1, 'days');
+        this.requestBody.request.filters.startDate[">="] = this.currentDay;
+        this.requestBody.request.filters.startDate["<"] = nextDay.format('YYYY-MM-DD');
+        this.loader = true;
+        this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            _this.events = [];
+            if (res && res.result && res.result.count > 0) {
+                _this.events = res.result.Event;
+                _this.loader = false;
+            }
+            else {
+                _this.loader = false;
+            }
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) {
+            _this.loader = false;
+        }));
+    };
+    /**
+     * @return {?}
+     */
+    EventsComponent.prototype.getEventsList = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.getDaysBetweenDates();
+        /** @type {?} */
+        var nextDay = moment(this.currentDay, 'YYYY-MM-DD');
+        nextDay.add(1, 'days');
+        this.requestBody.request.filters.startDate[">="] = this.currentDay;
+        this.requestBody.request.filters.startDate["<"] = nextDay.format('YYYY-MM-DD');
+        this.loader = true;
+        this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            _this.events = [];
+            if (res && res.result && res.result.count > 0) {
+                _this.events = res.result.Event;
+                _this.loader = false;
+            }
+            else {
+                _this.loader = false;
+            }
+        }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) {
+            _this.loader = false;
+        }));
+    };
+    EventsComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'sb-uic-events',
+                    template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n    <div class=\"event-title\">\n        {{object?.title}}\n    </div>\n    <div class=\"events-select\">\n        <select (change)=\"getEvents($event)\">\n            <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n        </select>\n    </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n    <div class=\"events-card-wrapper\">\n        <div *ngIf=\"!loader\">\n            <div *ngIf=\"events?.length > 0\">\n                <div *ngFor=\"let event of events\">\n                    <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n                </div>\n            </div>\n            <div *ngIf=\"events?.length === 0\">\n                <div class=\"flex item-center justify-center p-5 no-events\">\n                    No events exist.\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"loader && events?.length === 0\">\n            <div *ngFor=\"let event of [1,2,3]\">\n                <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n            </div>\n        </div>\n    </div>\n</div>",
+                    styles: ["@charset \"UTF-8\";.e-header{justify-content:space-between}.event-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.events-select{position:relative;display:inline-block;width:150px}.events-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.events-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.no-events{border:1px solid #c3c3c3;border-radius:12px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    EventsComponent.ctorParameters = function () { return [
+        { type: InsiteDataService }
+    ]; };
+    EventsComponent.propDecorators = {
+        object: [{ type: Input }],
+        nwlEventsConfig: [{ type: Input }]
+    };
+    return EventsComponent;
+}());
+export { EventsComponent };
+if (false) {
+    /** @type {?} */
+    EventsComponent.prototype.object;
+    /** @type {?} */
+    EventsComponent.prototype.nwlEventsConfig;
+    /** @type {?} */
+    EventsComponent.prototype.daysBetween;
+    /** @type {?} */
+    EventsComponent.prototype.events;
+    /** @type {?} */
+    EventsComponent.prototype.requestBody;
+    /** @type {?} */
+    EventsComponent.prototype.currentDay;
+    /** @type {?} */
+    EventsComponent.prototype.loader;
+    /** @type {?} */
+    EventsComponent.prototype.insightSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vZXZlbnRzL2V2ZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDOztJQUM1QixNQUFNLEdBQUcsT0FBTztBQUV0QjtJQWNFLHlCQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQUxoRCxnQkFBVyxHQUFRLEVBQUUsQ0FBQTtRQUNyQixXQUFNLEdBQVEsRUFBRSxDQUFBO1FBR2hCLFdBQU0sR0FBWSxLQUFLLENBQUE7SUFDNkIsQ0FBQzs7OztJQUVyRCxrQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsV0FBVyxHQUFHO1lBQ2pCLE1BQU0sRUFBRTtnQkFDTixJQUFJO2FBQ0w7WUFDRCxLQUFLLEVBQUUsRUFBRTtZQUNULE9BQU8sRUFBRTtnQkFDUCxLQUFLLEVBQUUsRUFBRTtnQkFDVCxPQUFPLEVBQUU7b0JBQ1AsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDO29CQUNoQixXQUFXLEVBQUUsT0FBTztvQkFDcEIsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLFNBQVMsRUFBRzt3QkFDVixJQUFJLEVBQUUsRUFBRTt3QkFDUixHQUFHLEVBQUUsRUFBRTtxQkFDUjtpQkFDRjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsU0FBUyxFQUFFLE1BQU07aUJBQ2xCO2FBQ0Y7U0FDRixDQUFBO1FBQ0QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3RCLENBQUM7Ozs7SUFDRCw2Q0FBbUI7OztJQUFuQjs7WUFDTSxXQUFXLEdBQUcsTUFB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bkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSdcbmltcG9ydCAqIGFzIG1vbWVudF8gZnJvbSAnbW9tZW50JztcbmNvbnN0IG1vbWVudCA9IG1vbWVudF87XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1ldmVudHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXZlbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBvYmplY3Q6IGFueVxuICBASW5wdXQoKSBud2xFdmVudHNDb25maWc6IGFueVxuICBkYXlzQmV0d2VlbjogYW55ID0gW11cbiAgZXZlbnRzOiBhbnkgPSBbXVxuICByZXF1ZXN0Qm9keTogYW55XG4gIGN1cnJlbnREYXk6IGFueVxuICBsb2FkZXI6IGJvb2xlYW4gPSBmYWxzZVxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW5zaWdodFN2YzogSW5zaXRlRGF0YVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVxdWVzdEJvZHkgPSB7XG4gICAgICBsb2NhbGU6IFtcbiAgICAgICAgJ2VuJyxcbiAgICAgIF0sXG4gICAgICBxdWVyeTogJycsXG4gICAgICByZXF1ZXN0OiB7XG4gICAgICAgIHF1ZXJ5OiAnJyxcbiAgICAgICAgZmlsdGVyczoge1xuICAgICAgICAgIHN0YXR1czogWydMaXZlJ10sXG4gICAgICAgICAgY29udGVudFR5cGU6ICdFdmVudCcsXG4gICAgICAgICAgY2F0ZWdvcnk6ICdFdmVudCcsXG4gICAgICAgICAgc3RhcnREYXRlXHQ6IHtcbiAgICAgICAgICAgIFwiPj1cIjogJycsXG4gICAgICAgICAgICBcIjxcIjogJydcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHNvcnRfYnk6IHtcbiAgICAgICAgICBzdGFydERhdGU6ICdkZXNjJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuICAgIHRoaXMuZ2V0RXZlbnRzTGlzdCgpXG4gIH1cbiAgZ2V0RGF5c0JldHdlZW5EYXRlcygpIHtcbiAgICBsZXQgY3VycmVudERhdGUgPSBtb21lbnQodGhpcy5ud2xFdmVudHNDb25maWcuc3RhcnREYXRlLCAnREQtTU0tWVlZWScpXG4gICAgY29uc3QgZW5kRGF0ZSA9IG1vbWVudCh0aGlzLm53bEV2ZW50c0NvbmZpZy5lbmREYXRlLCAnREQtTU0tWVlZWScpXG4gICAgd2hpbGUgKGN1cnJlbnREYXRlLmlzU2FtZU9yQmVmb3JlKGVuZERhdGUpKSB7XG4gICAgICBsZXQgbG9jYWxPYmogPSB7fVxuICAgICAgbG9jYWxPYmpbJ3N0YXJ0RGF0ZSddID0gY3VycmVudERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgIGxvY2FsT2JqWydkaXBsYXlGb3JtYXQnXSA9IGN1cnJlbnREYXRlLmZvcm1hdCgnTU1NIERELCBZWVlZJylcbiAgICAgIGlmKGN1cnJlbnREYXRlLmlzU2FtZShtb21lbnQoKSwgJ2RheScpKXtcbiAgICAgICAgdGhpcy5jdXJyZW50RGF5ID0gY3VycmVudERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgIH1cbiAgICAgIGN1cnJlbnREYXRlLmFkZCgxLCAnZGF5cycpLmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgICB0aGlzLmRheXNCZXR3ZWVuLnB1c2gobG9jYWxPYmopXG4gICAgfVxuICAgIGNvbnNvbGUubG9nKFwiY3VycmVudERheSBcIiwgdGhpcy5jdXJyZW50RGF5KVxuICB9XG5cbiAgZ2V0RXZlbnRzKHNsZWN0ZWREYXRlOiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnREYXkgPSBzbGVjdGVkRGF0ZS50YXJnZXQudmFsdWVcbiAgICBsZXQgbmV4dERheSA9IG1vbWVudChzbGVjdGVkRGF0ZS50YXJnZXQudmFsdWUsICdZWVlZLU1NLUREJylcbiAgICBuZXh0RGF5LmFkZCgxLCAnZGF5cycpXG4gICAgdGhpcy5yZXF1ZXN0Qm9keS5yZXF1ZXN0LmZpbHRlcnMuc3RhcnREYXRlW1wiPj1cIl0gPSB0aGlzLmN1cnJlbnREYXlcbiAgICB0aGlzLnJlcXVlc3RCb2R5LnJlcXVlc3QuZmlsdGVycy5zdGFydERhdGVbXCI8XCJdID0gbmV4dERheS5mb3JtYXQoJ1lZWVktTU0tREQnKVxuICAgIHRoaXMubG9hZGVyID0gdHJ1ZVxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaFRyYWluaW5nRGV0YWlscyh0aGlzLnJlcXVlc3RCb2R5KS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcbiAgICAgIHRoaXMuZXZlbnRzID0gW11cbiAgICAgIGlmIChyZXMgJiYgcmVzLnJlc3VsdCAmJiByZXMucmVzdWx0LmNvdW50ID4gMCkge1xuICAgICAgICB0aGlzLmV2ZW50cyA9IHJlcy5yZXN1bHQuRXZlbnRcbiAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgICAgfVxuICAgIH0sIGVycm9yID0+IHtcbiAgICAgIHRoaXMubG9hZGVyID0gZmFsc2VcbiAgICB9KVxuICB9XG5cbiAgZ2V0RXZlbnRzTGlzdCgpIHtcbiAgICB0aGlzLmdldERheXNCZXR3ZWVuRGF0ZXMoKVxuICAgIGxldCBuZXh0RGF5ID0gbW9tZW50KHRoaXMuY3VycmVudERheSwgJ1lZWVktTU0tREQnKVxuICAgIG5leHREYXkuYWRkKDEsICdkYXlzJylcbiAgICB0aGlzLnJlcXVlc3RCb2R5LnJlcXVlc3QuZmlsdGVycy5zdGFydERhdGVbXCI+PVwiXSA9IHRoaXMuY3VycmVudERheVxuICAgIHRoaXMucmVxdWVzdEJvZHkucmVxdWVzdC5maWx0ZXJzLnN0YXJ0RGF0ZVtcIjxcIl0gPSBuZXh0RGF5LmZvcm1hdCgnWVlZWS1NTS1ERCcpXG4gICAgdGhpcy5sb2FkZXIgPSB0cnVlXG4gICAgdGhpcy5pbnNpZ2h0U3ZjLmZldGNoVHJhaW5pbmdEZXRhaWxzKHRoaXMucmVxdWVzdEJvZHkpLnN1YnNjcmliZSgocmVzOiBhbnkpPT4ge1xuICAgICAgdGhpcy5ldmVudHMgPSBbXVxuICAgICAgaWYgKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQuY291bnQgPiAwKSB7XG4gICAgICAgIHRoaXMuZXZlbnRzID0gcmVzLnJlc3VsdC5FdmVudFxuICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlXG4gICAgICB9XG4gICAgfSwgZXJyb3IgPT4ge1xuICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZVxuICAgIH0pXG4gIH1cblxufVxuIl19

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

@@ -0,0 +1,28 @@
+/**
+ * @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 { EventsComponent } from './events.component';
+import { EventCardComponent } from './event-card/event-card.component';
+import { RouterModule } from '@angular/router';
+import { SkeletonLoaderLibModule } from '../skeleton-loader-lib/skeleton-loader-lib.module';
+var EventsModule = /** @class */ (function () {
+    function EventsModule() {
+    }
+    EventsModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [EventsComponent, EventCardComponent],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        SkeletonLoaderLibModule,
+                    ],
+                    exports: [EventsComponent, EventCardComponent]
+                },] }
+    ];
+    return EventsModule;
+}());
+export { EventsModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vZXZlbnRzL2V2ZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFJNUY7SUFBQTtJQVM0QixDQUFDOztnQkFUNUIsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsQ0FBQztvQkFDbkQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsQ0FBQztpQkFDL0M7O0lBQzJCLG1CQUFDO0NBQUEsQUFUN0IsSUFTNkI7U0FBaEIsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRXZlbnRzQ29tcG9uZW50IH0gZnJvbSAnLi9ldmVudHMuY29tcG9uZW50JztcbmltcG9ydCB7IEV2ZW50Q2FyZENvbXBvbmVudCB9IGZyb20gJy4vZXZlbnQtY2FyZC9ldmVudC1jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUgfSBmcm9tICcuLi9za2VsZXRvbi1sb2FkZXItbGliL3NrZWxldG9uLWxvYWRlci1saWIubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0V2ZW50c0NvbXBvbmVudCwgRXZlbnRDYXJkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtFdmVudHNDb21wb25lbnQsIEV2ZW50Q2FyZENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRzTW9kdWxlIHsgfVxuIl19

package/esm5/lib/_common/highlights-of-week/highlights-of-week.component.js

@@ -0,0 +1,89 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input, QueryList, ViewChildren } from '@angular/core';
+import { ScrollableItemDirective } from '../../_directives/scrollable-item/scrollable-item.directive';
+var HighlightsOfWeekComponent = /** @class */ (function () {
+    function HighlightsOfWeekComponent() {
+        this.currentIndex = 0;
+        this.contentdata = [];
+        this.styleData = {};
+        this.expand = true;
+    }
+    /**
+     * @return {?}
+     */
+    HighlightsOfWeekComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.styleData = this.objectData && this.objectData.sliderData && this.objectData.sliderData.styleData;
+        if (this.objectData && this.objectData.list) {
+            this.objectData.list.forEach((/**
+             * @param {?} contentEle
+             * @return {?}
+             */
+            function (contentEle) {
+                /** @type {?} */
+                var localData = {};
+                localData['title'] = contentEle.title;
+                localData['videoUrl'] = contentEle.videoUrl;
+                localData['cardSubType'] = "card-wide-lib";
+                localData['description'] = contentEle.description;
+                _this.contentdata.push(localData);
+            }));
+        }
+    };
+    /**
+     * @return {?}
+     */
+    HighlightsOfWeekComponent.prototype.toggleWeekHightlits = /**
+     * @return {?}
+     */
+    function () {
+        this.expand = !this.expand;
+    };
+    /**
+     * @param {?} indexValue
+     * @return {?}
+     */
+    HighlightsOfWeekComponent.prototype.getCurrentIndex = /**
+     * @param {?} indexValue
+     * @return {?}
+     */
+    function (indexValue) {
+        this.currentIndex = indexValue;
+    };
+    HighlightsOfWeekComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'sb-uic-highlights-of-week',
+                    template: "<div *ngIf=\"contentdata.length\" class=\"highlights-of-the-week-container {{expand ? 'mb-4' : ''}}\">\n    <ng-container *ngIf=\"contentdata.length\">\n        <div class=\"flex title pb-3 no-radius items-center justify-between\">\n            <div class=\"flex gap-2\">\n                {{objectData?.title}}\n                <div class=\"block md:hidden\">\n                    <img [src]=\"objectData?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"objectData?.infoText\">\n                </div>                \n            </div>\n            <div class=\"block md:hidden\">\n                <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n            </div>\n        </div>\n        <div *ngIf=\"expand\">\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=\"wh-wrapper no-radius\">\n                            <div class=\"player\">\n                                <video width=\"100%\" height=\"100%\" controls *ngIf=\"i === currentIndex\">\n                                    <source [src]=\"item.videoUrl\" type=\"video/mp4\">\n                                    <source [src]=\"item.videoUrl\" type=\"application/x-mpegURL\" />\n                                </video>\n                            </div>\n                            <div class=\"player-title py-3\">\n                                {{item?.title}}\n                            </div>\n                            <div class=\"player-body\">\n                                {{item?.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </ng-container>\n</div>\n\n",
+                    styles: [".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]
+                }] }
+    ];
+    /** @nocollapse */
+    HighlightsOfWeekComponent.ctorParameters = function () { return []; };
+    HighlightsOfWeekComponent.propDecorators = {
+        objectData: [{ type: Input }],
+        scrollableItems: [{ type: ViewChildren, args: [ScrollableItemDirective,] }]
+    };
+    return HighlightsOfWeekComponent;
+}());
+export { HighlightsOfWeekComponent };
+if (false) {
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.objectData;
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.currentIndex;
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.contentdata;
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.styleData;
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.expand;
+    /** @type {?} */
+    HighlightsOfWeekComponent.prototype.scrollableItems;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0cy1vZi13ZWVrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vaGlnaGxpZ2h0cy1vZi13ZWVrL2hpZ2hsaWdodHMtb2Ytd2Vlay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFFdEc7SUFjRTtRQU5BLGlCQUFZLEdBQUcsQ0FBQyxDQUFBO1FBQ2hCLGdCQUFXLEdBQVEsRUFBRSxDQUFBO1FBQ3JCLGNBQVMsR0FBUSxFQUFFLENBQUE7UUFDbkIsV0FBTSxHQUFZLElBQUksQ0FBQTtJQUdOLENBQUM7Ozs7SUFFakIsNENBQVE7OztJQUFSO1FBQUEsaUJBWUM7UUFYQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFBO1FBQ3RHLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRTtZQUMzQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPOzs7O1lBQUMsVUFBQyxVQUFlOztvQkFDdkMsU0FBUyxHQUFHLEVBQUU7Z0JBQ2xCLFNBQVMsQ0FBQyxPQUFPLENBQUMsR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFBO2dCQUNyQyxTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQTtnQkFDM0MsU0FBUyxDQUFDLGFBQWEsQ0FBQyxHQUFJLGVBQWUsQ0FBQTtnQkFDM0MsU0FBUyxDQUFDLGFBQWEsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUE7Z0JBQ2pELEtBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ2xDLENBQUMsRUFBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDOzs7O0lBRUQsdURBQW1COzs7SUFBbkI7UUFDRSxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUM1QixDQUFDOzs7OztJQUVELG1EQUFlOzs7O0lBQWYsVUFBZ0IsVUFBZTtRQUM3QixJQUFJLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQTtJQUNoQyxDQUFDOztnQkFwQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLDhuRUFBa0Q7O2lCQUVuRDs7Ozs7NkJBR0UsS0FBSztrQ0FNTCxZQUFZLFNBQUMsdUJBQXVCOztJQTBCdkMsZ0NBQUM7Q0FBQSxBQXZDRCxJQXVDQztTQWxDWSx5QkFBeUI7OztJQUVwQywrQ0FBd0I7O0lBQ3hCLGlEQUFnQjs7SUFDaEIsZ0RBQXFCOztJQUNyQiw4Q0FBbUI7O0lBQ25CLDJDQUFzQjs7SUFFdEIsb0RBQTBGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9fZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWl0ZW0vc2Nyb2xsYWJsZS1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1oaWdobGlnaHRzLW9mLXdlZWsnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGlnaGxpZ2h0cy1vZi13ZWVrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGlnaGxpZ2h0cy1vZi13ZWVrLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSGlnaGxpZ2h0c09mV2Vla0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XG4gIGN1cnJlbnRJbmRleCA9IDBcbiAgY29udGVudGRhdGE6IGFueSA9IFtdXG4gIHN0eWxlRGF0YTogYW55ID0ge31cbiAgZXhwYW5kOiBib29sZWFuID0gdHJ1ZVxuICBcbiAgQFZpZXdDaGlsZHJlbihTY3JvbGxhYmxlSXRlbURpcmVjdGl2ZSkgc2Nyb2xsYWJsZUl0ZW1zOiBRdWVyeUxpc3Q8U2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmU+XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zdHlsZURhdGEgPSB0aGlzLm9iamVjdERhdGEgJiYgdGhpcy5vYmplY3REYXRhLnNsaWRlckRhdGEgJiYgdGhpcy5vYmplY3REYXRhLnNsaWRlckRhdGEuc3R5bGVEYXRhXG4gICAgaWYgKHRoaXMub2JqZWN0RGF0YSAmJiB0aGlzLm9iamVjdERhdGEubGlzdCkge1xuICAgICAgdGhpcy5vYmplY3REYXRhLmxpc3QuZm9yRWFjaCgoY29udGVudEVsZTogYW55KSA9PiB7XG4gICAgICAgIGxldCBsb2NhbERhdGEgPSB7fVxuICAgICAgICBsb2NhbERhdGFbJ3RpdGxlJ10gPSBjb250ZW50RWxlLnRpdGxlXG4gICAgICAgIGxvY2FsRGF0YVsndmlkZW9VcmwnXSA9IGNvbnRlbnRFbGUudmlkZW9VcmxcbiAgICAgICAgbG9jYWxEYXRhWydjYXJkU3ViVHlwZSddID0gIFwiY2FyZC13aWRlLWxpYlwiXG4gICAgICAgIGxvY2FsRGF0YVsnZGVzY3JpcHRpb24nXSA9IGNvbnRlbnRFbGUuZGVzY3JpcHRpb25cbiAgICAgICAgdGhpcy5jb250ZW50ZGF0YS5wdXNoKGxvY2FsRGF0YSlcbiAgICAgIH0pXG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlV2Vla0hpZ2h0bGl0cygpIHtcbiAgICB0aGlzLmV4cGFuZCA9ICF0aGlzLmV4cGFuZFxuICB9XG5cbiAgZ2V0Q3VycmVudEluZGV4KGluZGV4VmFsdWU6IGFueSkge1xuICAgIHRoaXMuY3VycmVudEluZGV4ID0gaW5kZXhWYWx1ZVxuICB9XG5cblxufVxuIl19

package/esm5/lib/_common/highlights-of-week/highlights-of-week.module.js

@@ -0,0 +1,32 @@
+/**
+ * @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 { MatIconModule, MatTooltipModule } from '@angular/material';
+import { HighlightsOfWeekComponent } from './highlights-of-week.component';
+import { ScrollableItemModule } from '../../_directives/scrollable-item/scrollable-item.module';
+import { SlidersNgContentLibModule } from '../sliders-ng-content/sliders-ng-content.module';
+var HighlightsOfWeekModule = /** @class */ (function () {
+    function HighlightsOfWeekModule() {
+    }
+    HighlightsOfWeekModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [HighlightsOfWeekComponent],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        ScrollableItemModule,
+                        SlidersNgContentLibModule
+                    ],
+                    exports: [
+                        HighlightsOfWeekComponent
+                    ]
+                },] }
+    ];
+    return HighlightsOfWeekModule;
+}());
+export { HighlightsOfWeekModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0cy1vZi13ZWVrLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vaGlnaGxpZ2h0cy1vZi13ZWVrL2hpZ2hsaWdodHMtb2Ytd2Vlay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNoRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUk1RjtJQUFBO0lBYXNDLENBQUM7O2dCQWJ0QyxRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7aUJBQ0Y7O0lBQ3FDLDZCQUFDO0NBQUEsQUFidkMsSUFhdUM7U0FBMUIsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlLCBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgSGlnaGxpZ2h0c09mV2Vla0NvbXBvbmVudCB9IGZyb20gJy4vaGlnaGxpZ2h0cy1vZi13ZWVrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTY3JvbGxhYmxlSXRlbU1vZHVsZSB9IGZyb20gJy4uLy4uL19kaXJlY3RpdmVzL3Njcm9sbGFibGUtaXRlbS9zY3JvbGxhYmxlLWl0ZW0ubW9kdWxlJztcbmltcG9ydCB7IFNsaWRlcnNOZ0NvbnRlbnRMaWJNb2R1bGUgfSBmcm9tICcuLi9zbGlkZXJzLW5nLWNvbnRlbnQvc2xpZGVycy1uZy1jb250ZW50Lm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtIaWdobGlnaHRzT2ZXZWVrQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgU2Nyb2xsYWJsZUl0ZW1Nb2R1bGUsXG4gICAgU2xpZGVyc05nQ29udGVudExpYk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgSGlnaGxpZ2h0c09mV2Vla0NvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEhpZ2hsaWdodHNPZldlZWtNb2R1bGUgeyB9XG4iXX0=

package/esm5/lib/_common/key-highlights/key-highlights.component.js

@@ -0,0 +1,74 @@
+/**
+ * @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';
+var KeyHighlightsComponent = /** @class */ (function () {
+    function KeyHighlightsComponent() {
+        this.currentIndex = 0;
+        this.providerId = '';
+        this.formData = '';
+        this.emptyResponse = new EventEmitter();
+        this.styleData = {};
+        this.contentdata = [];
+    }
+    /**
+     * @return {?}
+     */
+    KeyHighlightsComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.styleData = this.formData && this.formData.sliderData && this.formData.sliderData.styleData;
+        this.contentdata = this.formData && this.formData.content ? this.formData.content : [];
+    };
+    /**
+     * @param {?} indexValue
+     * @return {?}
+     */
+    KeyHighlightsComponent.prototype.getCurrentIndex = /**
+     * @param {?} indexValue
+     * @return {?}
+     */
+    function (indexValue) {
+        this.currentIndex = indexValue;
+    };
+    KeyHighlightsComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'sb-uic-key-highlights',
+                    template: "<ng-container *ngIf=\"contentdata?.length && mode === 'desktop'\">\n    <div class=\"key-highlighs-container\">\n        <sb-uic-sliders-ng-content\n            [title]=\"'providerName'\"\n            [autoScroll]=\"true\"\n            [currentIndex]=\"currentIndex\" \n            (currentIndexValue)=\"getCurrentIndex($event)\"\n            [loadNgContentData]=\"true\"\n            [customBanner]=\"true\"\n            [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n            <div sliderbody>\n                <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                    <div class=\"flex flex-row key-wrapper items-center justify-center\">\n                        <div class=\"kh-description\"> {{content?.title}}</div>\n                    </div>\n                </div>\n            </div>                    \n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"contentdata?.length && mode === 'mobile'\">\n    <div class=\"p-5\">\n        <div class=\"mob-key-highlighs-container\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [autoScroll]=\"true\"\n                [currentIndex]=\"currentIndex\" \n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\"\n                [customBanner]=\"true\"\n                [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"flex flex-row mkey-wrapper items-center justify-center\">\n                            <div class=\"mkh-description\"> {{content?.title}}</div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </div>\n</ng-container>",
+                    styles: [".kh-description{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:0 10px}.key-wrapper{background-color:#eaf1f8;padding:25px 16px;border-radius:50px}.mkey-wrapper{background-color:#eaf1f8;padding:16px;border-radius:50px}.mkh-description{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;padding:0 30px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    KeyHighlightsComponent.ctorParameters = function () { return []; };
+    KeyHighlightsComponent.propDecorators = {
+        providerId: [{ type: Input }],
+        formData: [{ type: Input }],
+        mode: [{ type: Input }],
+        emptyResponse: [{ type: Output }],
+        scrollableItems: [{ type: ViewChildren, args: [ScrollableItemDirective,] }]
+    };
+    return KeyHighlightsComponent;
+}());
+export { KeyHighlightsComponent };
+if (false) {
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.currentIndex;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.providerId;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.formData;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.mode;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.emptyResponse;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.styleData;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.contentdata;
+    /** @type {?} */
+    KeyHighlightsComponent.prototype.scrollableItems;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWhpZ2hsaWdodHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9rZXktaGlnaGxpZ2h0cy9rZXktaGlnaGxpZ2h0cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUV0RztJQWVFO1FBVEEsaUJBQVksR0FBUSxDQUFDLENBQUE7UUFDWixlQUFVLEdBQVMsRUFBRSxDQUFBO1FBQ3JCLGFBQVEsR0FBUyxFQUFFLENBQUE7UUFFbEIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO1FBRWpELGNBQVMsR0FBUSxFQUFFLENBQUE7UUFDbkIsZ0JBQVcsR0FBUSxFQUFFLENBQUE7SUFFTCxDQUFDOzs7O0lBRWpCLHlDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUE7UUFDaEcsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFBO0lBQ3hGLENBQUM7Ozs7O0lBRUQsZ0RBQWU7Ozs7SUFBZixVQUFnQixVQUFlO1FBQzdCLElBQUksQ0FBQyxZQUFZLEdBQUcsVUFBVSxDQUFBO0lBQ2hDLENBQUM7O2dCQXhCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsazlEQUE4Qzs7aUJBRS9DOzs7Ozs2QkFHRSxLQUFLOzJCQUNMLEtBQUs7dUJBQ0wsS0FBSztnQ0FDTCxNQUFNO2tDQUlOLFlBQVksU0FBQyx1QkFBdUI7O0lBV3ZDLDZCQUFDO0NBQUEsQUF6QkQsSUF5QkM7U0FwQlksc0JBQXNCOzs7SUFDakMsOENBQXFCOztJQUNyQiw0Q0FBOEI7O0lBQzlCLDBDQUE0Qjs7SUFDNUIsc0NBQWtCOztJQUNsQiwrQ0FBaUQ7O0lBRWpELDJDQUFtQjs7SUFDbkIsNkNBQXFCOztJQUNyQixpREFBMEYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9fZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWl0ZW0vc2Nyb2xsYWJsZS1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1rZXktaGlnaGxpZ2h0cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9rZXktaGlnaGxpZ2h0cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tleS1oaWdobGlnaHRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgS2V5SGlnaGxpZ2h0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGN1cnJlbnRJbmRleDogYW55ID0gMFxuICBASW5wdXQoKSBwcm92aWRlcklkIDogYW55ID0gJydcbiAgQElucHV0KCkgZm9ybURhdGEgOiBhbnkgPSAnJ1xuICBASW5wdXQoKSBtb2RlOiBhbnlcbiAgQE91dHB1dCgpIGVtcHR5UmVzcG9uc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuXG4gIHN0eWxlRGF0YTogYW55ID0ge30gIFxuICBjb250ZW50ZGF0YTogYW55ID0gW11cbiAgQFZpZXdDaGlsZHJlbihTY3JvbGxhYmxlSXRlbURpcmVjdGl2ZSkgc2Nyb2xsYWJsZUl0ZW1zOiBRdWVyeUxpc3Q8U2Nyb2xsYWJsZUl0ZW1EaXJlY3RpdmU+XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zdHlsZURhdGEgPSB0aGlzLmZvcm1EYXRhICYmIHRoaXMuZm9ybURhdGEuc2xpZGVyRGF0YSAmJiB0aGlzLmZvcm1EYXRhLnNsaWRlckRhdGEuc3R5bGVEYXRhXG4gICAgdGhpcy5jb250ZW50ZGF0YSA9IHRoaXMuZm9ybURhdGEgJiYgdGhpcy5mb3JtRGF0YS5jb250ZW50ID8gdGhpcy5mb3JtRGF0YS5jb250ZW50IDogW11cbiAgfVxuXG4gIGdldEN1cnJlbnRJbmRleChpbmRleFZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4VmFsdWVcbiAgfVxufVxuIl19

package/esm5/lib/_common/key-highlights/key-highlights.module.js

@@ -0,0 +1,32 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { KeyHighlightsComponent } from './key-highlights.component';
+import { MatIconModule } from '@angular/material';
+import { SlidersNgContentLibModule } from '../sliders-ng-content/sliders-ng-content.module';
+import { ScrollableItemModule } from '../../_directives/scrollable-item/scrollable-item.module';
+var KeyHighlightsModule = /** @class */ (function () {
+    function KeyHighlightsModule() {
+    }
+    KeyHighlightsModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [KeyHighlightsComponent],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        SlidersNgContentLibModule,
+                        ScrollableItemModule
+                    ],
+                    exports: [
+                        KeyHighlightsComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                },] }
+    ];
+    return KeyHighlightsModule;
+}());
+export { KeyHighlightsModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWhpZ2hsaWdodHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9rZXktaGlnaGxpZ2h0cy9rZXktaGlnaGxpZ2h0cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUloRztJQUFBO0lBYW1DLENBQUM7O2dCQWJuQyxRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IseUJBQXlCO3dCQUN6QixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBQyxDQUFDLHNCQUFzQixDQUFDO2lCQUNqQzs7SUFDa0MsMEJBQUM7Q0FBQSxBQWJwQyxJQWFvQztTQUF2QixtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtleUhpZ2hsaWdodHNDb21wb25lbnQgfSBmcm9tICcuL2tleS1oaWdobGlnaHRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgU2xpZGVyc05nQ29udGVudExpYk1vZHVsZSB9IGZyb20gJy4uL3NsaWRlcnMtbmctY29udGVudC9zbGlkZXJzLW5nLWNvbnRlbnQubW9kdWxlJztcbmltcG9ydCB7IFNjcm9sbGFibGVJdGVtTW9kdWxlIH0gZnJvbSAnLi4vLi4vX2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1pdGVtL3Njcm9sbGFibGUtaXRlbS5tb2R1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbS2V5SGlnaGxpZ2h0c0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBTbGlkZXJzTmdDb250ZW50TGliTW9kdWxlLFxuICAgIFNjcm9sbGFibGVJdGVtTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLZXlIaWdobGlnaHRzQ29tcG9uZW50XG4gIF0sXG4gIHNjaGVtYXM6W0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdXG59KVxuZXhwb3J0IGNsYXNzIEtleUhpZ2hsaWdodHNNb2R1bGUgeyB9XG4iXX0=