@sunbird-cb/consumption 0.0.63 → 0.0.65

package/esm5/lib/_common/cards/card-resource/card-resource.component.js

@@ -1,41 +1,41 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { Component, Input } from '@angular/core';
-import { WidgetBaseComponent } from '@sunbird-cb/resolver-v2';
-import { NsCardContent } from '../../../_models/card-content.model';
-var CardResourceComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(CardResourceComponent, _super);
-    function CardResourceComponent() {
-        return _super.call(this) || this;
-    }
-    /**
-     * @return {?}
-     */
-    CardResourceComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    CardResourceComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'ws-cb-widget-card-resource',
-                    template: " <!-- <mat-card class=\"card-resource-container mr-5 padding-remove cursor-pointer \" [ngClass]=\"{\n      greyOut:\n        widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n          ? true\n          : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n    }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n    <div class=\"display-contents\" [ngClass]=\"{\n        disableClick:\n          widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n            ? true\n            : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n      }\">\n      <ng-container *ngIf=\"widgetData.content\">\n        <a (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n            role=\"link\" i18n-aria-label>\n      <ng-container *ngIf=\"!isCardFlipped\">\n        <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n          matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n        <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n          matTooltip=\"Available only in Company's network\"\n          *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n        <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n          (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n          <mat-icon>flip_to_back</mat-icon>\n        </button>\n        <mat-card-content class=\"min-top\">\n          <div style=\"position: relative; z-index: 1;\">\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 class=\"source-div\" style=\"display: none;\">\n              <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n                [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n            </div>\n            <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n              <div class=\"cbp-mark\">\n                <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n              <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n                cbpData: cbPlanMapData[widgetData?.content?.identifier]\n              }}\"></ng-container>\n            </ng-container>\n            <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n              <span class=\" ws-mat-white-text duration\">\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n              </span>\n            </div>\n            <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n              <span class=\" ws-mat-white-text duration\">\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n              </span>\n            </div>\n          </div>\n          <div class=\"padding-m\">\n            <div class=\"course_widget flex margin-remove\">\n              <div class=\"flex flex-end course_v2\">\n                <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n                <ws-widget-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n                  class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n                  ?'Module'\n                  :widgetData.content?.primaryCategory\">\n\n                </ws-widget-display-content-type>\n              </div>\n              <div class=\"flex ml-5 flex-end course_v2\">\n                <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n                <ws-widget-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n                  class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n                  ?'Module'\n                  :widgetData.content?.primaryCategory\">\n\n                </ws-widget-display-content-type>\n              </div>\n            </div>\n            <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n              class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n              {{ widgetData.content.name }}\n            </div>\n            <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n              class=\"mat-subheading-1 description-text font-medium ws-mat-text-block-fade-gradient\">\n              {{ widgetData.content.name }}\n            </div>\n            <div class=\"flex w-full flex-wrap flex-middle\">\n              <div class=\"course_logo_box\">\n                <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n                [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n              </div>\n              <span class=\"org-text\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\n            </div>\n          </div>\n        </mat-card-content>\n      </ng-container>\n      <ng-container *ngIf=\"isCardFlipped\">\n        <div class=\"flex items-center\">\n          <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2>\n          <button mat-icon-button (click)=\"isCardFlipped = false\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n        <p class=\"text-justify mat-body-1\">\n          {{ widgetData.content.reason }}\n        </p>\n      </ng-container>\n        </a>\n      </ng-container>\n    </div>\n  </mat-card> -->\n",
-                    styles: [".card-resource-container{position:relative;width:384px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:450px;margin:20px 8px}.card-resource-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-resource-container .description-text{margin:12px 0;font-weight:400}.card-resource-container .course_logo_box{width:24px;height:24px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.1607843137);box-sizing:border-box}.card-resource-container .course_logo_box img{height:18px;width:18px;padding:2px;display:inline-block}.card-resource-container .course_logo_box p{display:inline-block;vertical-align:top}.card-resource-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-resource-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-resource-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-resource-container mat-card-content{background:#fff}.card-resource-container .card-img{max-height:240px;min-height:240px;width:100%;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px}.card-resource-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-resource-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-resource-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-resource-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-resource-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-resource-container .basic{margin:auto 0}.card-resource-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:2;-webkit-box-orient:vertical;min-height:48px}.card-resource-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}"]
-                }] }
-    ];
-    /** @nocollapse */
-    CardResourceComponent.ctorParameters = function () { return []; };
-    CardResourceComponent.propDecorators = {
-        widgetData: [{ type: Input }]
-    };
-    return CardResourceComponent;
-}(WidgetBaseComponent));
-export { CardResourceComponent };
-if (false) {
-    /** @type {?} */
-    CardResourceComponent.prototype.widgetData;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1yZXNvdXJjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2NhcmRzL2NhcmQtcmVzb3VyY2UvY2FyZC1yZXNvdXJjZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQW9CLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXBFO0lBSzJDLGlEQUFtQjtJQUs1RDtlQUNFLGlCQUFPO0lBQ1QsQ0FBQzs7OztJQUVELHdDQUFROzs7SUFBUjtJQUNBLENBQUM7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0Qyx1aVBBQTZDOztpQkFFOUM7Ozs7OzZCQUlFLEtBQUs7O0lBU1IsNEJBQUM7Q0FBQSxBQWpCRCxDQUsyQyxtQkFBbUIsR0FZN0Q7U0FaWSxxQkFBcUI7OztJQUdoQywyQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5zV2lkZ2V0UmVzb2x2ZXIsIFdpZGdldEJhc2VDb21wb25lbnQgfSBmcm9tICdAc3VuYmlyZC1jYi9yZXNvbHZlci12Mic7XG5pbXBvcnQgeyBOc0NhcmRDb250ZW50IH0gZnJvbSAnLi4vLi4vLi4vX21vZGVscy9jYXJkLWNvbnRlbnQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3cy1jYi13aWRnZXQtY2FyZC1yZXNvdXJjZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXJlc291cmNlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1yZXNvdXJjZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUmVzb3VyY2VDb21wb25lbnQgZXh0ZW5kcyBXaWRnZXRCYXNlQ29tcG9uZW50XG5pbXBsZW1lbnRzIE9uSW5pdCwgTnNXaWRnZXRSZXNvbHZlci5JV2lkZ2V0RGF0YTxOc0NhcmRDb250ZW50LklDYXJkPiAge1xuXG4gIEBJbnB1dCgpIHdpZGdldERhdGEhOiBOc0NhcmRDb250ZW50LklDYXJkO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { WidgetBaseComponent } from '@sunbird-cb/resolver-v2';
+import { NsCardContent } from '../../../_models/card-content.model';
+var CardResourceComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(CardResourceComponent, _super);
+    function CardResourceComponent() {
+        return _super.call(this) || this;
+    }
+    /**
+     * @return {?}
+     */
+    CardResourceComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    CardResourceComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ws-cb-widget-card-resource',
+                    template: " <!-- <mat-card class=\"card-resource-container mr-5 padding-remove cursor-pointer \" [ngClass]=\"{\r\n      greyOut:\r\n        widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n          ? true\r\n          : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n    }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\r\n    <div class=\"display-contents\" [ngClass]=\"{\r\n        disableClick:\r\n          widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n            ? true\r\n            : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n      }\">\r\n      <ng-container *ngIf=\"widgetData.content\">\r\n        <a (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \r\n            role=\"link\" i18n-aria-label>\r\n      <ng-container *ngIf=\"!isCardFlipped\">\r\n        <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\r\n          matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\r\n        <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\r\n          matTooltip=\"Available only in Company's network\"\r\n          *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\r\n        <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\r\n          (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\r\n          <mat-icon>flip_to_back</mat-icon>\r\n        </button>\r\n        <mat-card-content class=\"min-top\">\r\n          <div style=\"position: relative; z-index: 1;\">\r\n            <ng-container *ngIf=\"widgetData.content.posterImage\">\r\n              <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\r\n              class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n              [alt]=\"widgetData.content.name\" />\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!widgetData.content.posterImage\">\r\n              <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\r\n                <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\r\n                class=\"card-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n                [alt]=\"widgetData.content.name\" />\r\n              </ng-container>\r\n              <ng-template #defaultImg>\r\n                <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\r\n                class=\"card-img ws-mat-primary-lite-background margin-remove\"\r\n                [alt]=\"widgetData.content.name\" />\r\n              </ng-template>\r\n            </ng-container>\r\n            <div class=\"source-div\" style=\"display: none;\">\r\n              <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n                [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\r\n            </div>\r\n            <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\r\n              <div class=\"cbp-mark\">\r\n                <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\r\n              <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\r\n                cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n              }}\"></ng-container>\r\n            </ng-container>\r\n            <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\r\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n              <span class=\" ws-mat-white-text duration\">\r\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\r\n              </span>\r\n            </div>\r\n            <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\r\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n              <span class=\" ws-mat-white-text duration\">\r\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class=\"padding-m\">\r\n            <div class=\"course_widget flex margin-remove\">\r\n              <div class=\"flex flex-end course_v2\">\r\n                <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\r\n                <ws-widget-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\r\n                  class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\r\n                  ?'Module'\r\n                  :widgetData.content?.primaryCategory\">\r\n\r\n                </ws-widget-display-content-type>\r\n              </div>\r\n              <div class=\"flex ml-5 flex-end course_v2\">\r\n                <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\r\n                <ws-widget-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\r\n                  class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\r\n                  ?'Module'\r\n                  :widgetData.content?.primaryCategory\">\r\n\r\n                </ws-widget-display-content-type>\r\n              </div>\r\n            </div>\r\n            <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\r\n              class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\r\n              {{ widgetData.content.name }}\r\n            </div>\r\n            <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\r\n              class=\"mat-subheading-1 description-text font-medium ws-mat-text-block-fade-gradient\">\r\n              {{ widgetData.content.name }}\r\n            </div>\r\n            <div class=\"flex w-full flex-wrap flex-middle\">\r\n              <div class=\"course_logo_box\">\r\n                <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n                [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\r\n              </div>\r\n              <span class=\"org-text\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"isCardFlipped\">\r\n        <div class=\"flex items-center\">\r\n          <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2>\r\n          <button mat-icon-button (click)=\"isCardFlipped = false\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <p class=\"text-justify mat-body-1\">\r\n          {{ widgetData.content.reason }}\r\n        </p>\r\n      </ng-container>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-card> -->\r\n",
+                    styles: [".card-resource-container{position:relative;width:384px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:450px;margin:20px 8px}.card-resource-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-resource-container .description-text{margin:12px 0;font-weight:400}.card-resource-container .course_logo_box{width:24px;height:24px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.1607843137);box-sizing:border-box}.card-resource-container .course_logo_box img{height:18px;width:18px;padding:2px;display:inline-block}.card-resource-container .course_logo_box p{display:inline-block;vertical-align:top}.card-resource-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-resource-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-resource-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-resource-container mat-card-content{background:#fff}.card-resource-container .card-img{max-height:240px;min-height:240px;width:100%;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px}.card-resource-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-resource-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-resource-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-resource-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-resource-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-resource-container .basic{margin:auto 0}.card-resource-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:2;-webkit-box-orient:vertical;min-height:48px}.card-resource-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}"]
+                }] }
+    ];
+    /** @nocollapse */
+    CardResourceComponent.ctorParameters = function () { return []; };
+    CardResourceComponent.propDecorators = {
+        widgetData: [{ type: Input }]
+    };
+    return CardResourceComponent;
+}(WidgetBaseComponent));
+export { CardResourceComponent };
+if (false) {
+    /** @type {?} */
+    CardResourceComponent.prototype.widgetData;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1yZXNvdXJjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9jb25zdW1wdGlvbi8iLCJzb3VyY2VzIjpbImxpYi9fY29tbW9uL2NhcmRzL2NhcmQtcmVzb3VyY2UvY2FyZC1yZXNvdXJjZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQW9CLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXBFO0lBSzJDLGlEQUFtQjtJQUs1RDtlQUNFLGlCQUFPO0lBQ1QsQ0FBQzs7OztJQUVELHdDQUFROzs7SUFBUjtJQUNBLENBQUM7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxpeVBBQTZDOztpQkFFOUM7Ozs7OzZCQUlFLEtBQUs7O0lBU1IsNEJBQUM7Q0FBQSxBQWpCRCxDQUsyQyxtQkFBbUIsR0FZN0Q7U0FaWSxxQkFBcUI7OztJQUdoQywyQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTnNXaWRnZXRSZXNvbHZlciwgV2lkZ2V0QmFzZUNvbXBvbmVudCB9IGZyb20gJ0BzdW5iaXJkLWNiL3Jlc29sdmVyLXYyJztcclxuaW1wb3J0IHsgTnNDYXJkQ29udGVudCB9IGZyb20gJy4uLy4uLy4uL19tb2RlbHMvY2FyZC1jb250ZW50Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd3MtY2Itd2lkZ2V0LWNhcmQtcmVzb3VyY2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXJlc291cmNlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYXJkLXJlc291cmNlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkUmVzb3VyY2VDb21wb25lbnQgZXh0ZW5kcyBXaWRnZXRCYXNlQ29tcG9uZW50XHJcbmltcGxlbWVudHMgT25Jbml0LCBOc1dpZGdldFJlc29sdmVyLklXaWRnZXREYXRhPE5zQ2FyZENvbnRlbnQuSUNhcmQ+ICB7XHJcblxyXG4gIEBJbnB1dCgpIHdpZGdldERhdGEhOiBOc0NhcmRDb250ZW50LklDYXJkO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm5/lib/_common/cards/card-user/card-user.component.js

@@ -1,147 +1,147 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { MatSnackBar } from '@angular/material';
-import { ConfigurationsService, EventService } from '@sunbird-cb/utils-v2';
-import * as _ from "lodash";
-import { TranslateService } from '@ngx-translate/core';
-import { MultilingualTranslationsService } from '../../../_services/multilingual-translations.service';
-var CardUserComponent = /** @class */ (function () {
-    function CardUserComponent(snackBar, events, translate, langtranslations, configSvc) {
-        var _this = this;
-        this.snackBar = snackBar;
-        this.events = events;
-        this.translate = translate;
-        this.langtranslations = langtranslations;
-        this.configSvc = configSvc;
-        this.userData = new EventEmitter();
-        this.widgetType = 'df';
-        this.widgetSubType = 'sdf';
-        this.langtranslations.languageSelectedObservable.subscribe((/**
-         * @return {?}
-         */
-        function () {
-            if (localStorage.getItem('websiteLanguage')) {
-                _this.translate.setDefaultLang('en');
-                /** @type {?} */
-                var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
-                _this.translate.use(lang);
-            }
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    CardUserComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        /** @type {?} */
-        var instanceConfig = this.configSvc.instanceConfig;
-        if (instanceConfig) {
-            this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
-            this.sourceLogos = instanceConfig.sources;
-            this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
-        }
-    };
-    /**
-     * @param {?} userData
-     * @return {?}
-     */
-    CardUserComponent.prototype.getRedirectUrlData = /**
-     * @param {?} userData
-     * @return {?}
-     */
-    function (userData) {
-        this.userData.emit(userData);
-    };
-    /**
-     * @return {?}
-     */
-    CardUserComponent.prototype.raiseTelemetry = /**
-     * @return {?}
-     */
-    function () {
-        // if(this.forPreview){
-        //   return
-        // }
-        this.events.raiseInteractTelemetry({
-            type: 'click',
-            subType: this.widgetType + "-" + this.widgetSubType,
-            id: _.camelCase(this.widgetData.content.userId) + "-card",
-        }, {
-            id: this.widgetData.content.userId,
-            // type: this.widgetData.user.primaryCategory,
-            //context: this.widgetData.context,
-            rollup: {},
-        }, {
-            pageIdExt: _.camelCase('user') + "-card",
-            module: _.camelCase('user'),
-        });
-    };
-    CardUserComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'sb-uic-card-user',
-                    template: "<mat-card class=\"user-card card-users-container mr-5 padding-remove cursor-pointer\">\n    <div class=\"display-contents\">\n        <ng-container *ngIf=\"widgetData.content\">\n            <a (click)=\"raiseTelemetry();$event.stopPropagation()\" role=\"link\"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class=\"min-top\">\n                        <div style=\"position: relative; z-index: 1;\">\n                            <ng-container *ngIf=\"widgetData.content.image\">\n                                <img mat-card-image [src]=\"widgetData.content.image\"\n                                    loading=\"lazy\" class=\"card-img ws-mat-primary-lite-background margin-remove\"\n                                    [wsUtilsDefaultThumbnail]=\"defaultThumbnail\" [alt]=\"widgetData.content.name\" />\n                            </ng-container>\n                            <ng-container *ngIf=\"!widgetData.content.image\">\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=\"padding-m\">\n                            <div class=\"user_widget flex margin-remove\">\n                            </div>\n                            <div [id]=\"'m-c-'+ widgetData.content?.userId\"\n                                class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n                                {{ widgetData?.content?.name }}\n                            </div>\n                            <div class=\"flex w-full flex-wrap flex-middle\">\n                                <p class=\"whitespace-normal description-text mat-body-2\">\n                                    {{ widgetData?.content?.description }}\n                                </p>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>",
-                    styles: [".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-users-container mat-card-content{background:#fff}.card-users-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-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}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]
-                }] }
-    ];
-    /** @nocollapse */
-    CardUserComponent.ctorParameters = function () { return [
-        { type: MatSnackBar },
-        { type: EventService },
-        { type: TranslateService },
-        { type: MultilingualTranslationsService },
-        { type: ConfigurationsService }
-    ]; };
-    CardUserComponent.propDecorators = {
-        widgetData: [{ type: Input }],
-        userData: [{ type: Output }]
-    };
-    return CardUserComponent;
-}());
-export { CardUserComponent };
-if (false) {
-    /** @type {?} */
-    CardUserComponent.prototype.widgetData;
-    /** @type {?} */
-    CardUserComponent.prototype.userData;
-    /** @type {?} */
-    CardUserComponent.prototype.defaultThumbnail;
-    /** @type {?} */
-    CardUserComponent.prototype.sourceLogos;
-    /** @type {?} */
-    CardUserComponent.prototype.defaultSLogo;
-    /** @type {?} */
-    CardUserComponent.prototype.widgetType;
-    /** @type {?} */
-    CardUserComponent.prototype.widgetSubType;
-    /**
-     * @type {?}
-     * @private
-     */
-    CardUserComponent.prototype.snackBar;
-    /**
-     * @type {?}
-     * @private
-     */
-    CardUserComponent.prototype.events;
-    /**
-     * @type {?}
-     * @private
-     */
-    CardUserComponent.prototype.translate;
-    /**
-     * @type {?}
-     * @private
-     */
-    CardUserComponent.prototype.langtranslations;
-    /**
-     * @type {?}
-     * @private
-     */
-    CardUserComponent.prototype.configSvc;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC11c2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY2FyZHMvY2FyZC11c2VyL2NhcmQtdXNlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUV2RztJQWFFLDJCQUNVLFFBQXFCLEVBQ3JCLE1BQW9CLEVBQ3BCLFNBQTJCLEVBQzNCLGdCQUFpRCxFQUNqRCxTQUFnQztRQUwxQyxpQkFhRztRQVpPLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDckIsV0FBTSxHQUFOLE1BQU0sQ0FBYztRQUNwQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBQ2pELGNBQVMsR0FBVCxTQUFTLENBQXVCO1FBWGhDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO1FBSTVDLGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsa0JBQWEsR0FBTyxLQUFLLENBQUE7UUFPckIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLDBCQUEwQixDQUFDLFNBQVM7OztRQUFDO1lBQ3pELElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFO2dCQUMzQyxLQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQTs7b0JBQzdCLElBQUksR0FBRyxtQkFBQSxZQUFZLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEVBQUM7Z0JBQ3JELEtBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFBO2FBQ3pCO1FBQ0gsQ0FBQyxFQUFDLENBQUE7SUFDSixDQUFDOzs7O0lBRUgsb0NBQVE7OztJQUFSOztZQUNRLGNBQWMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWM7UUFDcEQsSUFBSSxjQUFjLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGNBQWMsQ0FBQyxLQUFLLENBQUMsY0FBYyxJQUFJLEVBQUUsQ0FBQTtZQUNqRSxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUE7WUFDekMsSUFBSSxDQUFDLFlBQVksR0FBRyxjQUFjLENBQUMsS0FBSyxDQUFDLGlCQUFpQixJQUFJLEVBQUUsQ0FBQTtTQUNqRTtJQUNILENBQUM7Ozs7O0lBRUQsOENBQWtCOzs7O0lBQWxCLFVBQW1CLFFBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDOUIsQ0FBQzs7OztJQUNELDBDQUFjOzs7SUFBZDtRQUNFLHVCQUF1QjtRQUN2QixXQUFXO1FBQ1gsSUFBSTtRQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQ2hDO1lBQ0UsSUFBSSxFQUFFLE9BQU87WUFDYixPQUFPLEVBQUssSUFBSSxDQUFDLFVBQVUsU0FBSSxJQUFJLENBQUMsYUFBZTtZQUNuRCxFQUFFLEVBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBTztTQUMxRCxFQUNEO1lBQ0UsRUFBRSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU07OztZQUdsQyxNQUFNLEVBQUUsRUFBRTtTQUVYLEVBQ0Q7WUFDRSxTQUFTLEVBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBTztZQUN4QyxNQUFNLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUM7U0FDNUIsQ0FBQyxDQUFBO0lBQ04sQ0FBQzs7Z0JBN0RGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QiwyMkVBQXlDOztpQkFFMUM7Ozs7Z0JBVlEsV0FBVztnQkFDWSxZQUFZO2dCQUVuQyxnQkFBZ0I7Z0JBQ2hCLCtCQUErQjtnQkFIL0IscUJBQXFCOzs7NkJBVzNCLEtBQUs7MkJBQ0wsTUFBTTs7SUF3RFQsd0JBQUM7Q0FBQSxBQS9ERCxJQStEQztTQTFEWSxpQkFBaUI7OztJQUM1Qix1Q0FBdUM7O0lBQ3ZDLHFDQUE0Qzs7SUFDNUMsNkNBQXFCOztJQUNyQix3Q0FBZ0I7O0lBQ2hCLHlDQUFpQjs7SUFDakIsdUNBQXNCOztJQUN0QiwwQ0FBeUI7Ozs7O0lBRXZCLHFDQUE2Qjs7Ozs7SUFDN0IsbUNBQTRCOzs7OztJQUM1QixzQ0FBbUM7Ozs7O0lBQ25DLDZDQUF5RDs7Ozs7SUFDekQsc0NBQXdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnNDYXJkVXNlciB9IGZyb20gJy4uLy4uLy4uL19tb2RlbHMvY2FyZC11c2Vycy5tb2RlbCc7XG5pbXBvcnQgeyBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zU2VydmljZSwgRXZlbnRTZXJ2aWNlIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInO1xuaW1wb3J0ICogYXMgXyBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX3NlcnZpY2VzL211bHRpbGluZ3VhbC10cmFuc2xhdGlvbnMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXVpYy1jYXJkLXVzZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC11c2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC11c2VyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2FyZFVzZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB3aWRnZXREYXRhITogTnNDYXJkVXNlci5JQ2FyZDtcbiAgQE91dHB1dCgpIHVzZXJEYXRhID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgZGVmYXVsdFRodW1ibmFpbDogYW55XG4gIHNvdXJjZUxvZ29zOiBhbnlcbiAgZGVmYXVsdFNMb2dvOiBhbnlcbiAgd2lkZ2V0VHlwZTogYW55ID0gJ2RmJ1xuICB3aWRnZXRTdWJUeXBlOiBhbnkgPSdzZGYnXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc25hY2tCYXI6IE1hdFNuYWNrQmFyLFxuICAgIHByaXZhdGUgZXZlbnRzOiBFdmVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBsYW5ndHJhbnNsYXRpb25zOiBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlLFxuICAgIHByaXZhdGUgY29uZmlnU3ZjOiBDb25maWd1cmF0aW9uc1NlcnZpY2UsKSB7IFxuICAgICAgdGhpcy5sYW5ndHJhbnNsYXRpb25zLmxhbmd1YWdlU2VsZWN0ZWRPYnNlcnZhYmxlLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnd2Vic2l0ZUxhbmd1YWdlJykpIHtcbiAgICAgICAgICB0aGlzLnRyYW5zbGF0ZS5zZXREZWZhdWx0TGFuZygnZW4nKVxuICAgICAgICAgIGNvbnN0IGxhbmcgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnd2Vic2l0ZUxhbmd1YWdlJykhXG4gICAgICAgICAgdGhpcy50cmFuc2xhdGUudXNlKGxhbmcpXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IGluc3RhbmNlQ29uZmlnID0gdGhpcy5jb25maWdTdmMuaW5zdGFuY2VDb25maWdcbiAgICBpZiAoaW5zdGFuY2VDb25maWcpIHtcbiAgICAgIHRoaXMuZGVmYXVsdFRodW1ibmFpbCA9IGluc3RhbmNlQ29uZmlnLmxvZ29zLmRlZmF1bHRDb250ZW50IHx8ICcnXG4gICAgICB0aGlzLnNvdXJjZUxvZ29zID0gaW5zdGFuY2VDb25maWcuc291cmNlc1xuICAgICAgdGhpcy5kZWZhdWx0U0xvZ28gPSBpbnN0YW5jZUNvbmZpZy5sb2dvcy5kZWZhdWx0U291cmNlTG9nbyB8fCAnJ1xuICAgIH1cbiAgfVxuXG4gIGdldFJlZGlyZWN0VXJsRGF0YSh1c2VyRGF0YTogYW55KXtcbiAgICB0aGlzLnVzZXJEYXRhLmVtaXQodXNlckRhdGEpXG4gIH1cbiAgcmFpc2VUZWxlbWV0cnkoKSB7XG4gICAgLy8gaWYodGhpcy5mb3JQcmV2aWV3KXtcbiAgICAvLyAgIHJldHVyblxuICAgIC8vIH1cbiAgICB0aGlzLmV2ZW50cy5yYWlzZUludGVyYWN0VGVsZW1ldHJ5KFxuICAgICAge1xuICAgICAgICB0eXBlOiAnY2xpY2snLFxuICAgICAgICBzdWJUeXBlOiBgJHt0aGlzLndpZGdldFR5cGV9LSR7dGhpcy53aWRnZXRTdWJUeXBlfWAsXG4gICAgICAgIGlkOiBgJHtfLmNhbWVsQ2FzZSh0aGlzLndpZGdldERhdGEuY29udGVudC51c2VySWQpfS1jYXJkYCxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGlkOiB0aGlzLndpZGdldERhdGEuY29udGVudC51c2VySWQsXG4gICAgICAgIC8vIHR5cGU6IHRoaXMud2lkZ2V0RGF0YS51c2VyLnByaW1hcnlDYXRlZ29yeSxcbiAgICAgICAgLy9jb250ZXh0OiB0aGlzLndpZGdldERhdGEuY29udGV4dCxcbiAgICAgICAgcm9sbHVwOiB7fSxcbiAgICAgICAgLy8gdmVyOiBgJHt0aGlzLndpZGdldERhdGEudXNlci52ZXJzaW9ufSR7Jyd9YCxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIHBhZ2VJZEV4dDogYCR7Xy5jYW1lbENhc2UoJ3VzZXInKX0tY2FyZGAsXG4gICAgICAgIG1vZHVsZTogXy5jYW1lbENhc2UoJ3VzZXInKSxcbiAgICAgIH0pXG4gIH1cblxufVxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatSnackBar } from '@angular/material';
+import { ConfigurationsService, EventService } from '@sunbird-cb/utils-v2';
+import * as _ from "lodash";
+import { TranslateService } from '@ngx-translate/core';
+import { MultilingualTranslationsService } from '../../../_services/multilingual-translations.service';
+var CardUserComponent = /** @class */ (function () {
+    function CardUserComponent(snackBar, events, translate, langtranslations, configSvc) {
+        var _this = this;
+        this.snackBar = snackBar;
+        this.events = events;
+        this.translate = translate;
+        this.langtranslations = langtranslations;
+        this.configSvc = configSvc;
+        this.userData = new EventEmitter();
+        this.widgetType = 'df';
+        this.widgetSubType = 'sdf';
+        this.langtranslations.languageSelectedObservable.subscribe((/**
+         * @return {?}
+         */
+        function () {
+            if (localStorage.getItem('websiteLanguage')) {
+                _this.translate.setDefaultLang('en');
+                /** @type {?} */
+                var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                _this.translate.use(lang);
+            }
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    CardUserComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var instanceConfig = this.configSvc.instanceConfig;
+        if (instanceConfig) {
+            this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
+            this.sourceLogos = instanceConfig.sources;
+            this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
+        }
+    };
+    /**
+     * @param {?} userData
+     * @return {?}
+     */
+    CardUserComponent.prototype.getRedirectUrlData = /**
+     * @param {?} userData
+     * @return {?}
+     */
+    function (userData) {
+        this.userData.emit(userData);
+    };
+    /**
+     * @return {?}
+     */
+    CardUserComponent.prototype.raiseTelemetry = /**
+     * @return {?}
+     */
+    function () {
+        // if(this.forPreview){
+        //   return
+        // }
+        this.events.raiseInteractTelemetry({
+            type: 'click',
+            subType: this.widgetType + "-" + this.widgetSubType,
+            id: _.camelCase(this.widgetData.content.userId) + "-card",
+        }, {
+            id: this.widgetData.content.userId,
+            // type: this.widgetData.user.primaryCategory,
+            //context: this.widgetData.context,
+            rollup: {},
+        }, {
+            pageIdExt: _.camelCase('user') + "-card",
+            module: _.camelCase('user'),
+        });
+    };
+    CardUserComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'sb-uic-card-user',
+                    template: "<mat-card class=\"user-card card-users-container mr-5 padding-remove cursor-pointer\">\r\n    <div class=\"display-contents\">\r\n        <ng-container *ngIf=\"widgetData.content\">\r\n            <a (click)=\"raiseTelemetry();$event.stopPropagation()\" role=\"link\"\r\n                i18n-aria-label>\r\n                <ng-container>\r\n                    <mat-card-content class=\"min-top\">\r\n                        <div style=\"position: relative; z-index: 1;\">\r\n                            <ng-container *ngIf=\"widgetData.content.image\">\r\n                                <img mat-card-image [src]=\"widgetData.content.image\"\r\n                                    loading=\"lazy\" class=\"card-img ws-mat-primary-lite-background margin-remove\"\r\n                                    [wsUtilsDefaultThumbnail]=\"defaultThumbnail\" [alt]=\"widgetData.content.name\" />\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!widgetData.content.image\">\r\n                                <ng-template #defaultImg>\r\n                                    <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\r\n                                        class=\"card-img ws-mat-primary-lite-background margin-remove\"\r\n                                        [alt]=\"widgetData.content.name\" />\r\n                                </ng-template>\r\n                            </ng-container>\r\n                        </div>\r\n                        <div class=\"padding-m\">\r\n                            <div class=\"user_widget flex margin-remove\">\r\n                            </div>\r\n                            <div [id]=\"'m-c-'+ widgetData.content?.userId\"\r\n                                class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\r\n                                {{ widgetData?.content?.name }}\r\n                            </div>\r\n                            <div class=\"flex w-full flex-wrap flex-middle\">\r\n                                <p class=\"whitespace-normal description-text mat-body-2\">\r\n                                    {{ widgetData?.content?.description }}\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </mat-card-content>\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\n</mat-card>",
+                    styles: [".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-users-container mat-card-content{background:#fff}.card-users-container .card-img{width:282px;height:158px;display:block;-o-object-fit:cover;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-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}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]
+                }] }
+    ];
+    /** @nocollapse */
+    CardUserComponent.ctorParameters = function () { return [
+        { type: MatSnackBar },
+        { type: EventService },
+        { type: TranslateService },
+        { type: MultilingualTranslationsService },
+        { type: ConfigurationsService }
+    ]; };
+    CardUserComponent.propDecorators = {
+        widgetData: [{ type: Input }],
+        userData: [{ type: Output }]
+    };
+    return CardUserComponent;
+}());
+export { CardUserComponent };
+if (false) {
+    /** @type {?} */
+    CardUserComponent.prototype.widgetData;
+    /** @type {?} */
+    CardUserComponent.prototype.userData;
+    /** @type {?} */
+    CardUserComponent.prototype.defaultThumbnail;
+    /** @type {?} */
+    CardUserComponent.prototype.sourceLogos;
+    /** @type {?} */
+    CardUserComponent.prototype.defaultSLogo;
+    /** @type {?} */
+    CardUserComponent.prototype.widgetType;
+    /** @type {?} */
+    CardUserComponent.prototype.widgetSubType;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardUserComponent.prototype.snackBar;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardUserComponent.prototype.events;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardUserComponent.prototype.translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardUserComponent.prototype.langtranslations;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardUserComponent.prototype.configSvc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC11c2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vY2FyZHMvY2FyZC11c2VyL2NhcmQtdXNlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUV2RztJQWFFLDJCQUNVLFFBQXFCLEVBQ3JCLE1BQW9CLEVBQ3BCLFNBQTJCLEVBQzNCLGdCQUFpRCxFQUNqRCxTQUFnQztRQUwxQyxpQkFhRztRQVpPLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDckIsV0FBTSxHQUFOLE1BQU0sQ0FBYztRQUNwQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBQ2pELGNBQVMsR0FBVCxTQUFTLENBQXVCO1FBWGhDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO1FBSTVDLGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsa0JBQWEsR0FBTyxLQUFLLENBQUE7UUFPckIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLDBCQUEwQixDQUFDLFNBQVM7OztRQUFDO1lBQ3pELElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFO2dCQUMzQyxLQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQTs7b0JBQzdCLElBQUksR0FBRyxtQkFBQSxZQUFZLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEVBQUM7Z0JBQ3JELEtBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFBO2FBQ3pCO1FBQ0gsQ0FBQyxFQUFDLENBQUE7SUFDSixDQUFDOzs7O0lBRUgsb0NBQVE7OztJQUFSOztZQUNRLGNBQWMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWM7UUFDcEQsSUFBSSxjQUFjLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGNBQWMsQ0FBQyxLQUFLLENBQUMsY0FBYyxJQUFJLEVBQUUsQ0FBQTtZQUNqRSxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUE7WUFDekMsSUFBSSxDQUFDLFlBQVksR0FBRyxjQUFjLENBQUMsS0FBSyxDQUFDLGlCQUFpQixJQUFJLEVBQUUsQ0FBQTtTQUNqRTtJQUNILENBQUM7Ozs7O0lBRUQsOENBQWtCOzs7O0lBQWxCLFVBQW1CLFFBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDOUIsQ0FBQzs7OztJQUNELDBDQUFjOzs7SUFBZDtRQUNFLHVCQUF1QjtRQUN2QixXQUFXO1FBQ1gsSUFBSTtRQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQ2hDO1lBQ0UsSUFBSSxFQUFFLE9BQU87WUFDYixPQUFPLEVBQUssSUFBSSxDQUFDLFVBQVUsU0FBSSxJQUFJLENBQUMsYUFBZTtZQUNuRCxFQUFFLEVBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBTztTQUMxRCxFQUNEO1lBQ0UsRUFBRSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU07OztZQUdsQyxNQUFNLEVBQUUsRUFBRTtTQUVYLEVBQ0Q7WUFDRSxTQUFTLEVBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBTztZQUN4QyxNQUFNLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUM7U0FDNUIsQ0FBQyxDQUFBO0lBQ04sQ0FBQzs7Z0JBN0RGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1Qix5N0VBQXlDOztpQkFFMUM7Ozs7Z0JBVlEsV0FBVztnQkFDWSxZQUFZO2dCQUVuQyxnQkFBZ0I7Z0JBQ2hCLCtCQUErQjtnQkFIL0IscUJBQXFCOzs7NkJBVzNCLEtBQUs7MkJBQ0wsTUFBTTs7SUF3RFQsd0JBQUM7Q0FBQSxBQS9ERCxJQStEQztTQTFEWSxpQkFBaUI7OztJQUM1Qix1Q0FBdUM7O0lBQ3ZDLHFDQUE0Qzs7SUFDNUMsNkNBQXFCOztJQUNyQix3Q0FBZ0I7O0lBQ2hCLHlDQUFpQjs7SUFDakIsdUNBQXNCOztJQUN0QiwwQ0FBeUI7Ozs7O0lBRXZCLHFDQUE2Qjs7Ozs7SUFDN0IsbUNBQTRCOzs7OztJQUM1QixzQ0FBbUM7Ozs7O0lBQ25DLDZDQUF5RDs7Ozs7SUFDekQsc0NBQXdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOc0NhcmRVc2VyIH0gZnJvbSAnLi4vLi4vLi4vX21vZGVscy9jYXJkLXVzZXJzLm1vZGVsJztcclxuaW1wb3J0IHsgTWF0U25hY2tCYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zU2VydmljZSwgRXZlbnRTZXJ2aWNlIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInO1xyXG5pbXBvcnQgKiBhcyBfIGZyb20gXCJsb2Rhc2hcIjtcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX3NlcnZpY2VzL211bHRpbGluZ3VhbC10cmFuc2xhdGlvbnMuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NiLXVpYy1jYXJkLXVzZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXVzZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQtdXNlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkVXNlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgd2lkZ2V0RGF0YSE6IE5zQ2FyZFVzZXIuSUNhcmQ7XHJcbiAgQE91dHB1dCgpIHVzZXJEYXRhID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcclxuICBkZWZhdWx0VGh1bWJuYWlsOiBhbnlcclxuICBzb3VyY2VMb2dvczogYW55XHJcbiAgZGVmYXVsdFNMb2dvOiBhbnlcclxuICB3aWRnZXRUeXBlOiBhbnkgPSAnZGYnXHJcbiAgd2lkZ2V0U3ViVHlwZTogYW55ID0nc2RmJ1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBzbmFja0JhcjogTWF0U25hY2tCYXIsXHJcbiAgICBwcml2YXRlIGV2ZW50czogRXZlbnRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGxhbmd0cmFuc2xhdGlvbnM6IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIGNvbmZpZ1N2YzogQ29uZmlndXJhdGlvbnNTZXJ2aWNlLCkgeyBcclxuICAgICAgdGhpcy5sYW5ndHJhbnNsYXRpb25zLmxhbmd1YWdlU2VsZWN0ZWRPYnNlcnZhYmxlLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd3ZWJzaXRlTGFuZ3VhZ2UnKSkge1xyXG4gICAgICAgICAgdGhpcy50cmFuc2xhdGUuc2V0RGVmYXVsdExhbmcoJ2VuJylcclxuICAgICAgICAgIGNvbnN0IGxhbmcgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnd2Vic2l0ZUxhbmd1YWdlJykhXHJcbiAgICAgICAgICB0aGlzLnRyYW5zbGF0ZS51c2UobGFuZylcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgY29uc3QgaW5zdGFuY2VDb25maWcgPSB0aGlzLmNvbmZpZ1N2Yy5pbnN0YW5jZUNvbmZpZ1xyXG4gICAgaWYgKGluc3RhbmNlQ29uZmlnKSB7XHJcbiAgICAgIHRoaXMuZGVmYXVsdFRodW1ibmFpbCA9IGluc3RhbmNlQ29uZmlnLmxvZ29zLmRlZmF1bHRDb250ZW50IHx8ICcnXHJcbiAgICAgIHRoaXMuc291cmNlTG9nb3MgPSBpbnN0YW5jZUNvbmZpZy5zb3VyY2VzXHJcbiAgICAgIHRoaXMuZGVmYXVsdFNMb2dvID0gaW5zdGFuY2VDb25maWcubG9nb3MuZGVmYXVsdFNvdXJjZUxvZ28gfHwgJydcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldFJlZGlyZWN0VXJsRGF0YSh1c2VyRGF0YTogYW55KXtcclxuICAgIHRoaXMudXNlckRhdGEuZW1pdCh1c2VyRGF0YSlcclxuICB9XHJcbiAgcmFpc2VUZWxlbWV0cnkoKSB7XHJcbiAgICAvLyBpZih0aGlzLmZvclByZXZpZXcpe1xyXG4gICAgLy8gICByZXR1cm5cclxuICAgIC8vIH1cclxuICAgIHRoaXMuZXZlbnRzLnJhaXNlSW50ZXJhY3RUZWxlbWV0cnkoXHJcbiAgICAgIHtcclxuICAgICAgICB0eXBlOiAnY2xpY2snLFxyXG4gICAgICAgIHN1YlR5cGU6IGAke3RoaXMud2lkZ2V0VHlwZX0tJHt0aGlzLndpZGdldFN1YlR5cGV9YCxcclxuICAgICAgICBpZDogYCR7Xy5jYW1lbENhc2UodGhpcy53aWRnZXREYXRhLmNvbnRlbnQudXNlcklkKX0tY2FyZGAsXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBpZDogdGhpcy53aWRnZXREYXRhLmNvbnRlbnQudXNlcklkLFxyXG4gICAgICAgIC8vIHR5cGU6IHRoaXMud2lkZ2V0RGF0YS51c2VyLnByaW1hcnlDYXRlZ29yeSxcclxuICAgICAgICAvL2NvbnRleHQ6IHRoaXMud2lkZ2V0RGF0YS5jb250ZXh0LFxyXG4gICAgICAgIHJvbGx1cDoge30sXHJcbiAgICAgICAgLy8gdmVyOiBgJHt0aGlzLndpZGdldERhdGEudXNlci52ZXJzaW9ufSR7Jyd9YCxcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHBhZ2VJZEV4dDogYCR7Xy5jYW1lbENhc2UoJ3VzZXInKX0tY2FyZGAsXHJcbiAgICAgICAgbW9kdWxlOiBfLmNhbWVsQ2FzZSgndXNlcicpLFxyXG4gICAgICB9KVxyXG4gIH1cclxuXHJcbn1cclxuIl19