@sunbird-cb/consumption 0.0.24 → 0.0.25

package/bundles/sunbird-cb-consumption.umd.js

@@ -10069,8 +10069,8 @@
         CardKarmaProgramsComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'sb-uic-card-karma-programs',
-                        template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n    <div class=\"display-contents\">\n        <ng-container *ngIf=\"widgetData.content\">\n            <a (click)=\"raiseTelemetry();$event.stopPropagation()\" \n                [routerLink]=\"['/app/learn/karma-programs/asdfghj/123456/micro-sites']\" role=\"link\"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class=\"min-top\">\n                        <div class=\"flex flex-col h-full\">\n                            <div class=\"image-container\">\n                                <ng-container *ngIf=\"widgetData.content.posterImage\">\n                                    <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n                                    class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                    [alt]=\"widgetData.content.name\" />\n                                  </ng-container>\n                                  <ng-container *ngIf=\"!widgetData.content.posterImage\">\n                                    <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n                                      <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n                                      class=\"card-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                      [alt]=\"widgetData.content.name\" />\n                                    </ng-container>\n                                    <ng-template #defaultImg>\n                                      <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n                                      class=\"card-img ws-mat-primary-lite-background margin-remove\"\n                                      [alt]=\"widgetData.content.name\" />\n                                    </ng-template>\n                                  </ng-container>\n                            </div>\n                            <div class=\"title-container\">\n                                <div class=\"flex   px-2\">\n                                    <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n                                        class=\"flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text\">\n                                        {{ widgetData?.content?.name }}\n                                    </div>\n                                </div>\n                                <div class=\"flex  px-2\">\n                                    <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n                                        class=\"flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text\">\n                                        {{ widgetData?.content?.programCount}} Programs\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>",
-                        styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:208px;height:208px;max-height:208px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:124px;max-height:124px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]
+                        template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n    <div class=\"display-contents\">\n        <ng-container *ngIf=\"widgetData.content\">\n            <a (click)=\"raiseTelemetry();$event.stopPropagation()\" \n                [routerLink]=\"['/app/learn/karma-programs/asdfghj/123456/micro-sites']\" role=\"link\"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class=\"min-top\">\n                        <div class=\"flex flex-col h-full\">\n                            <div class=\"image-container\">\n                                <ng-container *ngIf=\"widgetData.content.posterImage\">\n                                    <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n                                    class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                    [alt]=\"widgetData.content.name\" />\n                                  </ng-container>\n                                  <ng-container *ngIf=\"!widgetData.content.posterImage\">\n                                    <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n                                      <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n                                      class=\"card-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                      [alt]=\"widgetData.content.name\" />\n                                    </ng-container>\n                                    <ng-template #defaultImg>\n                                      <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n                                      class=\"card-img ws-mat-primary-lite-background margin-remove\"\n                                      [alt]=\"widgetData.content.name\" />\n                                    </ng-template>\n                                  </ng-container>\n                            </div>\n                            <div class=\"title-container\">\n                                <div class=\"flex   px-2\">\n                                    <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n                                        class=\"flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text\">\n                                        {{ widgetData?.content?.name }}\n                                    </div>\n                                </div>\n                                <div class=\"flex  px-2\">\n                                    <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n                                        class=\"flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n                                        {{ widgetData?.content?.programCount}} Programs\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>",
+                        styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:0 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:139px;max-height:139px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -10128,6 +10128,33 @@
         CardKarmaProgramsComponent.prototype.configSvc;
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CardKarmaProgramV2Component = /** @class */ (function () {
+        function CardKarmaProgramV2Component() {
+        }
+        /**
+         * @return {?}
+         */
+        CardKarmaProgramV2Component.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        CardKarmaProgramV2Component.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-card-karma-program-v2',
+                        template: "<p>card-karma-program-v2 works!</p>\n",
+                        styles: [""]
+                    }] }
+        ];
+        /** @nocollapse */
+        CardKarmaProgramV2Component.ctorParameters = function () { return []; };
+        return CardKarmaProgramV2Component;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -10145,7 +10172,8 @@
                             CardWideComponent,
                             CardMDOChannelComponent,
                             CardWideV2Component,
-                            CardKarmaProgramsComponent
+                            CardKarmaProgramsComponent,
+                            CardKarmaProgramV2Component
                         ],
                         imports: [
                             common.CommonModule,
@@ -11809,28 +11837,29 @@
     exports.ɵb = WidgetUserService;
     exports.ɵba = CardWideV2Component;
     exports.ɵbb = CardKarmaProgramsComponent;
-    exports.ɵbc = PipePublicURLModule;
-    exports.ɵbd = PipePublicURL;
-    exports.ɵbe = DisplayContentTypeLibModule;
-    exports.ɵbf = DisplayContentTypeLibComponent;
-    exports.ɵbg = DefaultThumbnailModule;
-    exports.ɵbh = DefaultThumbnailDirective;
-    exports.ɵbi = PipeDurationTransformModule;
-    exports.ɵbj = PipeDurationTransformPipe;
-    exports.ɵbk = CompetencyPassbookComponent;
-    exports.ɵbl = CompetencyPassbookService;
-    exports.ɵbm = PillsModule;
-    exports.ɵbn = PillsComponent;
-    exports.ɵbo = UserContentRatingLibComponent;
-    exports.ɵbp = ScrollableItemDirective;
-    exports.ɵbq = RatingService;
-    exports.ɵbr = UserContentRatingLibService;
-    exports.ɵbs = AvatarPhotoLibModule;
-    exports.ɵbt = AvatarPhotoLibComponent;
-    exports.ɵbu = MyHammerConfig$1;
-    exports.ɵbv = SlidersNgContentLibModule;
-    exports.ɵbw = SlidersNgContentLibComponent;
-    exports.ɵbx = ScrollableItemModule;
+    exports.ɵbc = CardKarmaProgramV2Component;
+    exports.ɵbd = PipePublicURLModule;
+    exports.ɵbe = PipePublicURL;
+    exports.ɵbf = DisplayContentTypeLibModule;
+    exports.ɵbg = DisplayContentTypeLibComponent;
+    exports.ɵbh = DefaultThumbnailModule;
+    exports.ɵbi = DefaultThumbnailDirective;
+    exports.ɵbj = PipeDurationTransformModule;
+    exports.ɵbk = PipeDurationTransformPipe;
+    exports.ɵbl = CompetencyPassbookComponent;
+    exports.ɵbm = CompetencyPassbookService;
+    exports.ɵbn = PillsModule;
+    exports.ɵbo = PillsComponent;
+    exports.ɵbp = UserContentRatingLibComponent;
+    exports.ɵbq = ScrollableItemDirective;
+    exports.ɵbr = RatingService;
+    exports.ɵbs = UserContentRatingLibService;
+    exports.ɵbt = AvatarPhotoLibModule;
+    exports.ɵbu = AvatarPhotoLibComponent;
+    exports.ɵbv = MyHammerConfig$1;
+    exports.ɵbw = SlidersNgContentLibModule;
+    exports.ɵbx = SlidersNgContentLibComponent;
+    exports.ɵby = ScrollableItemModule;
     exports.ɵc = MultilingualTranslationsService;
     exports.ɵd = ConfigurationsService;
     exports.ɵe = HorizontalScrollerV2Module;