@sunbird-cb/toc 0.0.30 → 0.0.32

package/esm2022/lib/services/viewer-data.service.mjs

@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLWRhdGEuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL2xpYi9zZXJ2aWNlcy92aWV3ZXItZGF0YS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFBOztBQTZDOUQsTUFBTSxPQUFPLGlCQUFpQjtJQWM1QjtRQWJBLGVBQVUsR0FBa0IsSUFBSSxDQUFBO1FBQ2hDLGFBQVEsR0FBOEIsSUFBSSxDQUFBO1FBQzFDLG9CQUFlLEdBQWtCLElBQUksQ0FBQTtRQUNyQyxpQkFBWSxHQUFrQixJQUFJLENBQUE7UUFFbEMsV0FBTSxHQUFZLE1BQU0sQ0FBQTtRQUN4QiwyQkFBc0IsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFBO1FBQzlDLG9CQUFlLEdBQUcsS0FBSyxDQUFBO1FBQ3ZCLG1CQUFjLEdBQUcsSUFBSSxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDckMscUJBQWdCLEdBQUcsSUFBSSxhQUFhLENBQXdCLENBQUMsQ0FBQyxDQUFBO1FBQzlELDBCQUFxQixHQUFHLElBQUksYUFBYSxDQUF5QixDQUFDLENBQUMsQ0FBQTtRQUNwRSxjQUFTLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUE7SUFFL0IsQ0FBQztJQUVqQixLQUFLLENBQUMsYUFBNEIsSUFBSSxFQUFFLFNBQWtCLE1BQU0sRUFBRSxlQUF3QixFQUFFLFlBQXFCO1FBQy9HLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFBO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEdBQUcsZUFBZSxJQUFJLEVBQUUsQ0FBQTtRQUM1QyxJQUFJLENBQUMsWUFBWSxHQUFHLFlBQVksSUFBSSxFQUFFLENBQUE7UUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7UUFDbkMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUE7SUFDOUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxXQUFzQyxJQUFJLEVBQUUsUUFBb0IsSUFBSTtRQUNqRixJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFBO1lBQ3hCLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQyxVQUFVLEVBQUU7Z0JBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQTtnQkFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsZUFBZSxDQUFBO2dCQUMvQyxJQUFJLENBQUMsZUFBZSxHQUFHLFFBQVEsQ0FBQyxlQUFlLElBQUksS0FBSyxDQUFBO2dCQUN4RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUE7YUFDMUM7WUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQTtZQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtTQUNyQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7WUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7WUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUE7U0FDdEI7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUNyQyxDQUFDO0lBRUQsc0JBQXNCLENBQUMsT0FBTyxHQUFHLElBQUksRUFBRSxPQUE4QixJQUFJLEVBQUUsT0FBOEIsSUFBSSxFQUFFLGFBQWtCO1FBQy9ILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsWUFBWSxFQUFFLE9BQU87WUFDckIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsYUFBYSxFQUFFLGFBQWE7U0FDN0IsQ0FBQyxDQUFBO0lBQ0osQ0FBQzsrR0FyRFUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3ViamVjdCwgUmVwbGF5U3ViamVjdCwgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcydcbmltcG9ydCB7IE5zQ29udGVudCB9IGZyb20gJy4uL19zZXJ2aWNlcy93aWRnZXQtY29udGVudC5tb2RlbCdcblxuZXhwb3J0IGludGVyZmFjZSBJVmlld2VyVG9jQ2FyZCB7XG4gIGlkZW50aWZpZXI6IHN0cmluZ1xuICB2aWV3ZXJVcmw6IHN0cmluZ1xuICB0aHVtYm5haWxVcmw6IHN0cmluZ1xuICB0aXRsZTogc3RyaW5nXG4gIGR1cmF0aW9uOiBudW1iZXJcbiAgdHlwZTogc3RyaW5nXG4gIGNvbXBsZXhpdHk6IHN0cmluZ1xuICBwcmltYXJ5Q2F0ZWdvcnk/OiBzdHJpbmdcbiAgbWltZVR5cGU/OiBOc0NvbnRlbnQuRU1pbWVUeXBlc1xuICBvcHRpb25hbFJlYWRpbmc/OiBib29sZWFuXG4gIHN1YlRpdGxlPzogc3RyaW5nXG4gIGNvbnRlbnQ/OiBOc0NvbnRlbnQuSUNvbnRlbnRcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJVmlld2VyVG9jQ2hhbmdlRXZlbnQge1xuICB0b2NBdmFpbGFibGU6IGJvb2xlYW5cbiAgbmV4dFJlc291cmNlOiBJVmlld2VyVG9jQ2FyZCB8IG51bGxcbiAgcHJldlJlc291cmNlOiBJVmlld2VyVG9jQ2FyZCB8IG51bGxcbiAgcXVlcnlNTFBhcmFtczogYW55XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVZpZXdlclJlc291cmNlT3B0aW9ucyB7XG4gIHBhZ2U/OiB7XG4gICAgbWluOiBudW1iZXJcbiAgICBtYXg6IG51bWJlclxuICAgIGN1cnJlbnQ6IG51bWJlclxuICAgIHF1ZXJ5UGFyYW1LZXk6IHN0cmluZ1xuICB9XG4gIHpvb20/OiB7XG4gICAgbWluOiBudW1iZXJcbiAgICBtYXg6IG51bWJlclxuICAgIGN1cnJlbnQ6IG51bWJlclxuICAgIHF1ZXJ5UGFyYW1LZXk6IHN0cmluZ1xuICB9XG59XG5cbmV4cG9ydCB0eXBlIFRTdGF0dXMgPSAncGVuZGluZycgfCAnZG9uZScgfCAnZXJyb3InIHwgJ25vbmUnXG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBWaWV3ZXJEYXRhU2VydmljZSB7XG4gIHJlc291cmNlSWQ6IHN0cmluZyB8IG51bGwgPSBudWxsXG4gIHJlc291cmNlOiBOc0NvbnRlbnQuSUNvbnRlbnQgfCBudWxsID0gbnVsbFxuICBwcmltYXJ5Q2F0ZWdvcnk6IHN0cmluZyB8IG51bGwgPSBudWxsXG4gIGNvbGxlY3Rpb25JZDogc3RyaW5nIHwgbnVsbCA9IG51bGxcbiAgZXJyb3I6IGFueVxuICBzdGF0dXM6IFRTdGF0dXMgPSAnbm9uZSdcbiAgcmVzb3VyY2VDaGFuZ2VkU3ViamVjdCA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKVxuICBvcHRpb25hbFJlYWRpbmcgPSBmYWxzZVxuICBjaGFuZ2VkU3ViamVjdCA9IG5ldyBSZXBsYXlTdWJqZWN0KDEpXG4gIHRvY0NoYW5nZVN1YmplY3QgPSBuZXcgUmVwbGF5U3ViamVjdDxJVmlld2VyVG9jQ2hhbmdlRXZlbnQ+KDEpXG4gIG5hdlN1cHBvcnRGb3JSZXNvdXJjZSA9IG5ldyBSZXBsYXlTdWJqZWN0PElWaWV3ZXJSZXNvdXJjZU9wdGlvbnM+KDEpXG4gIGlzU2tpcEJ0biA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpXG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICByZXNldChyZXNvdXJjZUlkOiBzdHJpbmcgfCBudWxsID0gbnVsbCwgc3RhdHVzOiBUU3RhdHVzID0gJ25vbmUnLCBwcmltYXJ5Q2F0ZWdvcnk/OiBzdHJpbmcsIGNvbGxlY3Rpb25JZD86IHN0cmluZykge1xuICAgIHRoaXMucmVzb3VyY2VJZCA9IHJlc291cmNlSWRcbiAgICB0aGlzLnJlc291cmNlID0gbnVsbFxuICAgIHRoaXMuZXJyb3IgPSBudWxsXG4gICAgdGhpcy5zdGF0dXMgPSBzdGF0dXNcbiAgICB0aGlzLnByaW1hcnlDYXRlZ29yeSA9IHByaW1hcnlDYXRlZ29yeSB8fCAnJ1xuICAgIHRoaXMuY29sbGVjdGlvbklkID0gY29sbGVjdGlvbklkIHx8ICcnXG4gICAgdGhpcy5jaGFuZ2VkU3ViamVjdC5uZXh0KHVuZGVmaW5lZClcbiAgICB0aGlzLm9wdGlvbmFsUmVhZGluZyA9IGZhbHNlXG4gIH1cblxuICB1cGRhdGVSZXNvdXJjZShyZXNvdXJjZTogTnNDb250ZW50LklDb250ZW50IHwgbnVsbCA9IG51bGwsIGVycm9yOiBhbnkgfCBudWxsID0gbnVsbCkge1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgdGhpcy5yZXNvdXJjZSA9IHJlc291cmNlXG4gICAgICBpZiAocmVzb3VyY2UgJiYgcmVzb3VyY2UuaWRlbnRpZmllcikge1xuICAgICAgICB0aGlzLnJlc291cmNlSWQgPSByZXNvdXJjZS5pZGVudGlmaWVyXG4gICAgICAgIHRoaXMucHJpbWFyeUNhdGVnb3J5ID0gcmVzb3VyY2UucHJpbWFyeUNhdGVnb3J5XG4gICAgICAgIHRoaXMub3B0aW9uYWxSZWFkaW5nID0gcmVzb3VyY2Uub3B0aW9uYWxSZWFkaW5nIHx8IGZhbHNlXG4gICAgICAgIHRoaXMuaXNTa2lwQnRuLm5leHQodGhpcy5vcHRpb25hbFJlYWRpbmcpXG4gICAgICB9XG4gICAgICB0aGlzLmVycm9yID0gbnVsbFxuICAgICAgdGhpcy5zdGF0dXMgPSAnZG9uZSdcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZXNvdXJjZSA9IG51bGxcbiAgICAgIHRoaXMuZXJyb3IgPSBlcnJvclxuICAgICAgdGhpcy5zdGF0dXMgPSAnZXJyb3InXG4gICAgfVxuICAgIHRoaXMuY2hhbmdlZFN1YmplY3QubmV4dCh1bmRlZmluZWQpXG4gIH1cblxuICB1cGRhdGVOZXh0UHJldlJlc291cmNlKGlzVmFsaWQgPSB0cnVlLCBwcmV2OiBJVmlld2VyVG9jQ2FyZCB8IG51bGwgPSBudWxsLCBuZXh0OiBJVmlld2VyVG9jQ2FyZCB8IG51bGwgPSBudWxsLCBxdWVyeU1MUGFyYW1zOiBhbnkpIHtcbiAgICB0aGlzLnRvY0NoYW5nZVN1YmplY3QubmV4dCh7XG4gICAgICB0b2NBdmFpbGFibGU6IGlzVmFsaWQsXG4gICAgICBuZXh0UmVzb3VyY2U6IG5leHQsXG4gICAgICBwcmV2UmVzb3VyY2U6IHByZXYsXG4gICAgICBxdWVyeU1MUGFyYW1zOiBxdWVyeU1MUGFyYW1zXG4gICAgfSlcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLWRhdGEuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL2xpYi9zZXJ2aWNlcy92aWV3ZXItZGF0YS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFBOztBQWlEOUQsTUFBTSxPQUFPLGlCQUFpQjtJQWM1QjtRQWJBLGVBQVUsR0FBa0IsSUFBSSxDQUFBO1FBQ2hDLGFBQVEsR0FBOEIsSUFBSSxDQUFBO1FBQzFDLG9CQUFlLEdBQWtCLElBQUksQ0FBQTtRQUNyQyxpQkFBWSxHQUFrQixJQUFJLENBQUE7UUFFbEMsV0FBTSxHQUFZLE1BQU0sQ0FBQTtRQUN4QiwyQkFBc0IsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFBO1FBQzlDLG9CQUFlLEdBQUcsS0FBSyxDQUFBO1FBQ3ZCLG1CQUFjLEdBQUcsSUFBSSxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDckMscUJBQWdCLEdBQUcsSUFBSSxhQUFhLENBQXdCLENBQUMsQ0FBQyxDQUFBO1FBQzlELDBCQUFxQixHQUFHLElBQUksYUFBYSxDQUF5QixDQUFDLENBQUMsQ0FBQTtRQUNwRSxjQUFTLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUE7SUFFL0IsQ0FBQztJQUVqQixLQUFLLENBQUMsYUFBNEIsSUFBSSxFQUFFLFNBQWtCLE1BQU0sRUFBRSxlQUF3QixFQUFFLFlBQXFCO1FBQy9HLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFBO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEdBQUcsZUFBZSxJQUFJLEVBQUUsQ0FBQTtRQUM1QyxJQUFJLENBQUMsWUFBWSxHQUFHLFlBQVksSUFBSSxFQUFFLENBQUE7UUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7UUFDbkMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUE7SUFDOUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxXQUFzQyxJQUFJLEVBQUUsUUFBb0IsSUFBSTtRQUNqRixJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFBO1lBQ3hCLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQyxVQUFVLEVBQUU7Z0JBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQTtnQkFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsZUFBZSxDQUFBO2dCQUMvQyxJQUFJLENBQUMsZUFBZSxHQUFHLFFBQVEsQ0FBQyxlQUFlLElBQUksS0FBSyxDQUFBO2dCQUN4RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUE7YUFDMUM7WUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQTtZQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtTQUNyQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7WUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7WUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUE7U0FDdEI7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUNyQyxDQUFDO0lBRUQsc0JBQXNCLENBQUMsT0FBTyxHQUFHLElBQUksRUFBRSxPQUE4QixJQUFJLEVBQUUsT0FBOEIsSUFBSSxFQUFFLGFBQWtCO1FBQy9ILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsWUFBWSxFQUFFLE9BQU87WUFDckIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsYUFBYSxFQUFFLGFBQWE7U0FDN0IsQ0FBQyxDQUFBO0lBQ0osQ0FBQzsrR0FyRFUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3ViamVjdCwgUmVwbGF5U3ViamVjdCwgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcydcbmltcG9ydCB7IE5zQ29udGVudCB9IGZyb20gJy4uL19zZXJ2aWNlcy93aWRnZXQtY29udGVudC5tb2RlbCdcblxuZXhwb3J0IGludGVyZmFjZSBJVmlld2VyVG9jQ2FyZCB7XG4gIGlkZW50aWZpZXI6IHN0cmluZ1xuICB2aWV3ZXJVcmw6IHN0cmluZ1xuICB0aHVtYm5haWxVcmw6IHN0cmluZ1xuICB0aXRsZTogc3RyaW5nXG4gIGR1cmF0aW9uOiBudW1iZXJcbiAgdHlwZTogc3RyaW5nXG4gIG1pbWVUeXBlOiBOc0NvbnRlbnQuRU1pbWVUeXBlc1xuICBjb21wbGV4aXR5OiBzdHJpbmdcbiAgY2hpbGRyZW46IG51bGwgfCBJVmlld2VyVG9jQ2FyZFtdXG4gIHByaW1hcnlDYXRlZ29yeTogTnNDb250ZW50LkVQcmltYXJ5Q2F0ZWdvcnlcbiAgY29sbGVjdGlvbklkOiBzdHJpbmcgfCBudWxsXG4gIGNvbGxlY3Rpb25UeXBlOiBzdHJpbmcsXG4gIGJhdGNoSWQ6IHN0cmluZyB8IG51bWJlcixcbiAgdmlld01vZGU6IHN0cmluZyxcbiAgb3B0aW9uYWxSZWFkaW5nOiBib29sZWFuLFxuICBjaGFubmVsSWQ6IHN0cmluZ1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElWaWV3ZXJUb2NDaGFuZ2VFdmVudCB7XG4gIHRvY0F2YWlsYWJsZTogYm9vbGVhblxuICBuZXh0UmVzb3VyY2U6IElWaWV3ZXJUb2NDYXJkIHwgbnVsbFxuICBwcmV2UmVzb3VyY2U6IElWaWV3ZXJUb2NDYXJkIHwgbnVsbFxuICBxdWVyeU1MUGFyYW1zOiBhbnlcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJVmlld2VyUmVzb3VyY2VPcHRpb25zIHtcbiAgcGFnZT86IHtcbiAgICBtaW46IG51bWJlclxuICAgIG1heDogbnVtYmVyXG4gICAgY3VycmVudDogbnVtYmVyXG4gICAgcXVlcnlQYXJhbUtleTogc3RyaW5nXG4gIH1cbiAgem9vbT86IHtcbiAgICBtaW46IG51bWJlclxuICAgIG1heDogbnVtYmVyXG4gICAgY3VycmVudDogbnVtYmVyXG4gICAgcXVlcnlQYXJhbUtleTogc3RyaW5nXG4gIH1cbn1cblxuZXhwb3J0IHR5cGUgVFN0YXR1cyA9ICdwZW5kaW5nJyB8ICdkb25lJyB8ICdlcnJvcicgfCAnbm9uZSdcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFZpZXdlckRhdGFTZXJ2aWNlIHtcbiAgcmVzb3VyY2VJZDogc3RyaW5nIHwgbnVsbCA9IG51bGxcbiAgcmVzb3VyY2U6IE5zQ29udGVudC5JQ29udGVudCB8IG51bGwgPSBudWxsXG4gIHByaW1hcnlDYXRlZ29yeTogc3RyaW5nIHwgbnVsbCA9IG51bGxcbiAgY29sbGVjdGlvbklkOiBzdHJpbmcgfCBudWxsID0gbnVsbFxuICBlcnJvcjogYW55XG4gIHN0YXR1czogVFN0YXR1cyA9ICdub25lJ1xuICByZXNvdXJjZUNoYW5nZWRTdWJqZWN0ID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpXG4gIG9wdGlvbmFsUmVhZGluZyA9IGZhbHNlXG4gIGNoYW5nZWRTdWJqZWN0ID0gbmV3IFJlcGxheVN1YmplY3QoMSlcbiAgdG9jQ2hhbmdlU3ViamVjdCA9IG5ldyBSZXBsYXlTdWJqZWN0PElWaWV3ZXJUb2NDaGFuZ2VFdmVudD4oMSlcbiAgbmF2U3VwcG9ydEZvclJlc291cmNlID0gbmV3IFJlcGxheVN1YmplY3Q8SVZpZXdlclJlc291cmNlT3B0aW9ucz4oMSlcbiAgaXNTa2lwQnRuID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSlcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHJlc2V0KHJlc291cmNlSWQ6IHN0cmluZyB8IG51bGwgPSBudWxsLCBzdGF0dXM6IFRTdGF0dXMgPSAnbm9uZScsIHByaW1hcnlDYXRlZ29yeT86IHN0cmluZywgY29sbGVjdGlvbklkPzogc3RyaW5nKSB7XG4gICAgdGhpcy5yZXNvdXJjZUlkID0gcmVzb3VyY2VJZFxuICAgIHRoaXMucmVzb3VyY2UgPSBudWxsXG4gICAgdGhpcy5lcnJvciA9IG51bGxcbiAgICB0aGlzLnN0YXR1cyA9IHN0YXR1c1xuICAgIHRoaXMucHJpbWFyeUNhdGVnb3J5ID0gcHJpbWFyeUNhdGVnb3J5IHx8ICcnXG4gICAgdGhpcy5jb2xsZWN0aW9uSWQgPSBjb2xsZWN0aW9uSWQgfHwgJydcbiAgICB0aGlzLmNoYW5nZWRTdWJqZWN0Lm5leHQodW5kZWZpbmVkKVxuICAgIHRoaXMub3B0aW9uYWxSZWFkaW5nID0gZmFsc2VcbiAgfVxuXG4gIHVwZGF0ZVJlc291cmNlKHJlc291cmNlOiBOc0NvbnRlbnQuSUNvbnRlbnQgfCBudWxsID0gbnVsbCwgZXJyb3I6IGFueSB8IG51bGwgPSBudWxsKSB7XG4gICAgaWYgKHJlc291cmNlKSB7XG4gICAgICB0aGlzLnJlc291cmNlID0gcmVzb3VyY2VcbiAgICAgIGlmIChyZXNvdXJjZSAmJiByZXNvdXJjZS5pZGVudGlmaWVyKSB7XG4gICAgICAgIHRoaXMucmVzb3VyY2VJZCA9IHJlc291cmNlLmlkZW50aWZpZXJcbiAgICAgICAgdGhpcy5wcmltYXJ5Q2F0ZWdvcnkgPSByZXNvdXJjZS5wcmltYXJ5Q2F0ZWdvcnlcbiAgICAgICAgdGhpcy5vcHRpb25hbFJlYWRpbmcgPSByZXNvdXJjZS5vcHRpb25hbFJlYWRpbmcgfHwgZmFsc2VcbiAgICAgICAgdGhpcy5pc1NraXBCdG4ubmV4dCh0aGlzLm9wdGlvbmFsUmVhZGluZylcbiAgICAgIH1cbiAgICAgIHRoaXMuZXJyb3IgPSBudWxsXG4gICAgICB0aGlzLnN0YXR1cyA9ICdkb25lJ1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlc291cmNlID0gbnVsbFxuICAgICAgdGhpcy5lcnJvciA9IGVycm9yXG4gICAgICB0aGlzLnN0YXR1cyA9ICdlcnJvcidcbiAgICB9XG4gICAgdGhpcy5jaGFuZ2VkU3ViamVjdC5uZXh0KHVuZGVmaW5lZClcbiAgfVxuXG4gIHVwZGF0ZU5leHRQcmV2UmVzb3VyY2UoaXNWYWxpZCA9IHRydWUsIHByZXY6IElWaWV3ZXJUb2NDYXJkIHwgbnVsbCA9IG51bGwsIG5leHQ6IElWaWV3ZXJUb2NDYXJkIHwgbnVsbCA9IG51bGwsIHF1ZXJ5TUxQYXJhbXM6IGFueSkge1xuICAgIHRoaXMudG9jQ2hhbmdlU3ViamVjdC5uZXh0KHtcbiAgICAgIHRvY0F2YWlsYWJsZTogaXNWYWxpZCxcbiAgICAgIG5leHRSZXNvdXJjZTogbmV4dCxcbiAgICAgIHByZXZSZXNvdXJjZTogcHJldixcbiAgICAgIHF1ZXJ5TUxQYXJhbXM6IHF1ZXJ5TUxQYXJhbXNcbiAgICB9KVxuICB9XG59XG4iXX0=

package/esm2022/public-api.mjs

@@ -16,6 +16,7 @@ export * from './lib/services/reset-ratings.service';
 export * from './lib/services/timer.service';
 export * from './lib/services/title-tag.service';
 export * from './lib/services/viewer-util.service';
+export * from './lib/services/viewer-data.service';
 // Models
 export * from './lib/models/app-toc.model';
 export * from './lib/models/app-toc-analytics.model';
@@ -76,4 +77,4 @@ export * from './lib/_collection/_common/toc-kpi-values/toc-kpi-values.component
 export * from './lib/_collection/_common/card-competency/card-competency.component';
 export * from './lib/_collection/_common/card-competency/card-competency.module';
 export * from './lib/services/access-control.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjO0FBQ2QsY0FBYywwQkFBMEIsQ0FBQTtBQUV4QyxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMseUJBQXlCLENBQUE7QUFFdkMsbUZBQW1GO0FBQ25GLHdEQUF3RDtBQUV4RCxXQUFXO0FBQ1gsY0FBYyxnQ0FBZ0MsQ0FBQTtBQUM5QyxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMsK0JBQStCLENBQUE7QUFDN0MsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLHNDQUFzQyxDQUFBO0FBQ3BELGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYyxrQ0FBa0MsQ0FBQTtBQUNoRCxjQUFjLG9DQUFvQyxDQUFBO0FBQ2xELFNBQVM7QUFDVCxjQUFjLDRCQUE0QixDQUFBO0FBQzFDLGNBQWMsc0NBQXNDLENBQUE7QUFDcEQsY0FBYyw2QkFBNkIsQ0FBQTtBQUMzQyxjQUFjLDJCQUEyQixDQUFBO0FBRXpDLFlBQVk7QUFDWixjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsK0NBQStDLENBQUE7QUFDN0QsY0FBYywyREFBMkQsQ0FBQTtBQUN6RSxjQUFjLHVEQUF1RCxDQUFBO0FBQ3JFLGNBQWMscURBQXFELENBQUE7QUFDbkUsY0FBYyx5Q0FBeUMsQ0FBQTtBQUN2RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsc0RBQXNELENBQUE7QUFFcEUsYUFBYTtBQUNiLGNBQWMsMERBQTBELENBQUE7QUFDeEUsY0FBYyw0REFBNEQsQ0FBQTtBQUMxRSxjQUFjLHNFQUFzRSxDQUFBO0FBQ3BGLGNBQWMsa0VBQWtFLENBQUE7QUFDaEYsY0FBYyxrRkFBa0YsQ0FBQTtBQUNoRyxjQUFjLDhEQUE4RCxDQUFBO0FBQzVFLGNBQWMsNEVBQTRFLENBQUE7QUFDMUYsY0FBYyxzRUFBc0UsQ0FBQTtBQUNwRixjQUFjLDhEQUE4RCxDQUFBO0FBQzVFLGNBQWMsb0VBQW9FLENBQUE7QUFDbEYsY0FBYyw0REFBNEQsQ0FBQTtBQUMxRSxjQUFjLGdFQUFnRSxDQUFBO0FBQzlFLGNBQWMsa0ZBQWtGLENBQUE7QUFDaEcsY0FBYyxvRUFBb0UsQ0FBQTtBQUNsRixjQUFjLHNFQUFzRSxDQUFBO0FBQ3BGLGNBQWMsb0VBQW9FLENBQUE7QUFDbEYsY0FBYyw4RUFBOEUsQ0FBQTtBQUM1RixjQUFjLDBFQUEwRSxDQUFBO0FBQ3hGLGNBQWMsa0VBQWtFLENBQUE7QUFDaEYsY0FBYyxzRUFBc0UsQ0FBQTtBQUNwRixjQUFjLG9FQUFvRSxDQUFBO0FBRWxGLG1CQUFtQjtBQUNuQixjQUFjLGtEQUFrRCxDQUFBO0FBR2hFLG1CQUFtQjtBQUNuQixjQUFjLGtDQUFrQyxDQUFBO0FBQ2hELGNBQWMsK0NBQStDLENBQUE7QUFFN0Qsc0JBQXNCO0FBQ3RCLGNBQWMsMERBQTBELENBQUE7QUFDeEUsY0FBYyw2REFBNkQsQ0FBQTtBQUMzRSxjQUFjLGlGQUFpRixDQUFBO0FBQy9GLGNBQWMsNkVBQTZFLENBQUE7QUFDM0YsY0FBYyxpRkFBaUYsQ0FBQTtBQUMvRixjQUFjLCtGQUErRixDQUFBO0FBQzdHLGNBQWMscUdBQXFHLENBQUE7QUFDbkgsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLHFDQUFxQyxDQUFBO0FBRW5ELHNCQUFzQjtBQUN0QixjQUFjLHdFQUF3RSxDQUFBO0FBQ3RGLGNBQWMsMkVBQTJFLENBQUE7QUFDekYsY0FBYyxnRUFBZ0UsQ0FBQTtBQUM5RSxjQUFjLG1FQUFtRSxDQUFBO0FBRWpGLDJCQUEyQjtBQUMzQixjQUFjLHFFQUFxRSxDQUFBO0FBQ25GLGNBQWMsa0VBQWtFLENBQUE7QUFHaEYsY0FBYyx1Q0FBdUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdG9jXG4gKi9cblxuLy8gTWFpbiBtb2R1bGVcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FwcC10b2MtbGliLm1vZHVsZSdcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVnaXN0cmF0aW9uLXRvYy1saWIuY29uZmlnJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sbGVjdGlvbi5jb25maWcnXG5cbi8vIFJvdXRpbmcgbW9kdWxlIChPUFRJT05BTCAtIG9ubHkgaW1wb3J0IGlmIHlvdSB3YW50IHRvIHVzZSBwcmUtY29uZmlndXJlZCByb3V0ZXMpXG4vLyBZb3UgY2FuIGNvbmZpZ3VyZSByb3V0aW5nIGluIHlvdXIgYXBwbGljYXRpb24gaW5zdGVhZFxuXG4vLyBTZXJ2aWNlc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvYXBwLXRvYy5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvYXBwLXRvYy12Mi5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvYWN0aW9uLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9sb2FkLWNoZWNrLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9yZXNldC1yYXRpbmdzLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90aW1lci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvdGl0bGUtdGFnLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy92aWV3ZXItdXRpbC5zZXJ2aWNlJ1xuLy8gTW9kZWxzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXBwLXRvYy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hcHAtdG9jLWFuYWx5dGljcy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9tZXRhLXRhZy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9yYXRpbmcubW9kZWwnXG5cbi8vIFJlc29sdmVyc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2FwcC10b2MtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNpb3MtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNpb3MtdXNlci1lbnJvbGwtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNvbnRlbnQtcmVhZC1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2FwcC10b2MtZXh0LXB1YmxpYy1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2NvbmZpZy1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL3Byb2ZpbGUtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9yZXN0cmljdGVkLWZlYXR1cmVzLXJlc29sdmVyLnNlcnZpY2UnXG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1iYW5uZXIvYXBwLXRvYy1iYW5uZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWNvaG9ydHMvYXBwLXRvYy1jb2hvcnRzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1jb250ZW50LWNhcmQvYXBwLXRvYy1jb250ZW50LWNhcmQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWRpc2N1c3Npb24vYXBwLXRvYy1kaXNjdXNzaW9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1kaWFsb2ctaW50cm8tdmlkZW8vYXBwLXRvYy1kaWFsb2ctaW50cm8tdmlkZW8uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLW92ZXJ2aWV3L2FwcC10b2Mtb3ZlcnZpZXcuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWFuYWx5dGljcy10aWxlcy9hcHAtdG9jLWFuYWx5dGljcy10aWxlcy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FwcC10b2Mtc2Vzc2lvbi1jYXJkL2FwcC10b2Mtc2Vzc2lvbi1jYXJkLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1zZXNzaW9ucy9hcHAtdG9jLXNlc3Npb25zLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1zaW5nbGUtcGFnZS9hcHAtdG9jLXNpbmdsZS1wYWdlLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1ob21lLXYyL2FwcC10b2MtaG9tZS12Mi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FwcC10b2MtY2lvcy1ob21lL2FwcC10b2MtY2lvcy1ob21lLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMva25vd2xlZGdlLWFydGlmYWN0LWRldGFpbHMva25vd2xlZGdlLWFydGlmYWN0LWRldGFpbHMuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jcmVhdGUtYmF0Y2gtZGlhbG9nL2NyZWF0ZS1iYXRjaC1kaWFsb2cuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9lbnJvbGwtcXVlc3Rpb25uYWlyZS9lbnJvbGwtcXVlc3Rpb25uYWlyZS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Vucm9sbC1wcm9maWxlLWZvcm0vZW5yb2xsLXByb2ZpbGUtZm9ybS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Vucm9sbC1sYW5ndWFnZS1kaWFsb2d1ZS9lbnJvbGwtbGFuZ3VhZ2UtZGlhbG9ndWUuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb21wbGV0aW9uLXN1cnZleS1mb3JtL2NvbXBsZXRpb24tc3VydmV5LWZvcm0uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wdWJsaWMtc3VydmV5LWZvcm0vcHVibGljLXN1cnZleS1mb3JtLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3VydmV5LWZvcm0tcXVlc3Rpb24vc3VydmV5LWZvcm0tcXVlc3Rpb24uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdXJ2ZXktZm9ybS1zZWN0aW9uL3N1cnZleS1mb3JtLXNlY3Rpb24uY29tcG9uZW50J1xuXG4vLyBSb3V0ZSBDb21wb25lbnRzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yb3V0ZXMvYXBwLXRvYy1ob21lL2FwcC10b2MtaG9tZS5jb21wb25lbnQnXG5cblxuLy8gU2hhcmUgVE9DIG1vZHVsZVxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2hhcmUtdG9jL3NoYXJlLXRvYy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaGFyZS10b2Mvc2hhcmUtdG9jL3NoYXJlLXRvYy5jb21wb25lbnQnXG5cbi8vIENvbnRlbnQgVE9DIG1vZHVsZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvY29udGVudC10b2MubW9kdWxlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9jb250ZW50LXRvYy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL3Jldmlld3MtY29udGVudC9yZXZpZXdzLWNvbnRlbnQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9hcHAtdG9jLWFib3V0L2FwcC10b2MtYWJvdXQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9hcHAtdG9jLWNvbnRlbnQvYXBwLXRvYy1jb250ZW50LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy10ZWFjaGVycy1ub3Rlcy9hcHAtdG9jLXRlYWNoZXJzLW5vdGVzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1iYXRjaC1hc3NpZ25tZW50cy9hcHAtdG9jLWJhdGNoLWFzc2lnbm1lbnRzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19zZXJ2aWNlcy93aWRnZXQtY29udGVudC5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Rpc2N1c3Npb24tZm9ydW0ubW9kZWwnXG5cbi8vIEthcm1hIFBvaW50cyBtb2R1bGVcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2Mva2FybWEtcG9pbnRzL2thcm1hLXBvaW50cy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL2thcm1hLXBvaW50cy9rYXJtYS1wb2ludHMuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi90b2Mta3BpLXZhbHVlcy90b2Mta3BpLXZhbHVlcy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL3RvYy1rcGktdmFsdWVzL3RvYy1rcGktdmFsdWVzLmNvbXBvbmVudCdcblxuLy9jb2xsZWN0aW9uIGNvbW1vbiBtb2R1bGVzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NhcmQtY29tcGV0ZW5jeS9jYXJkLWNvbXBldGVuY3kuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jYXJkLWNvbXBldGVuY3kvY2FyZC1jb21wZXRlbmN5Lm1vZHVsZSdcblxuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hY2Nlc3MtY29udHJvbC5zZXJ2aWNlJyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjO0FBQ2QsY0FBYywwQkFBMEIsQ0FBQTtBQUV4QyxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMseUJBQXlCLENBQUE7QUFFdkMsbUZBQW1GO0FBQ25GLHdEQUF3RDtBQUV4RCxXQUFXO0FBQ1gsY0FBYyxnQ0FBZ0MsQ0FBQTtBQUM5QyxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMsK0JBQStCLENBQUE7QUFDN0MsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLHNDQUFzQyxDQUFBO0FBQ3BELGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYyxrQ0FBa0MsQ0FBQTtBQUNoRCxjQUFjLG9DQUFvQyxDQUFBO0FBQ2xELGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsU0FBUztBQUNULGNBQWMsNEJBQTRCLENBQUE7QUFDMUMsY0FBYyxzQ0FBc0MsQ0FBQTtBQUNwRCxjQUFjLDZCQUE2QixDQUFBO0FBQzNDLGNBQWMsMkJBQTJCLENBQUE7QUFFekMsWUFBWTtBQUNaLGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYywrQ0FBK0MsQ0FBQTtBQUM3RCxjQUFjLDJEQUEyRCxDQUFBO0FBQ3pFLGNBQWMsdURBQXVELENBQUE7QUFDckUsY0FBYyxxREFBcUQsQ0FBQTtBQUNuRSxjQUFjLHlDQUF5QyxDQUFBO0FBQ3ZELGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyxzREFBc0QsQ0FBQTtBQUVwRSxhQUFhO0FBQ2IsY0FBYywwREFBMEQsQ0FBQTtBQUN4RSxjQUFjLDREQUE0RCxDQUFBO0FBQzFFLGNBQWMsc0VBQXNFLENBQUE7QUFDcEYsY0FBYyxrRUFBa0UsQ0FBQTtBQUNoRixjQUFjLGtGQUFrRixDQUFBO0FBQ2hHLGNBQWMsOERBQThELENBQUE7QUFDNUUsY0FBYyw0RUFBNEUsQ0FBQTtBQUMxRixjQUFjLHNFQUFzRSxDQUFBO0FBQ3BGLGNBQWMsOERBQThELENBQUE7QUFDNUUsY0FBYyxvRUFBb0UsQ0FBQTtBQUNsRixjQUFjLDREQUE0RCxDQUFBO0FBQzFFLGNBQWMsZ0VBQWdFLENBQUE7QUFDOUUsY0FBYyxrRkFBa0YsQ0FBQTtBQUNoRyxjQUFjLG9FQUFvRSxDQUFBO0FBQ2xGLGNBQWMsc0VBQXNFLENBQUE7QUFDcEYsY0FBYyxvRUFBb0UsQ0FBQTtBQUNsRixjQUFjLDhFQUE4RSxDQUFBO0FBQzVGLGNBQWMsMEVBQTBFLENBQUE7QUFDeEYsY0FBYyxrRUFBa0UsQ0FBQTtBQUNoRixjQUFjLHNFQUFzRSxDQUFBO0FBQ3BGLGNBQWMsb0VBQW9FLENBQUE7QUFFbEYsbUJBQW1CO0FBQ25CLGNBQWMsa0RBQWtELENBQUE7QUFHaEUsbUJBQW1CO0FBQ25CLGNBQWMsa0NBQWtDLENBQUE7QUFDaEQsY0FBYywrQ0FBK0MsQ0FBQTtBQUU3RCxzQkFBc0I7QUFDdEIsY0FBYywwREFBMEQsQ0FBQTtBQUN4RSxjQUFjLDZEQUE2RCxDQUFBO0FBQzNFLGNBQWMsaUZBQWlGLENBQUE7QUFDL0YsY0FBYyw2RUFBNkUsQ0FBQTtBQUMzRixjQUFjLGlGQUFpRixDQUFBO0FBQy9GLGNBQWMsK0ZBQStGLENBQUE7QUFDN0csY0FBYyxxR0FBcUcsQ0FBQTtBQUNuSCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMscUNBQXFDLENBQUE7QUFFbkQsc0JBQXNCO0FBQ3RCLGNBQWMsd0VBQXdFLENBQUE7QUFDdEYsY0FBYywyRUFBMkUsQ0FBQTtBQUN6RixjQUFjLGdFQUFnRSxDQUFBO0FBQzlFLGNBQWMsbUVBQW1FLENBQUE7QUFFakYsMkJBQTJCO0FBQzNCLGNBQWMscUVBQXFFLENBQUE7QUFDbkYsY0FBYyxrRUFBa0UsQ0FBQTtBQUdoRixjQUFjLHVDQUF1QyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB0b2NcbiAqL1xuXG4vLyBNYWluIG1vZHVsZVxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXBwLXRvYy1saWIubW9kdWxlJ1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yZWdpc3RyYXRpb24tdG9jLWxpYi5jb25maWcnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb2xsZWN0aW9uLmNvbmZpZydcblxuLy8gUm91dGluZyBtb2R1bGUgKE9QVElPTkFMIC0gb25seSBpbXBvcnQgaWYgeW91IHdhbnQgdG8gdXNlIHByZS1jb25maWd1cmVkIHJvdXRlcylcbi8vIFlvdSBjYW4gY29uZmlndXJlIHJvdXRpbmcgaW4geW91ciBhcHBsaWNhdGlvbiBpbnN0ZWFkXG5cbi8vIFNlcnZpY2VzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hcHAtdG9jLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hcHAtdG9jLXYyLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hY3Rpb24uc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2xvYWQtY2hlY2suc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3Jlc2V0LXJhdGluZ3Muc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3RpbWVyLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90aXRsZS10YWcuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3ZpZXdlci11dGlsLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy92aWV3ZXItZGF0YS5zZXJ2aWNlJ1xuLy8gTW9kZWxzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYXBwLXRvYy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hcHAtdG9jLWFuYWx5dGljcy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9tZXRhLXRhZy5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9yYXRpbmcubW9kZWwnXG5cbi8vIFJlc29sdmVyc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2FwcC10b2MtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNpb3MtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNpb3MtdXNlci1lbnJvbGwtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9hcHAtdG9jLWNvbnRlbnQtcmVhZC1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2FwcC10b2MtZXh0LXB1YmxpYy1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL2NvbmZpZy1yZXNvbHZlci5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb2x2ZXJzL3Byb2ZpbGUtcmVzb2x2ZXIuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc29sdmVycy9yZXN0cmljdGVkLWZlYXR1cmVzLXJlc29sdmVyLnNlcnZpY2UnXG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1iYW5uZXIvYXBwLXRvYy1iYW5uZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWNvaG9ydHMvYXBwLXRvYy1jb2hvcnRzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1jb250ZW50LWNhcmQvYXBwLXRvYy1jb250ZW50LWNhcmQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWRpc2N1c3Npb24vYXBwLXRvYy1kaXNjdXNzaW9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1kaWFsb2ctaW50cm8tdmlkZW8vYXBwLXRvYy1kaWFsb2ctaW50cm8tdmlkZW8uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLW92ZXJ2aWV3L2FwcC10b2Mtb3ZlcnZpZXcuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hcHAtdG9jLWFuYWx5dGljcy10aWxlcy9hcHAtdG9jLWFuYWx5dGljcy10aWxlcy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FwcC10b2Mtc2Vzc2lvbi1jYXJkL2FwcC10b2Mtc2Vzc2lvbi1jYXJkLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1zZXNzaW9ucy9hcHAtdG9jLXNlc3Npb25zLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1zaW5nbGUtcGFnZS9hcHAtdG9jLXNpbmdsZS1wYWdlLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXBwLXRvYy1ob21lLXYyL2FwcC10b2MtaG9tZS12Mi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FwcC10b2MtY2lvcy1ob21lL2FwcC10b2MtY2lvcy1ob21lLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMva25vd2xlZGdlLWFydGlmYWN0LWRldGFpbHMva25vd2xlZGdlLWFydGlmYWN0LWRldGFpbHMuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jcmVhdGUtYmF0Y2gtZGlhbG9nL2NyZWF0ZS1iYXRjaC1kaWFsb2cuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9lbnJvbGwtcXVlc3Rpb25uYWlyZS9lbnJvbGwtcXVlc3Rpb25uYWlyZS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Vucm9sbC1wcm9maWxlLWZvcm0vZW5yb2xsLXByb2ZpbGUtZm9ybS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Vucm9sbC1sYW5ndWFnZS1kaWFsb2d1ZS9lbnJvbGwtbGFuZ3VhZ2UtZGlhbG9ndWUuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb21wbGV0aW9uLXN1cnZleS1mb3JtL2NvbXBsZXRpb24tc3VydmV5LWZvcm0uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wdWJsaWMtc3VydmV5LWZvcm0vcHVibGljLXN1cnZleS1mb3JtLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3VydmV5LWZvcm0tcXVlc3Rpb24vc3VydmV5LWZvcm0tcXVlc3Rpb24uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdXJ2ZXktZm9ybS1zZWN0aW9uL3N1cnZleS1mb3JtLXNlY3Rpb24uY29tcG9uZW50J1xuXG4vLyBSb3V0ZSBDb21wb25lbnRzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yb3V0ZXMvYXBwLXRvYy1ob21lL2FwcC10b2MtaG9tZS5jb21wb25lbnQnXG5cblxuLy8gU2hhcmUgVE9DIG1vZHVsZVxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2hhcmUtdG9jL3NoYXJlLXRvYy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaGFyZS10b2Mvc2hhcmUtdG9jL3NoYXJlLXRvYy5jb21wb25lbnQnXG5cbi8vIENvbnRlbnQgVE9DIG1vZHVsZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvY29udGVudC10b2MubW9kdWxlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9jb250ZW50LXRvYy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL3Jldmlld3MtY29udGVudC9yZXZpZXdzLWNvbnRlbnQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9hcHAtdG9jLWFib3V0L2FwcC10b2MtYWJvdXQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jb250ZW50LXRvYy9hcHAtdG9jLWNvbnRlbnQvYXBwLXRvYy1jb250ZW50LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy10ZWFjaGVycy1ub3Rlcy9hcHAtdG9jLXRlYWNoZXJzLW5vdGVzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2MvYXBwLXRvYy1iYXRjaC1hc3NpZ25tZW50cy9hcHAtdG9jLWJhdGNoLWFzc2lnbm1lbnRzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL19zZXJ2aWNlcy93aWRnZXQtY29udGVudC5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Rpc2N1c3Npb24tZm9ydW0ubW9kZWwnXG5cbi8vIEthcm1hIFBvaW50cyBtb2R1bGVcbmV4cG9ydCAqIGZyb20gJy4vbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2Mva2FybWEtcG9pbnRzL2thcm1hLXBvaW50cy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL2thcm1hLXBvaW50cy9rYXJtYS1wb2ludHMuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi90b2Mta3BpLXZhbHVlcy90b2Mta3BpLXZhbHVlcy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL3RvYy1rcGktdmFsdWVzL3RvYy1rcGktdmFsdWVzLmNvbXBvbmVudCdcblxuLy9jb2xsZWN0aW9uIGNvbW1vbiBtb2R1bGVzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NhcmQtY29tcGV0ZW5jeS9jYXJkLWNvbXBldGVuY3kuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2NvbGxlY3Rpb24vX2NvbW1vbi9jYXJkLWNvbXBldGVuY3kvY2FyZC1jb21wZXRlbmN5Lm1vZHVsZSdcblxuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9hY2Nlc3MtY29udHJvbC5zZXJ2aWNlJyJdfQ==

package/fesm2022/sunbird-cb-toc.mjs

@@ -25995,6 +25995,16 @@ class AppTocCiosHomeComponent {
         this.contentViewEventForNetCore('view');
     }
     initializeDiscussData() {
+        if (!_.get(this.extContentReadData, 'contentPartner.isActive', false)) {
+            this.snackBar.open('Courses from this learning partner are temporarily not available on iGOT Karmayogi. Our team is updating partner content. In the meantime, you can continue your journey with courses from other partners.', 'X', {
+                duration: 10000,
+            });
+        }
+        else if (!_.get(this.extContentReadData, 'isActive', false)) {
+            this.snackBar.open('This course is no longer being offered in its current form. We are updating our catalog to bring you improved learning options. Please choose another course with similar topics or browse recommended courses.', 'X', {
+                duration: 10000,
+            });
+        }
         if (this.config && this.config.discussWidgetData) {
             this.discussWidgetData = this.config.discussWidgetData;
             if (this.extContentReadData && this.extContentReadData.contentId) {
@@ -26325,12 +26335,23 @@ class AppTocCiosHomeComponent {
             });
         }
     }
+    get showEnroll() {
+        return Object.keys(this.userExtCourseEnroll).length === 0 &&
+            !this.enrollValidationLoading &&
+            this.canEnroll &&
+            _.get(this.extContentReadData, 'contentPartner.isActive', false);
+    }
+    get showRedirect() {
+        return Object.keys(this.userExtCourseEnroll).length > 0 &&
+            _.get(this.extContentReadData, 'redirectUrl') &&
+            _.get(this.extContentReadData, 'contentPartner.isActive', false);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocCiosHomeComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i5.CommonMethodsService }, { token: i1$2.TranslateService }, { token: i2$1.ConfigurationsService }, { token: i2$1.EventService }, { token: i2$1.MultilingualTranslationsService }, { token: i2$1.WidgetContentService }, { token: CertificateService }, { token: LoaderService }, { token: i5$4.MatDialog }, { token: i7.MatLegacySnackBar }, { token: NetCoreService }, { token: 'environment', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocCiosHomeComponent, selector: "ws-app-app-toc-cios-home", host: { listeners: { "window:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "rcElement", first: true, predicate: ["rightContainer"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"extContentAvailable\">\n    <div class=\"toc-banner\">\n        <div class=\"flex flex-row gap-6 fixed-width\">\n            <div class=\"banner-details toc-content\" #bannerDetails>\n                <div class=\"flex flex-col gap-4\">\n                    <div class=\"flex items-center justify-between gap-4\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'140px'\" [height]=\"'24px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <!-- <div class=\"flex flex-row gap-2\">\n                    <div class=\"flex flex-row tag-div rounded-2xl gap-1 items-center p-2\">\n                    <mat-icon class=\"ws-mat-orange-text\">video_library</mat-icon>\n                     <ng-container *ngIf=\"content?.courseCategory\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ translateLabel(content?.courseCategory, 'searchfilters') }}</div>\n                    </ng-container>\n                    <ng-container *ngIf=\"extContentReadData?.topic\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ 'External Course' }}</div>\n                    </ng-container>\n                    </div>\n                </div> -->\n                        </ng-container>\n\n                        <div class=\"flex items-center text-white mob-share\">\n                            <mat-icon (click)=\"onClickOfShare()\">share</mat-icon>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- Knowledge level block -->\n                        <div *ngIf=\"extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel\"\n                            class=\"knowledge-level-container\">\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'beginner' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'beginner'\"\n                                class=\"level-badge beginner\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#DBF4DC\" />\n                                    <path\n                                        d=\"M7.42267 5C7.67927 4.55555 8.32077 4.55556 8.57737 5L12.0415 11C12.2981 11.4444 11.9773 12 11.4641 12H4.53592C4.02272 12 3.70197 11.4444 3.95857 11L7.42267 5Z\"\n                                        fill=\"#49C951\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'intermediate' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'intermediate'\"\n                                class=\"level-badge intermediate\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#D1DBEC\" />\n                                    <path\n                                        d=\"M7.42267 2.66666C7.67927 2.22221 8.32077 2.22221 8.57737 2.66666L12.0415 8.66666C12.2981 9.1111 11.9773 9.66666 11.4641 9.66666H4.53592C4.02272 9.66666 3.70197 9.1111 3.95857 8.66666L7.42267 2.66666Z\"\n                                        fill=\"#1B4CA1\" />\n                                    <path\n                                        d=\"M7.42267 5.66666C7.67927 5.22221 8.32077 5.22221 8.57737 5.66666L12.0415 11.6667C12.2981 12.1111 11.9773 12.6667 11.4641 12.6667H4.53592C4.02272 12.6667 3.70197 12.1111 3.95857 11.6667L7.42267 5.66666Z\"\n                                        fill=\"#1B4CA1\" stroke=\"#D1DBEC\" stroke-width=\"0.5\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'advanced' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'advanced'\"\n                                class=\"level-badge advanced\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <g clip-path=\"url(#clip0)\">\n                                        <rect width=\"16\" height=\"16\" fill=\"#FFE6E1\" />\n                                        <path\n                                            d=\"M7.42264 2.33334C7.67924 1.8889 8.32074 1.8889 8.57734 2.33334L12.0414 8.33334C12.298 8.77779 11.9773 9.33334 11.4641 9.33334H4.53589C4.02269 9.33334 3.70194 8.77779 3.95854 8.33334L7.42264 2.33334Z\"\n                                            fill=\"#FF8268\" />\n                                        <path\n                                            d=\"M7.42264 5C7.67924 4.55555 8.32074 4.55556 8.57734 5L12.0414 11C12.298 11.4444 11.9773 12 11.4641 12H4.53589C4.02269 12 3.70194 11.4444 3.95854 11L7.42264 5Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                        <path\n                                            d=\"M7.42264 7.66669C7.67924 7.22224 8.32074 7.22224 8.57734 7.66669L12.0414 13.6667C12.298 14.1111 11.9773 14.6667 11.4641 14.6667H4.53589C4.02269 14.6667 3.70194 14.1111 3.95854 13.6667L7.42264 7.66669Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                    </g>\n                                    <defs>\n                                        <clipPath id=\"clip0\">\n                                            <rect width=\"16\" height=\"16\" fill=\"white\" />\n                                        </clipPath>\n                                    </defs>\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                        </div>\n                    </ng-container>\n                    <div class=\"flex flex-col gap-2\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'90%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'70%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <div class=\"banner-text text-base sm:text-4xl leading-6 sm:leading-10 font-bold\">{{\n                                handleCapitalize(extContentReadData?.name) }}</div>\n                            <div class=\"text-sm sm:text-base source-text font-semibold break-words\" #contentSource\n                                [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                                {{ 'cardcontentv2.by' | translate }}\n                                <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">\n                                    <span *ngIf=\"extContentReadData?.courseProvider?.length;else contentPartnerName\">\n                                        {{ formatcourseProviders(extContentReadData?.courseProvider) }}\n                                    </span>\n                                    <ng-template #contentPartnerName>\n                                        {{extContentReadData?.contentPartner?.contentPartnerName }}\n                                    </ng-template>\n                                </span>\n                                <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{\n                                    'common.karmayogiBharat' | translate }}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'40px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'88px'\" [height]=\"'24px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- <div class=\"flex gap-4 items-center\" *ngIf=\"content?.averageRating || content?.additionalTags?.length\">\n                    <div class=\"flex flex-row rating-chip py-2 items-center cursor-pointer\" (click)=\"handleNavigateToReviews()\" *ngIf=\"content?.averageRating\">\n                    <div class=\"flex flex-row gap-1 margin-left-s items-center\">\n                        <mat-icon>grade</mat-icon>\n                        <div class=\"text-white text-sm leading-4\">{{ content?.averageRating }}</div>\n                    </div>\n                    <div class=\"separator\"></div>\n                    <div class=\"text-white text-sm leading-4 margin-right-m\">{{ content?.totalRating | pipeCountTransform }}</div>\n                    </div>\n                    <div class=\"flex items-center\" *ngIf=\"content?.additionalTags?.length\">\n                    <div class=\"most-enrolled-chip text-xs leading-3\">\n                        <span *ngIf=\"content?.additionalTags?.includes('mostTrending')\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n                        <span *ngIf=\"content?.additionalTags?.includes('mostEnrolled')\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n                    </div>\n                    </div>\n                </div> -->\n                    </ng-container>\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'180px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader && extContentReadData?.lastUpdatedOn\">\n                        <div class=\"text-xs leading-4 source-text\">({{ 'apptoc.lastUpdatedOn' | translate }} {{\n                            extContentReadData?.lastUpdatedOn | date: 'MMM d, y' }})</div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n    <ng-container *ngIf=\"!forPreview\">\n\n        <div *ngIf=\"isMobile\">\n            <div class=\"flex flex-col gap-4 p-5 border-bottom position-bottom\">\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                    <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                        <span class=\"mat-body-2  ws-mat-black-text\">\n                            {{userExtCourseEnroll?.progress}}%</span>\n                    </div>\n                    <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                [progress]=\"userExtCourseEnroll?.progress\"\n                                                [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                            </ws-widget-content-progress>\n                  </ng-container>   -->\n                <ng-container *ngIf=\"(userExtCourseEnroll | json) === '{}' && !enrollValidationLoading && canEnroll\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                        (click)=\"enRollToExtCourse(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.enroll' | translate }}\n                        </ng-container>\n                    </button>\n                </ng-container>\n                <ng-container *ngIf=\"enrollValidationLoading\">\n                    <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && extContentReadData?.redirectUrl\">\n                    <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                        [href]=\"extContentReadData?.redirectUrl\" (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.redirect' | translate }}\n                            <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                        </ng-container>\n                    </a>\n                </ng-container>\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                    && userExtCourseEnroll?.progress === 100\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                         <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                        <span>Certificate</span>\n                        <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                        <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                            <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                          </div>\n                    </button>\n                </ng-container>  -->\n            </div>\n\n             <div class=\"block md:hidden\">\n                <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n             </div>\n            <div>\n                <div class=\"flex flex-col px-8 py-4 gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                    <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                    <div class=\"text-xs\">{{ extContentReadData?.duration * 60 | pipeDurationTransform: 'hms' }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <div class=\"flex flex-row gap-6 fixed-width\">\n        <div class=\"toc-content\" [ngClass]=\"isMobile ? '':'mt-8 mb-8'\">\n            <mat-tab-group>\n                <mat-tab label=\"{{ 'apptocsinglepage.about' | translate }}\">\n                    <ng-template matTabContent>\n                        <div class=\"flex flex-col\" [ngClass]=\"isMobile ? '':'mt-5 mb-5'\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                <div class=\"flex flex-col gap-2 mt-4\">\n                                    <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <ws-widget-app-toc-about [contentReadData]=\"extContentReadData\" [showReviews]=\"false\"\n                                    [baseContentReadData]=\"extContentReadData\"\n                                    [showMarketPlaceCertificate]=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length >  0 && userExtCourseEnroll?.progress === 100\"\n                                    [content]=\"extContentReadData\" [fromMarketPlace]=\"true\"\n                                    [skeletonLoader]=\"skeletonLoader\">\n                                </ws-widget-app-toc-about>\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </mat-tab>\n\n                <ng-container *ngIf=\"config?.commentsTab\">\n                    <mat-tab label=\"{{ 'apptocsinglepage.comments' | translate }}\">\n                        <!-- <ng-template matTabContent> -->\n                        <div class=\"flex flex-col ratings-div mt-5\" id=\"commentsDiv\" *ngIf=\"discussWidgetData\">\n                            <ng-container *ngIf=\"!commentId\">\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\"></d-v2-widget-comment>\n                            </ng-container>\n                            <ng-container *ngIf=\"commentId\">\n                                <div class=\"flex flex-row gap-3 cursor-pointer mb-5\" (click)=\"clearCommentIdFromUrl()\">\n                                    <mat-icon class=\"cursor-pointer\">arrow_back</mat-icon>\n                                    Back to all comments\n                                </div>\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\" [commentId]=\"commentId\"\n                                    [skeletonLoader]></d-v2-widget-comment>\n                            </ng-container>\n\n                        </div>\n                        <!-- </ng-template> -->\n                    </mat-tab>\n                </ng-container>\n            </mat-tab-group>\n\n        </div>\n        <div class=\"right-container\">\n            <div class=\"right-content\" #rightContainer>\n                <ng-container *ngIf=\"skeletonLoader\">\n                    <ws-widget-skeleton-loader [width]=\"'384px'\" [height]=\"'224px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"!skeletonLoader\">\n                    <div class=\"flex flex-col image-div\"\n                        [ngStyle]=\"{\n            'background-image': 'url(' + extContentReadData?.appIcon + ')', 'background-repeat': 'no-repeat', 'background-size': 'cover'}\"\n                        [ngClass]=\"{'image-backdrop': scrolled}\">\n                        <div class=\"flex flex-col justify-between text-container\">\n                            <div class=\"flex items-center gap-4 justify-end\">\n                                <div (click)=\"onClickOfShare()\"\n                                    class=\"flex flex-row items-center justify-end gap-2 share-tag\" *ngIf=\"!forPreview\">\n                                    <mat-icon>share</mat-icon>\n                                    <div>{{ 'apptocsinglepage.share' | translate }}</div>\n                                </div>\n                            </div>\n                            <div class=\"flex flex-col gap-1\" *ngIf=\"scrolled\">\n                                <div class=\"text-xl leading-6 text-white font-bold text-scrol-custom\">{{\n                                    handleCapitalize(extContentReadData?.name) }}\n                                </div>\n                                <!-- <div class=\"text-sm source-text font-semibold break-words\" #contentSource [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                        {{ 'cardcontentv2.by' | translate }}\n                        <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">{{ extContentReadData?.contentPartner?.contentPartnerName }}</span>\n                        <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{ 'common.karmayogiBharat' | translate }}</span>\n                    </div> -->\n                            </div>\n                        </div>\n\n\n                    </div>\n\n\n                </ng-container>\n\n                <ng-container *ngIf=\"!forPreview\">\n                    <div class=\"flex flex-col gap-3 p-3 border-bottom\">\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                        <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                            <span class=\"mat-body-2  ws-mat-black-text\">\n                                {{userExtCourseEnroll?.progress}}%</span>\n                        </div>\n                        <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                    [progress]=\"userExtCourseEnroll?.progress\"\n                                                    [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                                </ws-widget-content-progress>\n                    </ng-container>   -->\n\n                        <ng-container\n                            *ngIf=\"(userExtCourseEnroll | json) === '{}' && !enrollValidationLoading && canEnroll\">\n                            <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                                (click)=\"enRollToExtCourse(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.enroll' | translate }}\n                                </ng-container>\n                            </button>\n                        </ng-container>\n                        <ng-container *ngIf=\"enrollValidationLoading\">\n                            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded '\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && extContentReadData?.redirectUrl\">\n                            <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                                [href]=\"extContentReadData?.redirectUrl\"\n                                (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.redirect' | translate }}\n                                    <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                        && userExtCourseEnroll?.progress === 100\">\n                        <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                            <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                            <span>Certificate</span>\n                            <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                            <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                                <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                            </div>\n                        </button>\n                    </ng-container>  -->\n                    </div>\n                </ng-container>\n\n             <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n                <div>\n                    <div class=\"flex flex-col kpi-values items-center gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                        <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                        <div class=\"text-xs\">\n                            {{ extContentReadData?.duration | pipeDurationTransform: 'hms' }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n<div *ngIf=\"!extContentAvailable\">\n    <div class=\"flex justify-center w-full\">\n        <div class=\"margin-xl text-center\">\n            <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                class=\"margin-top-l margin-bottom-s\">\n            <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n        </div>\n    </div>\n\n</div>\n\n<ws-app-share-toc *ngIf=\"enableShare\" [contentLink]=\"contentLink\" [rootOrgId]=\"rootOrgId\" [content]=\"extContentReadData\"\n    (resetEnableShare)=\"resetEnableShare($event)\"></ws-app-share-toc>\n\n<ng-template #inProgressInfo>\n    <ng-container *ngIf=\"showProviderTips\">\n        <div class=\"no-certificate-found mt-6 mb-4 mx-2 p-2\" >\n            <ws-widget-sliders-dynamic [widgetData]=\"widgetData\"></ws-widget-sliders-dynamic>\n        </div>\n    </ng-container>\n</ng-template>", styles: [".source-text{color:#ffffffb3}.toc-banner{background:#3a83cf;background:linear-gradient(135deg,#3a83cf,#1b4ca1);width:100%}.toc-banner .fixed-width{padding:0 16px}.toc-banner .banner-details{padding:36px 0}.toc-banner .banner-details .due-tag{padding:4px;color:#fff;border-radius:4px}.toc-banner .banner-details .due-warning{background-color:#ff9800;border:1px solid #FF9800}.toc-banner .banner-details .due-overdue{background-color:#f44336;border:1px solid #F44336}.toc-banner .banner-details .due-success{background-color:#4caf50;border:1px solid #4CAF50}.toc-banner .banner-details .rating-chip{border:1px solid rgba(0,0,0,.6);border-radius:20px;background-color:#0009}.toc-banner .banner-details .rating-chip mat-icon{width:16px;height:16px;color:#ff9800;font-size:16px}.toc-banner .banner-details .rating-chip .separator{width:1px;height:20px;border-right:1px solid rgba(255,255,255,.16);margin:0 8px}.toc-banner .banner-details .banner-text{color:#fffffff2;word-wrap:break-word}.toc-banner .info-div{max-width:384px;width:100%}.toc-banner .most-enrolled-chip{background-color:#ffea9e;border:1px solid #FFEA9E;padding:4px;border-radius:2px}.text-info-div{padding:8px;background-color:#fff;border-radius:64px}.tag-div{border:1px solid #FF9800;background-color:#00000080}.tag-div mat-icon{font-size:12px;width:12px;height:12px}.fixed-width{max-width:1200px;display:block;margin:0 auto}.mat-subheading-1{margin-bottom:4px!important}.initial-circle{width:36px;height:36px;border-radius:50%;background:#1b2133;color:#fff;text-transform:uppercase}.toc-content{max-width:792px;width:100%}.right-container .image-div{height:220px;background-color:#ccc;border-top-left-radius:12px;border-top-right-radius:12px}.right-container .image-div img{max-width:384px;width:100%;height:220px;border-top-left-radius:12px;border-top-right-radius:12px;position:relative;top:-42px}.right-container .image-div .share-container{position:relative;z-index:2;top:20px;margin-right:20px}.right-container .image-div .share-tag{font-weight:700;background-color:#000;border:1px solid #FFF;border-radius:20px;padding:6px 16px;color:#fff;cursor:pointer}.right-container .tag-div mat-icon{width:16px;height:16px;font-size:16px}.right-container .share-tag mat-icon{width:20px;height:20px;font-size:20px}.right-container .text-container{position:relative;z-index:2;height:220px;padding:16px}.right-container .right-content{background-color:#fff;border-radius:12px;position:fixed;z-index:10;top:132px;width:384px;margin-bottom:2rem;box-shadow:0 2px 6px -1px #00000080,0 -4px 4px -2px #00000080}.right-container .border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.right-container .info-div{background-color:#fef7ed;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.right-container .info-div .mat-icon{width:18px;height:18px;font-size:18px}.right-container .kpi-values{width:64px;padding:8px;text-align:center}.right-container .kpi-values .timer-icon{color:#000000de;height:20px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.button{border-radius:64px;letter-spacing:.25px;padding:12px 36px;font-weight:700;cursor:pointer;text-align:center}@media screen and (max-width: 1200px){.right-container{display:none}.action-button:before{content:\"\";position:absolute;inset:-10px;background-color:#ffffff40;border-radius:inherit;filter:blur(10px);z-index:-1}.action-button:after{content:\"\";position:absolute;inset:-10px;box-shadow:0 0 -4px -4px #fff9;border-radius:inherit;z-index:-1}.karma-points-div{display:none}}.enroll-modal{max-width:600px!important;width:100%!important}.enroll-modal .mat-dialog-container{padding:0;border-radius:12px}.confirmation-modal{max-width:420px!important;width:100%!important}.confirmation-modal .mat-dialog-container{border-radius:12px;padding:0}.image-backdrop{background-color:#000!important;position:relative}.image-backdrop:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000a6;border-top-left-radius:12px;border-top-right-radius:12px}.text-scrol-custom{height:200px;overflow-y:auto}@media screen and (max-width: 1000px){.confirmation-modal,.enroll-modal{max-width:90vw!important}}.kpi-loader-div{width:18%}a.action-button{color:#fff!important;width:auto}.rate-button{color:#000000de!important;font-size:.875rem;font-weight:700;border:none!important}.rate-button .mat-button-wrapper{display:flex;gap:8px;align-items:center}.mobile-enroll-div{padding:16px;position:fixed;z-index:1000;bottom:0;width:calc(100% - 32px)}.mobile-enroll-div .action-button{min-width:320px;max-width:400px;margin:auto}@media screen and (min-width: 1201px){.mobile-enroll-div,.mob-share{display:none!important}.hideAbove1200{display:none}}.mobile-progress{padding:16px}@media screen and (min-width: 1200px){.mobile-progress{display:none}}.sourceEllipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.text-white{color:#fff!important}.custom-button,.fluid-width{width:100%}.toc-container{background:#fff;width:100%}mat-divider{border-top-color:#d9d9d9}.sticky{top:56px;overflow:hidden;z-index:10;width:100%}.statusMsg{border-radius:4px;height:40px}.toc-body{padding-bottom:1rem}.toc-body .toc-links{width:100%;z-index:1;border:none;background:transparent}.toc-body .toc-links .mat-tab-link{text-align:left;justify-content:flex-start}.toc-body .toc-links .mat-tab-link.justify-center{justify-content:center}.toc-body .toc-links .mat-tab-link.link-active{color:#0074b6!important}.tab:focus{outline:1px solid!important}.rounded-icon{background:#fff 0% 0% no-repeat padding-box;box-shadow:0 2px 4px #00000029;border:2px solid #00A9F4;border-radius:50%;min-width:0;opacity:1;height:35px;width:35px;padding:0;align-items:center;align-self:center;float:right}.rounded-icon mat-icon{color:#00a9f4}.blue-border{border:2px solid #0074b6!important}.hidden-xs-inline{display:inline}@media only screen and (max-width: 599px){.hidden-xs-inline{display:none}}.visible-xs-inline{display:none}@media only screen and (max-width: 599px){.visible-xs-inline{display:inline}}.meta-section{flex:1;min-width:1px}.meta-section .unit-meta-item{border-radius:2px;box-sizing:border-box;margin-bottom:16px;box-shadow:none;padding-left:0}@media only screen and (max-width: 599px){.meta-section{width:100%}}.font-bold-imp{font-weight:700!important}.info-section{width:20%;min-width:250px}.info-section .custom-button{background:#0074b6 0% 0% no-repeat padding-box!important;border-radius:4px}@media only screen and (max-width: 599px){.info-section{width:100%;margin-left:0!important}}.info-section .glance-container .at-glance-heading{letter-spacing:0px;color:#222}.info-section .glance-container .info-item .cs-icons .mat-icon{color:#666;vertical-align:middle;font-size:20px}.info-section .glance-container .info-item .cs-icons img{width:20px;height:20px;vertical-align:middle}.info-section .glance-container .info-item .item-heading{font:600 14px/21px Lato;margin:0 0 4px;letter-spacing:0px;color:#0074b6!important}.info-section .glance-container .info-item .item-value{letter-spacing:0px;color:#5f5f5f}.info-section .glance-container .info-item .item-icon{width:20px;height:20px;font-size:20px;margin-left:8px}.toc-discussion-container{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}.toc-discussion-container .discussion{flex:1;min-width:1px}.toc-discussion-container .cohorts{width:100%;background:#fff 0% 0% no-repeat padding-box;border:1px solid #D9D9D9;border-radius:8px;box-shadow:none}@media only screen and (min-width: 600px) and (max-width: 959px){.toc-discussion-container .cohorts{margin-left:24px;min-width:250px}}@media only screen and (max-width: 599px){.toc-discussion-container .cohorts{margin-left:0;margin-bottom:24px;width:100%}}.mtb-xl{margin-top:3.5rem;margin-bottom:3.5rem}.detailBar{display:flex}.editDetails{margin:auto;display:flex}.white-bg{background:#fff!important;background-color:#fff!important}.contacts-container{padding:22px 0 10px;border:0;border-top:1px;border-style:solid;border-bottom:1px;border-color:#ececec}.contacts-container .contacts-head{letter-spacing:0px;color:#222;background:transparent;margin-bottom:24px}.contacts-container .author-card{min-width:291px;width:291px;display:flex;flex-direction:row;align-items:center;margin-bottom:30px;padding-right:10px}.contacts-container .author-card .right{padding:0 15px}.contacts-container .author-card .user-name{letter-spacing:0px;color:#5f5f5f}.contacts-container .author-card .user-university{letter-spacing:0px;color:#00a9f4}.contacts-container .author-card .user-button{background:#fff 0% 0% no-repeat padding-box;border:1px solid #F58634;border-radius:15px;letter-spacing:0px;color:#f58634;max-width:60px;padding:4px}.divider-transparent{border-top-color:transparent!important}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:all .2s ease-in-out;border-radius:50%}.scroll-to-top .icon{font-size:24px!important}.show-scroll{opacity:1;transition:all .2s ease-in-out}.sticky-breadcrumbs{position:sticky;z-index:999;top:72px;width:100%}.sticky-banner{position:sticky;z-index:999}.sticky-navs{position:sticky!important;background:#fff;z-index:999;top:auto}.actbutton{border:1px solid rgba(0,0,0,.16);border-radius:4px;padding:0 15px;width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.actbutton .mat-icon{margin-right:6px}.disable-start-btn{cursor:not-allowed!important;pointer-events:none!important;opacity:.5!important}.certificate-loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.cb-plan-wrap{opacity:1;color:#1b4ca1;font-family:Lato-Regular;font-size:12px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.cb-plan-wrap .cb-danger{border-radius:2px;padding:4px 8px;border:1px solid #d13924;background-color:#d13924!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-success{padding:4px 8px;border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-warning{padding:4px 8px;border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.bg-white{background-color:#fff}.provider-logo-div{border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.provider-logo-div img{display:flex;border-radius:4px;width:40px;height:40px;padding:4px}ul{padding:0!important}.kpi-values{min-width:64px;padding:8px;text-align:center}.kpi-values img{height:24px;width:24px}.position-bottom{position:fixed;width:88%;bottom:0;z-index:99}.no-certificate-found{border:1px solid #ccc;border-color:#f3962f;background-color:#fceedb;border-radius:12px}.no-certificate-found{min-height:56px}.no-certificate-found ::ng-deep ws-widget-sliders-dynamic .banner-data{font-size:16px!important;font-family:lato,sans-serif!important}.truncate-5{-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.ext-info-slider{padding:8px}#commentsDiv{margin:1rem auto;min-height:500px}.knowledge-level-container{margin-right:auto}.level-badge{display:inline-flex;height:24px;padding:2px 8px;align-items:center;gap:4px;flex-shrink:0;border-radius:12px;font-weight:600;font-size:12px;line-height:16px;white-space:nowrap}.level-badge.beginner{border:1px solid #49C951;background:linear-gradient(0deg,#49c95133 0% 100%),#fff;color:#2f8132;border-radius:16px}.level-badge.intermediate{border:1px solid #1B4CA1;background:linear-gradient(0deg,#1b4ca133 0% 100%),#fff;color:#1b4ca1;border-radius:16px}.level-badge.advanced{border:1px solid #FF8268;background:linear-gradient(0deg,#ff826833 0% 100%),#fff;color:#ff4b25;border-radius:16px}.level-badge svg{flex-shrink:0}::ng-deep .consent-dialog-panel .mat-dialog-container{overflow:hidden;padding:0;margin:0;border-radius:8px}::ng-deep .consent-dialog-panel .mat-dialog-content{padding:0;margin:0;max-height:none;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i18.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i18.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "directive", type: i18.MatLegacyTabContent, selector: "[matTabContent]" }, { kind: "component", type: SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }, { kind: "component", type: AppTocAboutComponent, selector: "ws-widget-app-toc-about", inputs: ["condition", "kparray", "content", "contentReadData", "baseContentReadData", "skeletonLoader", "sticky", "tocStructure", "pathSet", "config", "resumeData", "forPreview", "showReviews", "batchData", "fromViewer", "selectedBatchData", "selectedTabValue", "fromMarketPlace", "showMarketPlaceCertificate", "languageList", "lockCertificate"], outputs: ["trigerCompletionSurveyForm"] }, { kind: "component", type: ShareTocComponent, selector: "ws-app-share-toc", inputs: ["rootOrgId", "content", "contentLink", "baseContentReadData"], outputs: ["resetEnableShare"] }, { kind: "component", type: i12$2.WidgetCommentComponent, selector: "d-v2-widget-comment", inputs: ["widgetData", "commentId"], outputs: ["commentDataChange"] }, { kind: "component", type: SlidersDynamicComponent, selector: "ws-widget-sliders-dynamic", inputs: ["widgetData"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.PipeDurationTransformPipe, name: "pipeDurationTransform" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocCiosHomeComponent, selector: "ws-app-app-toc-cios-home", host: { listeners: { "window:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "rcElement", first: true, predicate: ["rightContainer"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"extContentAvailable\">\n    <div class=\"toc-banner\">\n        <div class=\"flex flex-row gap-6 fixed-width\">\n            <div class=\"banner-details toc-content\" #bannerDetails>\n                <div class=\"flex flex-col gap-4\">\n                    <div class=\"flex items-center justify-between gap-4\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'140px'\" [height]=\"'24px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <!-- <div class=\"flex flex-row gap-2\">\n                    <div class=\"flex flex-row tag-div rounded-2xl gap-1 items-center p-2\">\n                    <mat-icon class=\"ws-mat-orange-text\">video_library</mat-icon>\n                     <ng-container *ngIf=\"content?.courseCategory\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ translateLabel(content?.courseCategory, 'searchfilters') }}</div>\n                    </ng-container>\n                    <ng-container *ngIf=\"extContentReadData?.topic\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ 'External Course' }}</div>\n                    </ng-container>\n                    </div>\n                </div> -->\n                        </ng-container>\n\n                        <div class=\"flex items-center text-white mob-share\">\n                            <mat-icon (click)=\"onClickOfShare()\">share</mat-icon>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- Knowledge level block -->\n                        <div *ngIf=\"extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel\"\n                            class=\"knowledge-level-container\">\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'beginner' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'beginner'\"\n                                class=\"level-badge beginner\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#DBF4DC\" />\n                                    <path\n                                        d=\"M7.42267 5C7.67927 4.55555 8.32077 4.55556 8.57737 5L12.0415 11C12.2981 11.4444 11.9773 12 11.4641 12H4.53592C4.02272 12 3.70197 11.4444 3.95857 11L7.42267 5Z\"\n                                        fill=\"#49C951\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'intermediate' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'intermediate'\"\n                                class=\"level-badge intermediate\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#D1DBEC\" />\n                                    <path\n                                        d=\"M7.42267 2.66666C7.67927 2.22221 8.32077 2.22221 8.57737 2.66666L12.0415 8.66666C12.2981 9.1111 11.9773 9.66666 11.4641 9.66666H4.53592C4.02272 9.66666 3.70197 9.1111 3.95857 8.66666L7.42267 2.66666Z\"\n                                        fill=\"#1B4CA1\" />\n                                    <path\n                                        d=\"M7.42267 5.66666C7.67927 5.22221 8.32077 5.22221 8.57737 5.66666L12.0415 11.6667C12.2981 12.1111 11.9773 12.6667 11.4641 12.6667H4.53592C4.02272 12.6667 3.70197 12.1111 3.95857 11.6667L7.42267 5.66666Z\"\n                                        fill=\"#1B4CA1\" stroke=\"#D1DBEC\" stroke-width=\"0.5\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'advanced' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'advanced'\"\n                                class=\"level-badge advanced\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <g clip-path=\"url(#clip0)\">\n                                        <rect width=\"16\" height=\"16\" fill=\"#FFE6E1\" />\n                                        <path\n                                            d=\"M7.42264 2.33334C7.67924 1.8889 8.32074 1.8889 8.57734 2.33334L12.0414 8.33334C12.298 8.77779 11.9773 9.33334 11.4641 9.33334H4.53589C4.02269 9.33334 3.70194 8.77779 3.95854 8.33334L7.42264 2.33334Z\"\n                                            fill=\"#FF8268\" />\n                                        <path\n                                            d=\"M7.42264 5C7.67924 4.55555 8.32074 4.55556 8.57734 5L12.0414 11C12.298 11.4444 11.9773 12 11.4641 12H4.53589C4.02269 12 3.70194 11.4444 3.95854 11L7.42264 5Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                        <path\n                                            d=\"M7.42264 7.66669C7.67924 7.22224 8.32074 7.22224 8.57734 7.66669L12.0414 13.6667C12.298 14.1111 11.9773 14.6667 11.4641 14.6667H4.53589C4.02269 14.6667 3.70194 14.1111 3.95854 13.6667L7.42264 7.66669Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                    </g>\n                                    <defs>\n                                        <clipPath id=\"clip0\">\n                                            <rect width=\"16\" height=\"16\" fill=\"white\" />\n                                        </clipPath>\n                                    </defs>\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                        </div>\n                    </ng-container>\n                    <div class=\"flex flex-col gap-2\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'90%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'70%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <div class=\"banner-text text-base sm:text-4xl leading-6 sm:leading-10 font-bold\">{{\n                                handleCapitalize(extContentReadData?.name) }}</div>\n                            <div class=\"text-sm sm:text-base source-text font-semibold break-words\" #contentSource\n                                [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                                {{ 'cardcontentv2.by' | translate }}\n                                <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">\n                                    <span *ngIf=\"extContentReadData?.courseProvider?.length;else contentPartnerName\">\n                                        {{ formatcourseProviders(extContentReadData?.courseProvider) }}\n                                    </span>\n                                    <ng-template #contentPartnerName>\n                                        {{extContentReadData?.contentPartner?.contentPartnerName }}\n                                    </ng-template>\n                                </span>\n                                <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{\n                                    'common.karmayogiBharat' | translate }}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'40px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'88px'\" [height]=\"'24px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- <div class=\"flex gap-4 items-center\" *ngIf=\"content?.averageRating || content?.additionalTags?.length\">\n                    <div class=\"flex flex-row rating-chip py-2 items-center cursor-pointer\" (click)=\"handleNavigateToReviews()\" *ngIf=\"content?.averageRating\">\n                    <div class=\"flex flex-row gap-1 margin-left-s items-center\">\n                        <mat-icon>grade</mat-icon>\n                        <div class=\"text-white text-sm leading-4\">{{ content?.averageRating }}</div>\n                    </div>\n                    <div class=\"separator\"></div>\n                    <div class=\"text-white text-sm leading-4 margin-right-m\">{{ content?.totalRating | pipeCountTransform }}</div>\n                    </div>\n                    <div class=\"flex items-center\" *ngIf=\"content?.additionalTags?.length\">\n                    <div class=\"most-enrolled-chip text-xs leading-3\">\n                        <span *ngIf=\"content?.additionalTags?.includes('mostTrending')\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n                        <span *ngIf=\"content?.additionalTags?.includes('mostEnrolled')\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n                    </div>\n                    </div>\n                </div> -->\n                    </ng-container>\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'180px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader && extContentReadData?.lastUpdatedOn\">\n                        <div class=\"text-xs leading-4 source-text\">({{ 'apptoc.lastUpdatedOn' | translate }} {{\n                            extContentReadData?.lastUpdatedOn | date: 'MMM d, y' }})</div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n    <ng-container *ngIf=\"!forPreview\">\n\n        <div *ngIf=\"isMobile\">\n            <div class=\"flex flex-col gap-4 p-5 border-bottom position-bottom\">\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                    <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                        <span class=\"mat-body-2  ws-mat-black-text\">\n                            {{userExtCourseEnroll?.progress}}%</span>\n                    </div>\n                    <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                [progress]=\"userExtCourseEnroll?.progress\"\n                                                [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                            </ws-widget-content-progress>\n                  </ng-container>   -->\n                <ng-container *ngIf=\"showEnroll\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                        (click)=\"enRollToExtCourse(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.enroll' | translate }}\n                        </ng-container>\n                    </button>\n                </ng-container>\n                <ng-container *ngIf=\"enrollValidationLoading\">\n                    <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"showRedirect\">\n                    <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                        [href]=\"extContentReadData?.redirectUrl\" (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.redirect' | translate }}\n                            <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                        </ng-container>\n                    </a>\n                </ng-container>\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                    && userExtCourseEnroll?.progress === 100\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                         <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                        <span>Certificate</span>\n                        <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                        <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                            <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                          </div>\n                    </button>\n                </ng-container>  -->\n            </div>\n\n             <div class=\"block md:hidden\">\n                <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n             </div>\n            <div>\n                <div class=\"flex flex-col px-8 py-4 gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                    <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                    <div class=\"text-xs\">{{ extContentReadData?.duration * 60 | pipeDurationTransform: 'hms' }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <div class=\"flex flex-row gap-6 fixed-width\">\n        <div class=\"toc-content\" [ngClass]=\"isMobile ? '':'mt-8 mb-8'\">\n            <mat-tab-group>\n                <mat-tab label=\"{{ 'apptocsinglepage.about' | translate }}\">\n                    <ng-template matTabContent>\n                        <div class=\"flex flex-col\" [ngClass]=\"isMobile ? '':'mt-5 mb-5'\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                <div class=\"flex flex-col gap-2 mt-4\">\n                                    <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <ws-widget-app-toc-about [contentReadData]=\"extContentReadData\" [showReviews]=\"false\"\n                                    [baseContentReadData]=\"extContentReadData\"\n                                    [showMarketPlaceCertificate]=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length >  0 && userExtCourseEnroll?.progress === 100\"\n                                    [content]=\"extContentReadData\" [fromMarketPlace]=\"true\"\n                                    [skeletonLoader]=\"skeletonLoader\">\n                                </ws-widget-app-toc-about>\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </mat-tab>\n\n                <ng-container *ngIf=\"config?.commentsTab\">\n                    <mat-tab label=\"{{ 'apptocsinglepage.comments' | translate }}\">\n                        <!-- <ng-template matTabContent> -->\n                        <div class=\"flex flex-col ratings-div mt-5\" id=\"commentsDiv\" *ngIf=\"discussWidgetData\">\n                            <ng-container *ngIf=\"!commentId\">\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\"></d-v2-widget-comment>\n                            </ng-container>\n                            <ng-container *ngIf=\"commentId\">\n                                <div class=\"flex flex-row gap-3 cursor-pointer mb-5\" (click)=\"clearCommentIdFromUrl()\">\n                                    <mat-icon class=\"cursor-pointer\">arrow_back</mat-icon>\n                                    Back to all comments\n                                </div>\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\" [commentId]=\"commentId\"\n                                    [skeletonLoader]></d-v2-widget-comment>\n                            </ng-container>\n\n                        </div>\n                        <!-- </ng-template> -->\n                    </mat-tab>\n                </ng-container>\n            </mat-tab-group>\n\n        </div>\n        <div class=\"right-container\">\n            <div class=\"right-content\" #rightContainer>\n                <ng-container *ngIf=\"skeletonLoader\">\n                    <ws-widget-skeleton-loader [width]=\"'384px'\" [height]=\"'224px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"!skeletonLoader\">\n                    <div class=\"flex flex-col image-div\"\n                        [ngStyle]=\"{\n            'background-image': 'url(' + extContentReadData?.appIcon + ')', 'background-repeat': 'no-repeat', 'background-size': 'cover'}\"\n                        [ngClass]=\"{'image-backdrop': scrolled}\">\n                        <div class=\"flex flex-col justify-between text-container\">\n                            <div class=\"flex items-center gap-4 justify-end\">\n                                <div (click)=\"onClickOfShare()\"\n                                    class=\"flex flex-row items-center justify-end gap-2 share-tag\" *ngIf=\"!forPreview\">\n                                    <mat-icon>share</mat-icon>\n                                    <div>{{ 'apptocsinglepage.share' | translate }}</div>\n                                </div>\n                            </div>\n                            <div class=\"flex flex-col gap-1\" *ngIf=\"scrolled\">\n                                <div class=\"text-xl leading-6 text-white font-bold text-scrol-custom\">{{\n                                    handleCapitalize(extContentReadData?.name) }}\n                                </div>\n                                <!-- <div class=\"text-sm source-text font-semibold break-words\" #contentSource [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                        {{ 'cardcontentv2.by' | translate }}\n                        <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">{{ extContentReadData?.contentPartner?.contentPartnerName }}</span>\n                        <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{ 'common.karmayogiBharat' | translate }}</span>\n                    </div> -->\n                            </div>\n                        </div>\n\n\n                    </div>\n\n\n                </ng-container>\n\n                <ng-container *ngIf=\"!forPreview\">\n                    <div class=\"flex flex-col gap-3 p-3 border-bottom\">\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                        <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                            <span class=\"mat-body-2  ws-mat-black-text\">\n                                {{userExtCourseEnroll?.progress}}%</span>\n                        </div>\n                        <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                    [progress]=\"userExtCourseEnroll?.progress\"\n                                                    [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                                </ws-widget-content-progress>\n                    </ng-container>   -->\n\n                        <ng-container *ngIf=\"showEnroll\">\n                            <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                                (click)=\"enRollToExtCourse(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.enroll' | translate }}\n                                </ng-container>\n                            </button>\n                        </ng-container>\n                        <ng-container *ngIf=\"enrollValidationLoading\">\n                            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded '\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"showRedirect\">\n                            <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                                [href]=\"extContentReadData?.redirectUrl\"\n                                (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.redirect' | translate }}\n                                    <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                        && userExtCourseEnroll?.progress === 100\">\n                        <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                            <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                            <span>Certificate</span>\n                            <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                            <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                                <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                            </div>\n                        </button>\n                    </ng-container>  -->\n                    </div>\n                </ng-container>\n\n             <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n                <div>\n                    <div class=\"flex flex-col kpi-values items-center gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                        <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                        <div class=\"text-xs\">\n                            {{ extContentReadData?.duration | pipeDurationTransform: 'hms' }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n<div *ngIf=\"!extContentAvailable\">\n    <div class=\"flex justify-center w-full\">\n        <div class=\"margin-xl text-center\">\n            <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                class=\"margin-top-l margin-bottom-s\">\n            <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n        </div>\n    </div>\n\n</div>\n\n<ws-app-share-toc *ngIf=\"enableShare\" [contentLink]=\"contentLink\" [rootOrgId]=\"rootOrgId\" [content]=\"extContentReadData\"\n    (resetEnableShare)=\"resetEnableShare($event)\"></ws-app-share-toc>\n\n<ng-template #inProgressInfo>\n    <ng-container *ngIf=\"showProviderTips\">\n        <div class=\"no-certificate-found mt-6 mb-4 mx-2 p-2\" >\n            <ws-widget-sliders-dynamic [widgetData]=\"widgetData\"></ws-widget-sliders-dynamic>\n        </div>\n    </ng-container>\n</ng-template>", styles: [".source-text{color:#ffffffb3}.toc-banner{background:#3a83cf;background:linear-gradient(135deg,#3a83cf,#1b4ca1);width:100%}.toc-banner .fixed-width{padding:0 16px}.toc-banner .banner-details{padding:36px 0}.toc-banner .banner-details .due-tag{padding:4px;color:#fff;border-radius:4px}.toc-banner .banner-details .due-warning{background-color:#ff9800;border:1px solid #FF9800}.toc-banner .banner-details .due-overdue{background-color:#f44336;border:1px solid #F44336}.toc-banner .banner-details .due-success{background-color:#4caf50;border:1px solid #4CAF50}.toc-banner .banner-details .rating-chip{border:1px solid rgba(0,0,0,.6);border-radius:20px;background-color:#0009}.toc-banner .banner-details .rating-chip mat-icon{width:16px;height:16px;color:#ff9800;font-size:16px}.toc-banner .banner-details .rating-chip .separator{width:1px;height:20px;border-right:1px solid rgba(255,255,255,.16);margin:0 8px}.toc-banner .banner-details .banner-text{color:#fffffff2;word-wrap:break-word}.toc-banner .info-div{max-width:384px;width:100%}.toc-banner .most-enrolled-chip{background-color:#ffea9e;border:1px solid #FFEA9E;padding:4px;border-radius:2px}.text-info-div{padding:8px;background-color:#fff;border-radius:64px}.tag-div{border:1px solid #FF9800;background-color:#00000080}.tag-div mat-icon{font-size:12px;width:12px;height:12px}.fixed-width{max-width:1200px;display:block;margin:0 auto}.mat-subheading-1{margin-bottom:4px!important}.initial-circle{width:36px;height:36px;border-radius:50%;background:#1b2133;color:#fff;text-transform:uppercase}.toc-content{max-width:792px;width:100%}.right-container .image-div{height:220px;background-color:#ccc;border-top-left-radius:12px;border-top-right-radius:12px}.right-container .image-div img{max-width:384px;width:100%;height:220px;border-top-left-radius:12px;border-top-right-radius:12px;position:relative;top:-42px}.right-container .image-div .share-container{position:relative;z-index:2;top:20px;margin-right:20px}.right-container .image-div .share-tag{font-weight:700;background-color:#000;border:1px solid #FFF;border-radius:20px;padding:6px 16px;color:#fff;cursor:pointer}.right-container .tag-div mat-icon{width:16px;height:16px;font-size:16px}.right-container .share-tag mat-icon{width:20px;height:20px;font-size:20px}.right-container .text-container{position:relative;z-index:2;height:220px;padding:16px}.right-container .right-content{background-color:#fff;border-radius:12px;position:fixed;z-index:10;top:132px;width:384px;margin-bottom:2rem;box-shadow:0 2px 6px -1px #00000080,0 -4px 4px -2px #00000080}.right-container .border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.right-container .info-div{background-color:#fef7ed;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.right-container .info-div .mat-icon{width:18px;height:18px;font-size:18px}.right-container .kpi-values{width:64px;padding:8px;text-align:center}.right-container .kpi-values .timer-icon{color:#000000de;height:20px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.button{border-radius:64px;letter-spacing:.25px;padding:12px 36px;font-weight:700;cursor:pointer;text-align:center}@media screen and (max-width: 1200px){.right-container{display:none}.action-button:before{content:\"\";position:absolute;inset:-10px;background-color:#ffffff40;border-radius:inherit;filter:blur(10px);z-index:-1}.action-button:after{content:\"\";position:absolute;inset:-10px;box-shadow:0 0 -4px -4px #fff9;border-radius:inherit;z-index:-1}.karma-points-div{display:none}}.enroll-modal{max-width:600px!important;width:100%!important}.enroll-modal .mat-dialog-container{padding:0;border-radius:12px}.confirmation-modal{max-width:420px!important;width:100%!important}.confirmation-modal .mat-dialog-container{border-radius:12px;padding:0}.image-backdrop{background-color:#000!important;position:relative}.image-backdrop:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000a6;border-top-left-radius:12px;border-top-right-radius:12px}.text-scrol-custom{height:200px;overflow-y:auto}@media screen and (max-width: 1000px){.confirmation-modal,.enroll-modal{max-width:90vw!important}}.kpi-loader-div{width:18%}a.action-button{color:#fff!important;width:auto}.rate-button{color:#000000de!important;font-size:.875rem;font-weight:700;border:none!important}.rate-button .mat-button-wrapper{display:flex;gap:8px;align-items:center}.mobile-enroll-div{padding:16px;position:fixed;z-index:1000;bottom:0;width:calc(100% - 32px)}.mobile-enroll-div .action-button{min-width:320px;max-width:400px;margin:auto}@media screen and (min-width: 1201px){.mobile-enroll-div,.mob-share{display:none!important}.hideAbove1200{display:none}}.mobile-progress{padding:16px}@media screen and (min-width: 1200px){.mobile-progress{display:none}}.sourceEllipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.text-white{color:#fff!important}.custom-button,.fluid-width{width:100%}.toc-container{background:#fff;width:100%}mat-divider{border-top-color:#d9d9d9}.sticky{top:56px;overflow:hidden;z-index:10;width:100%}.statusMsg{border-radius:4px;height:40px}.toc-body{padding-bottom:1rem}.toc-body .toc-links{width:100%;z-index:1;border:none;background:transparent}.toc-body .toc-links .mat-tab-link{text-align:left;justify-content:flex-start}.toc-body .toc-links .mat-tab-link.justify-center{justify-content:center}.toc-body .toc-links .mat-tab-link.link-active{color:#0074b6!important}.tab:focus{outline:1px solid!important}.rounded-icon{background:#fff 0% 0% no-repeat padding-box;box-shadow:0 2px 4px #00000029;border:2px solid #00A9F4;border-radius:50%;min-width:0;opacity:1;height:35px;width:35px;padding:0;align-items:center;align-self:center;float:right}.rounded-icon mat-icon{color:#00a9f4}.blue-border{border:2px solid #0074b6!important}.hidden-xs-inline{display:inline}@media only screen and (max-width: 599px){.hidden-xs-inline{display:none}}.visible-xs-inline{display:none}@media only screen and (max-width: 599px){.visible-xs-inline{display:inline}}.meta-section{flex:1;min-width:1px}.meta-section .unit-meta-item{border-radius:2px;box-sizing:border-box;margin-bottom:16px;box-shadow:none;padding-left:0}@media only screen and (max-width: 599px){.meta-section{width:100%}}.font-bold-imp{font-weight:700!important}.info-section{width:20%;min-width:250px}.info-section .custom-button{background:#0074b6 0% 0% no-repeat padding-box!important;border-radius:4px}@media only screen and (max-width: 599px){.info-section{width:100%;margin-left:0!important}}.info-section .glance-container .at-glance-heading{letter-spacing:0px;color:#222}.info-section .glance-container .info-item .cs-icons .mat-icon{color:#666;vertical-align:middle;font-size:20px}.info-section .glance-container .info-item .cs-icons img{width:20px;height:20px;vertical-align:middle}.info-section .glance-container .info-item .item-heading{font:600 14px/21px Lato;margin:0 0 4px;letter-spacing:0px;color:#0074b6!important}.info-section .glance-container .info-item .item-value{letter-spacing:0px;color:#5f5f5f}.info-section .glance-container .info-item .item-icon{width:20px;height:20px;font-size:20px;margin-left:8px}.toc-discussion-container{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}.toc-discussion-container .discussion{flex:1;min-width:1px}.toc-discussion-container .cohorts{width:100%;background:#fff 0% 0% no-repeat padding-box;border:1px solid #D9D9D9;border-radius:8px;box-shadow:none}@media only screen and (min-width: 600px) and (max-width: 959px){.toc-discussion-container .cohorts{margin-left:24px;min-width:250px}}@media only screen and (max-width: 599px){.toc-discussion-container .cohorts{margin-left:0;margin-bottom:24px;width:100%}}.mtb-xl{margin-top:3.5rem;margin-bottom:3.5rem}.detailBar{display:flex}.editDetails{margin:auto;display:flex}.white-bg{background:#fff!important;background-color:#fff!important}.contacts-container{padding:22px 0 10px;border:0;border-top:1px;border-style:solid;border-bottom:1px;border-color:#ececec}.contacts-container .contacts-head{letter-spacing:0px;color:#222;background:transparent;margin-bottom:24px}.contacts-container .author-card{min-width:291px;width:291px;display:flex;flex-direction:row;align-items:center;margin-bottom:30px;padding-right:10px}.contacts-container .author-card .right{padding:0 15px}.contacts-container .author-card .user-name{letter-spacing:0px;color:#5f5f5f}.contacts-container .author-card .user-university{letter-spacing:0px;color:#00a9f4}.contacts-container .author-card .user-button{background:#fff 0% 0% no-repeat padding-box;border:1px solid #F58634;border-radius:15px;letter-spacing:0px;color:#f58634;max-width:60px;padding:4px}.divider-transparent{border-top-color:transparent!important}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:all .2s ease-in-out;border-radius:50%}.scroll-to-top .icon{font-size:24px!important}.show-scroll{opacity:1;transition:all .2s ease-in-out}.sticky-breadcrumbs{position:sticky;z-index:999;top:72px;width:100%}.sticky-banner{position:sticky;z-index:999}.sticky-navs{position:sticky!important;background:#fff;z-index:999;top:auto}.actbutton{border:1px solid rgba(0,0,0,.16);border-radius:4px;padding:0 15px;width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.actbutton .mat-icon{margin-right:6px}.disable-start-btn{cursor:not-allowed!important;pointer-events:none!important;opacity:.5!important}.certificate-loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.cb-plan-wrap{opacity:1;color:#1b4ca1;font-family:Lato-Regular;font-size:12px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.cb-plan-wrap .cb-danger{border-radius:2px;padding:4px 8px;border:1px solid #d13924;background-color:#d13924!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-success{padding:4px 8px;border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-warning{padding:4px 8px;border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.bg-white{background-color:#fff}.provider-logo-div{border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.provider-logo-div img{display:flex;border-radius:4px;width:40px;height:40px;padding:4px}ul{padding:0!important}.kpi-values{min-width:64px;padding:8px;text-align:center}.kpi-values img{height:24px;width:24px}.position-bottom{position:fixed;width:88%;bottom:0;z-index:99}.no-certificate-found{border:1px solid #ccc;border-color:#f3962f;background-color:#fceedb;border-radius:12px}.no-certificate-found{min-height:56px}.no-certificate-found ::ng-deep ws-widget-sliders-dynamic .banner-data{font-size:16px!important;font-family:lato,sans-serif!important}.truncate-5{-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.ext-info-slider{padding:8px}#commentsDiv{margin:1rem auto;min-height:500px}.knowledge-level-container{margin-right:auto}.level-badge{display:inline-flex;height:24px;padding:2px 8px;align-items:center;gap:4px;flex-shrink:0;border-radius:12px;font-weight:600;font-size:12px;line-height:16px;white-space:nowrap}.level-badge.beginner{border:1px solid #49C951;background:linear-gradient(0deg,#49c95133 0% 100%),#fff;color:#2f8132;border-radius:16px}.level-badge.intermediate{border:1px solid #1B4CA1;background:linear-gradient(0deg,#1b4ca133 0% 100%),#fff;color:#1b4ca1;border-radius:16px}.level-badge.advanced{border:1px solid #FF8268;background:linear-gradient(0deg,#ff826833 0% 100%),#fff;color:#ff4b25;border-radius:16px}.level-badge svg{flex-shrink:0}::ng-deep .consent-dialog-panel .mat-dialog-container{overflow:hidden;padding:0;margin:0;border-radius:8px}::ng-deep .consent-dialog-panel .mat-dialog-content{padding:0;margin:0;max-height:none;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i18.MatLegacyTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i18.MatLegacyTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "directive", type: i18.MatLegacyTabContent, selector: "[matTabContent]" }, { kind: "component", type: SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }, { kind: "component", type: AppTocAboutComponent, selector: "ws-widget-app-toc-about", inputs: ["condition", "kparray", "content", "contentReadData", "baseContentReadData", "skeletonLoader", "sticky", "tocStructure", "pathSet", "config", "resumeData", "forPreview", "showReviews", "batchData", "fromViewer", "selectedBatchData", "selectedTabValue", "fromMarketPlace", "showMarketPlaceCertificate", "languageList", "lockCertificate"], outputs: ["trigerCompletionSurveyForm"] }, { kind: "component", type: ShareTocComponent, selector: "ws-app-share-toc", inputs: ["rootOrgId", "content", "contentLink", "baseContentReadData"], outputs: ["resetEnableShare"] }, { kind: "component", type: i12$2.WidgetCommentComponent, selector: "d-v2-widget-comment", inputs: ["widgetData", "commentId"], outputs: ["commentDataChange"] }, { kind: "component", type: SlidersDynamicComponent, selector: "ws-widget-sliders-dynamic", inputs: ["widgetData"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.PipeDurationTransformPipe, name: "pipeDurationTransform" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocCiosHomeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ws-app-app-toc-cios-home', template: "<ng-container *ngIf=\"extContentAvailable\">\n    <div class=\"toc-banner\">\n        <div class=\"flex flex-row gap-6 fixed-width\">\n            <div class=\"banner-details toc-content\" #bannerDetails>\n                <div class=\"flex flex-col gap-4\">\n                    <div class=\"flex items-center justify-between gap-4\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'140px'\" [height]=\"'24px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <!-- <div class=\"flex flex-row gap-2\">\n                    <div class=\"flex flex-row tag-div rounded-2xl gap-1 items-center p-2\">\n                    <mat-icon class=\"ws-mat-orange-text\">video_library</mat-icon>\n                     <ng-container *ngIf=\"content?.courseCategory\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ translateLabel(content?.courseCategory, 'searchfilters') }}</div>\n                    </ng-container>\n                    <ng-container *ngIf=\"extContentReadData?.topic\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ 'External Course' }}</div>\n                    </ng-container>\n                    </div>\n                </div> -->\n                        </ng-container>\n\n                        <div class=\"flex items-center text-white mob-share\">\n                            <mat-icon (click)=\"onClickOfShare()\">share</mat-icon>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- Knowledge level block -->\n                        <div *ngIf=\"extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel\"\n                            class=\"knowledge-level-container\">\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'beginner' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'beginner'\"\n                                class=\"level-badge beginner\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#DBF4DC\" />\n                                    <path\n                                        d=\"M7.42267 5C7.67927 4.55555 8.32077 4.55556 8.57737 5L12.0415 11C12.2981 11.4444 11.9773 12 11.4641 12H4.53592C4.02272 12 3.70197 11.4444 3.95857 11L7.42267 5Z\"\n                                        fill=\"#49C951\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'intermediate' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'intermediate'\"\n                                class=\"level-badge intermediate\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#D1DBEC\" />\n                                    <path\n                                        d=\"M7.42267 2.66666C7.67927 2.22221 8.32077 2.22221 8.57737 2.66666L12.0415 8.66666C12.2981 9.1111 11.9773 9.66666 11.4641 9.66666H4.53592C4.02272 9.66666 3.70197 9.1111 3.95857 8.66666L7.42267 2.66666Z\"\n                                        fill=\"#1B4CA1\" />\n                                    <path\n                                        d=\"M7.42267 5.66666C7.67927 5.22221 8.32077 5.22221 8.57737 5.66666L12.0415 11.6667C12.2981 12.1111 11.9773 12.6667 11.4641 12.6667H4.53592C4.02272 12.6667 3.70197 12.1111 3.95857 11.6667L7.42267 5.66666Z\"\n                                        fill=\"#1B4CA1\" stroke=\"#D1DBEC\" stroke-width=\"0.5\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'advanced' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'advanced'\"\n                                class=\"level-badge advanced\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <g clip-path=\"url(#clip0)\">\n                                        <rect width=\"16\" height=\"16\" fill=\"#FFE6E1\" />\n                                        <path\n                                            d=\"M7.42264 2.33334C7.67924 1.8889 8.32074 1.8889 8.57734 2.33334L12.0414 8.33334C12.298 8.77779 11.9773 9.33334 11.4641 9.33334H4.53589C4.02269 9.33334 3.70194 8.77779 3.95854 8.33334L7.42264 2.33334Z\"\n                                            fill=\"#FF8268\" />\n                                        <path\n                                            d=\"M7.42264 5C7.67924 4.55555 8.32074 4.55556 8.57734 5L12.0414 11C12.298 11.4444 11.9773 12 11.4641 12H4.53589C4.02269 12 3.70194 11.4444 3.95854 11L7.42264 5Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                        <path\n                                            d=\"M7.42264 7.66669C7.67924 7.22224 8.32074 7.22224 8.57734 7.66669L12.0414 13.6667C12.298 14.1111 11.9773 14.6667 11.4641 14.6667H4.53589C4.02269 14.6667 3.70194 14.1111 3.95854 13.6667L7.42264 7.66669Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                    </g>\n                                    <defs>\n                                        <clipPath id=\"clip0\">\n                                            <rect width=\"16\" height=\"16\" fill=\"white\" />\n                                        </clipPath>\n                                    </defs>\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                        </div>\n                    </ng-container>\n                    <div class=\"flex flex-col gap-2\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'90%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'70%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <div class=\"banner-text text-base sm:text-4xl leading-6 sm:leading-10 font-bold\">{{\n                                handleCapitalize(extContentReadData?.name) }}</div>\n                            <div class=\"text-sm sm:text-base source-text font-semibold break-words\" #contentSource\n                                [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                                {{ 'cardcontentv2.by' | translate }}\n                                <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">\n                                    <span *ngIf=\"extContentReadData?.courseProvider?.length;else contentPartnerName\">\n                                        {{ formatcourseProviders(extContentReadData?.courseProvider) }}\n                                    </span>\n                                    <ng-template #contentPartnerName>\n                                        {{extContentReadData?.contentPartner?.contentPartnerName }}\n                                    </ng-template>\n                                </span>\n                                <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{\n                                    'common.karmayogiBharat' | translate }}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'40px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'88px'\" [height]=\"'24px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- <div class=\"flex gap-4 items-center\" *ngIf=\"content?.averageRating || content?.additionalTags?.length\">\n                    <div class=\"flex flex-row rating-chip py-2 items-center cursor-pointer\" (click)=\"handleNavigateToReviews()\" *ngIf=\"content?.averageRating\">\n                    <div class=\"flex flex-row gap-1 margin-left-s items-center\">\n                        <mat-icon>grade</mat-icon>\n                        <div class=\"text-white text-sm leading-4\">{{ content?.averageRating }}</div>\n                    </div>\n                    <div class=\"separator\"></div>\n                    <div class=\"text-white text-sm leading-4 margin-right-m\">{{ content?.totalRating | pipeCountTransform }}</div>\n                    </div>\n                    <div class=\"flex items-center\" *ngIf=\"content?.additionalTags?.length\">\n                    <div class=\"most-enrolled-chip text-xs leading-3\">\n                        <span *ngIf=\"content?.additionalTags?.includes('mostTrending')\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n                        <span *ngIf=\"content?.additionalTags?.includes('mostEnrolled')\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n                    </div>\n                    </div>\n                </div> -->\n                    </ng-container>\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'180px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader && extContentReadData?.lastUpdatedOn\">\n                        <div class=\"text-xs leading-4 source-text\">({{ 'apptoc.lastUpdatedOn' | translate }} {{\n                            extContentReadData?.lastUpdatedOn | date: 'MMM d, y' }})</div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n    <ng-container *ngIf=\"!forPreview\">\n\n        <div *ngIf=\"isMobile\">\n            <div class=\"flex flex-col gap-4 p-5 border-bottom position-bottom\">\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                    <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                        <span class=\"mat-body-2  ws-mat-black-text\">\n                            {{userExtCourseEnroll?.progress}}%</span>\n                    </div>\n                    <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                [progress]=\"userExtCourseEnroll?.progress\"\n                                                [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                            </ws-widget-content-progress>\n                  </ng-container>   -->\n                <ng-container *ngIf=\"(userExtCourseEnroll | json) === '{}' && !enrollValidationLoading && canEnroll\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                        (click)=\"enRollToExtCourse(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.enroll' | translate }}\n                        </ng-container>\n                    </button>\n                </ng-container>\n                <ng-container *ngIf=\"enrollValidationLoading\">\n                    <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && extContentReadData?.redirectUrl\">\n                    <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                        [href]=\"extContentReadData?.redirectUrl\" (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.redirect' | translate }}\n                            <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                        </ng-container>\n                    </a>\n                </ng-container>\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                    && userExtCourseEnroll?.progress === 100\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                         <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                        <span>Certificate</span>\n                        <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                        <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                            <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                          </div>\n                    </button>\n                </ng-container>  -->\n            </div>\n\n             <div class=\"block md:hidden\">\n                <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n             </div>\n            <div>\n                <div class=\"flex flex-col px-8 py-4 gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                    <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                    <div class=\"text-xs\">{{ extContentReadData?.duration * 60 | pipeDurationTransform: 'hms' }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <div class=\"flex flex-row gap-6 fixed-width\">\n        <div class=\"toc-content\" [ngClass]=\"isMobile ? '':'mt-8 mb-8'\">\n            <mat-tab-group>\n                <mat-tab label=\"{{ 'apptocsinglepage.about' | translate }}\">\n                    <ng-template matTabContent>\n                        <div class=\"flex flex-col\" [ngClass]=\"isMobile ? '':'mt-5 mb-5'\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                <div class=\"flex flex-col gap-2 mt-4\">\n                                    <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <ws-widget-app-toc-about [contentReadData]=\"extContentReadData\" [showReviews]=\"false\"\n                                    [baseContentReadData]=\"extContentReadData\"\n                                    [showMarketPlaceCertificate]=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length >  0 && userExtCourseEnroll?.progress === 100\"\n                                    [content]=\"extContentReadData\" [fromMarketPlace]=\"true\"\n                                    [skeletonLoader]=\"skeletonLoader\">\n                                </ws-widget-app-toc-about>\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </mat-tab>\n\n                <ng-container *ngIf=\"config?.commentsTab\">\n                    <mat-tab label=\"{{ 'apptocsinglepage.comments' | translate }}\">\n                        <!-- <ng-template matTabContent> -->\n                        <div class=\"flex flex-col ratings-div mt-5\" id=\"commentsDiv\" *ngIf=\"discussWidgetData\">\n                            <ng-container *ngIf=\"!commentId\">\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\"></d-v2-widget-comment>\n                            </ng-container>\n                            <ng-container *ngIf=\"commentId\">\n                                <div class=\"flex flex-row gap-3 cursor-pointer mb-5\" (click)=\"clearCommentIdFromUrl()\">\n                                    <mat-icon class=\"cursor-pointer\">arrow_back</mat-icon>\n                                    Back to all comments\n                                </div>\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\" [commentId]=\"commentId\"\n                                    [skeletonLoader]></d-v2-widget-comment>\n                            </ng-container>\n\n                        </div>\n                        <!-- </ng-template> -->\n                    </mat-tab>\n                </ng-container>\n            </mat-tab-group>\n\n        </div>\n        <div class=\"right-container\">\n            <div class=\"right-content\" #rightContainer>\n                <ng-container *ngIf=\"skeletonLoader\">\n                    <ws-widget-skeleton-loader [width]=\"'384px'\" [height]=\"'224px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"!skeletonLoader\">\n                    <div class=\"flex flex-col image-div\"\n                        [ngStyle]=\"{\n            'background-image': 'url(' + extContentReadData?.appIcon + ')', 'background-repeat': 'no-repeat', 'background-size': 'cover'}\"\n                        [ngClass]=\"{'image-backdrop': scrolled}\">\n                        <div class=\"flex flex-col justify-between text-container\">\n                            <div class=\"flex items-center gap-4 justify-end\">\n                                <div (click)=\"onClickOfShare()\"\n                                    class=\"flex flex-row items-center justify-end gap-2 share-tag\" *ngIf=\"!forPreview\">\n                                    <mat-icon>share</mat-icon>\n                                    <div>{{ 'apptocsinglepage.share' | translate }}</div>\n                                </div>\n                            </div>\n                            <div class=\"flex flex-col gap-1\" *ngIf=\"scrolled\">\n                                <div class=\"text-xl leading-6 text-white font-bold text-scrol-custom\">{{\n                                    handleCapitalize(extContentReadData?.name) }}\n                                </div>\n                                <!-- <div class=\"text-sm source-text font-semibold break-words\" #contentSource [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                        {{ 'cardcontentv2.by' | translate }}\n                        <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">{{ extContentReadData?.contentPartner?.contentPartnerName }}</span>\n                        <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{ 'common.karmayogiBharat' | translate }}</span>\n                    </div> -->\n                            </div>\n                        </div>\n\n\n                    </div>\n\n\n                </ng-container>\n\n                <ng-container *ngIf=\"!forPreview\">\n                    <div class=\"flex flex-col gap-3 p-3 border-bottom\">\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                        <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                            <span class=\"mat-body-2  ws-mat-black-text\">\n                                {{userExtCourseEnroll?.progress}}%</span>\n                        </div>\n                        <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                    [progress]=\"userExtCourseEnroll?.progress\"\n                                                    [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                                </ws-widget-content-progress>\n                    </ng-container>   -->\n\n                        <ng-container\n                            *ngIf=\"(userExtCourseEnroll | json) === '{}' && !enrollValidationLoading && canEnroll\">\n                            <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                                (click)=\"enRollToExtCourse(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.enroll' | translate }}\n                                </ng-container>\n                            </button>\n                        </ng-container>\n                        <ng-container *ngIf=\"enrollValidationLoading\">\n                            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded '\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && extContentReadData?.redirectUrl\">\n                            <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                                [href]=\"extContentReadData?.redirectUrl\"\n                                (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.redirect' | translate }}\n                                    <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                        && userExtCourseEnroll?.progress === 100\">\n                        <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                            <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                            <span>Certificate</span>\n                            <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                            <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                                <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                            </div>\n                        </button>\n                    </ng-container>  -->\n                    </div>\n                </ng-container>\n\n             <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n                <div>\n                    <div class=\"flex flex-col kpi-values items-center gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                        <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                        <div class=\"text-xs\">\n                            {{ extContentReadData?.duration | pipeDurationTransform: 'hms' }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n<div *ngIf=\"!extContentAvailable\">\n    <div class=\"flex justify-center w-full\">\n        <div class=\"margin-xl text-center\">\n            <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                class=\"margin-top-l margin-bottom-s\">\n            <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n        </div>\n    </div>\n\n</div>\n\n<ws-app-share-toc *ngIf=\"enableShare\" [contentLink]=\"contentLink\" [rootOrgId]=\"rootOrgId\" [content]=\"extContentReadData\"\n    (resetEnableShare)=\"resetEnableShare($event)\"></ws-app-share-toc>\n\n<ng-template #inProgressInfo>\n    <ng-container *ngIf=\"showProviderTips\">\n        <div class=\"no-certificate-found mt-6 mb-4 mx-2 p-2\" >\n            <ws-widget-sliders-dynamic [widgetData]=\"widgetData\"></ws-widget-sliders-dynamic>\n        </div>\n    </ng-container>\n</ng-template>", styles: [".source-text{color:#ffffffb3}.toc-banner{background:#3a83cf;background:linear-gradient(135deg,#3a83cf,#1b4ca1);width:100%}.toc-banner .fixed-width{padding:0 16px}.toc-banner .banner-details{padding:36px 0}.toc-banner .banner-details .due-tag{padding:4px;color:#fff;border-radius:4px}.toc-banner .banner-details .due-warning{background-color:#ff9800;border:1px solid #FF9800}.toc-banner .banner-details .due-overdue{background-color:#f44336;border:1px solid #F44336}.toc-banner .banner-details .due-success{background-color:#4caf50;border:1px solid #4CAF50}.toc-banner .banner-details .rating-chip{border:1px solid rgba(0,0,0,.6);border-radius:20px;background-color:#0009}.toc-banner .banner-details .rating-chip mat-icon{width:16px;height:16px;color:#ff9800;font-size:16px}.toc-banner .banner-details .rating-chip .separator{width:1px;height:20px;border-right:1px solid rgba(255,255,255,.16);margin:0 8px}.toc-banner .banner-details .banner-text{color:#fffffff2;word-wrap:break-word}.toc-banner .info-div{max-width:384px;width:100%}.toc-banner .most-enrolled-chip{background-color:#ffea9e;border:1px solid #FFEA9E;padding:4px;border-radius:2px}.text-info-div{padding:8px;background-color:#fff;border-radius:64px}.tag-div{border:1px solid #FF9800;background-color:#00000080}.tag-div mat-icon{font-size:12px;width:12px;height:12px}.fixed-width{max-width:1200px;display:block;margin:0 auto}.mat-subheading-1{margin-bottom:4px!important}.initial-circle{width:36px;height:36px;border-radius:50%;background:#1b2133;color:#fff;text-transform:uppercase}.toc-content{max-width:792px;width:100%}.right-container .image-div{height:220px;background-color:#ccc;border-top-left-radius:12px;border-top-right-radius:12px}.right-container .image-div img{max-width:384px;width:100%;height:220px;border-top-left-radius:12px;border-top-right-radius:12px;position:relative;top:-42px}.right-container .image-div .share-container{position:relative;z-index:2;top:20px;margin-right:20px}.right-container .image-div .share-tag{font-weight:700;background-color:#000;border:1px solid #FFF;border-radius:20px;padding:6px 16px;color:#fff;cursor:pointer}.right-container .tag-div mat-icon{width:16px;height:16px;font-size:16px}.right-container .share-tag mat-icon{width:20px;height:20px;font-size:20px}.right-container .text-container{position:relative;z-index:2;height:220px;padding:16px}.right-container .right-content{background-color:#fff;border-radius:12px;position:fixed;z-index:10;top:132px;width:384px;margin-bottom:2rem;box-shadow:0 2px 6px -1px #00000080,0 -4px 4px -2px #00000080}.right-container .border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.right-container .info-div{background-color:#fef7ed;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.right-container .info-div .mat-icon{width:18px;height:18px;font-size:18px}.right-container .kpi-values{width:64px;padding:8px;text-align:center}.right-container .kpi-values .timer-icon{color:#000000de;height:20px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.button{border-radius:64px;letter-spacing:.25px;padding:12px 36px;font-weight:700;cursor:pointer;text-align:center}@media screen and (max-width: 1200px){.right-container{display:none}.action-button:before{content:\"\";position:absolute;inset:-10px;background-color:#ffffff40;border-radius:inherit;filter:blur(10px);z-index:-1}.action-button:after{content:\"\";position:absolute;inset:-10px;box-shadow:0 0 -4px -4px #fff9;border-radius:inherit;z-index:-1}.karma-points-div{display:none}}.enroll-modal{max-width:600px!important;width:100%!important}.enroll-modal .mat-dialog-container{padding:0;border-radius:12px}.confirmation-modal{max-width:420px!important;width:100%!important}.confirmation-modal .mat-dialog-container{border-radius:12px;padding:0}.image-backdrop{background-color:#000!important;position:relative}.image-backdrop:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000a6;border-top-left-radius:12px;border-top-right-radius:12px}.text-scrol-custom{height:200px;overflow-y:auto}@media screen and (max-width: 1000px){.confirmation-modal,.enroll-modal{max-width:90vw!important}}.kpi-loader-div{width:18%}a.action-button{color:#fff!important;width:auto}.rate-button{color:#000000de!important;font-size:.875rem;font-weight:700;border:none!important}.rate-button .mat-button-wrapper{display:flex;gap:8px;align-items:center}.mobile-enroll-div{padding:16px;position:fixed;z-index:1000;bottom:0;width:calc(100% - 32px)}.mobile-enroll-div .action-button{min-width:320px;max-width:400px;margin:auto}@media screen and (min-width: 1201px){.mobile-enroll-div,.mob-share{display:none!important}.hideAbove1200{display:none}}.mobile-progress{padding:16px}@media screen and (min-width: 1200px){.mobile-progress{display:none}}.sourceEllipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.text-white{color:#fff!important}.custom-button,.fluid-width{width:100%}.toc-container{background:#fff;width:100%}mat-divider{border-top-color:#d9d9d9}.sticky{top:56px;overflow:hidden;z-index:10;width:100%}.statusMsg{border-radius:4px;height:40px}.toc-body{padding-bottom:1rem}.toc-body .toc-links{width:100%;z-index:1;border:none;background:transparent}.toc-body .toc-links .mat-tab-link{text-align:left;justify-content:flex-start}.toc-body .toc-links .mat-tab-link.justify-center{justify-content:center}.toc-body .toc-links .mat-tab-link.link-active{color:#0074b6!important}.tab:focus{outline:1px solid!important}.rounded-icon{background:#fff 0% 0% no-repeat padding-box;box-shadow:0 2px 4px #00000029;border:2px solid #00A9F4;border-radius:50%;min-width:0;opacity:1;height:35px;width:35px;padding:0;align-items:center;align-self:center;float:right}.rounded-icon mat-icon{color:#00a9f4}.blue-border{border:2px solid #0074b6!important}.hidden-xs-inline{display:inline}@media only screen and (max-width: 599px){.hidden-xs-inline{display:none}}.visible-xs-inline{display:none}@media only screen and (max-width: 599px){.visible-xs-inline{display:inline}}.meta-section{flex:1;min-width:1px}.meta-section .unit-meta-item{border-radius:2px;box-sizing:border-box;margin-bottom:16px;box-shadow:none;padding-left:0}@media only screen and (max-width: 599px){.meta-section{width:100%}}.font-bold-imp{font-weight:700!important}.info-section{width:20%;min-width:250px}.info-section .custom-button{background:#0074b6 0% 0% no-repeat padding-box!important;border-radius:4px}@media only screen and (max-width: 599px){.info-section{width:100%;margin-left:0!important}}.info-section .glance-container .at-glance-heading{letter-spacing:0px;color:#222}.info-section .glance-container .info-item .cs-icons .mat-icon{color:#666;vertical-align:middle;font-size:20px}.info-section .glance-container .info-item .cs-icons img{width:20px;height:20px;vertical-align:middle}.info-section .glance-container .info-item .item-heading{font:600 14px/21px Lato;margin:0 0 4px;letter-spacing:0px;color:#0074b6!important}.info-section .glance-container .info-item .item-value{letter-spacing:0px;color:#5f5f5f}.info-section .glance-container .info-item .item-icon{width:20px;height:20px;font-size:20px;margin-left:8px}.toc-discussion-container{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}.toc-discussion-container .discussion{flex:1;min-width:1px}.toc-discussion-container .cohorts{width:100%;background:#fff 0% 0% no-repeat padding-box;border:1px solid #D9D9D9;border-radius:8px;box-shadow:none}@media only screen and (min-width: 600px) and (max-width: 959px){.toc-discussion-container .cohorts{margin-left:24px;min-width:250px}}@media only screen and (max-width: 599px){.toc-discussion-container .cohorts{margin-left:0;margin-bottom:24px;width:100%}}.mtb-xl{margin-top:3.5rem;margin-bottom:3.5rem}.detailBar{display:flex}.editDetails{margin:auto;display:flex}.white-bg{background:#fff!important;background-color:#fff!important}.contacts-container{padding:22px 0 10px;border:0;border-top:1px;border-style:solid;border-bottom:1px;border-color:#ececec}.contacts-container .contacts-head{letter-spacing:0px;color:#222;background:transparent;margin-bottom:24px}.contacts-container .author-card{min-width:291px;width:291px;display:flex;flex-direction:row;align-items:center;margin-bottom:30px;padding-right:10px}.contacts-container .author-card .right{padding:0 15px}.contacts-container .author-card .user-name{letter-spacing:0px;color:#5f5f5f}.contacts-container .author-card .user-university{letter-spacing:0px;color:#00a9f4}.contacts-container .author-card .user-button{background:#fff 0% 0% no-repeat padding-box;border:1px solid #F58634;border-radius:15px;letter-spacing:0px;color:#f58634;max-width:60px;padding:4px}.divider-transparent{border-top-color:transparent!important}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:all .2s ease-in-out;border-radius:50%}.scroll-to-top .icon{font-size:24px!important}.show-scroll{opacity:1;transition:all .2s ease-in-out}.sticky-breadcrumbs{position:sticky;z-index:999;top:72px;width:100%}.sticky-banner{position:sticky;z-index:999}.sticky-navs{position:sticky!important;background:#fff;z-index:999;top:auto}.actbutton{border:1px solid rgba(0,0,0,.16);border-radius:4px;padding:0 15px;width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.actbutton .mat-icon{margin-right:6px}.disable-start-btn{cursor:not-allowed!important;pointer-events:none!important;opacity:.5!important}.certificate-loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.cb-plan-wrap{opacity:1;color:#1b4ca1;font-family:Lato-Regular;font-size:12px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.cb-plan-wrap .cb-danger{border-radius:2px;padding:4px 8px;border:1px solid #d13924;background-color:#d13924!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-success{padding:4px 8px;border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-warning{padding:4px 8px;border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.bg-white{background-color:#fff}.provider-logo-div{border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.provider-logo-div img{display:flex;border-radius:4px;width:40px;height:40px;padding:4px}ul{padding:0!important}.kpi-values{min-width:64px;padding:8px;text-align:center}.kpi-values img{height:24px;width:24px}.position-bottom{position:fixed;width:88%;bottom:0;z-index:99}.no-certificate-found{border:1px solid #ccc;border-color:#f3962f;background-color:#fceedb;border-radius:12px}.no-certificate-found{min-height:56px}.no-certificate-found ::ng-deep ws-widget-sliders-dynamic .banner-data{font-size:16px!important;font-family:lato,sans-serif!important}.truncate-5{-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.ext-info-slider{padding:8px}#commentsDiv{margin:1rem auto;min-height:500px}.knowledge-level-container{margin-right:auto}.level-badge{display:inline-flex;height:24px;padding:2px 8px;align-items:center;gap:4px;flex-shrink:0;border-radius:12px;font-weight:600;font-size:12px;line-height:16px;white-space:nowrap}.level-badge.beginner{border:1px solid #49C951;background:linear-gradient(0deg,#49c95133 0% 100%),#fff;color:#2f8132;border-radius:16px}.level-badge.intermediate{border:1px solid #1B4CA1;background:linear-gradient(0deg,#1b4ca133 0% 100%),#fff;color:#1b4ca1;border-radius:16px}.level-badge.advanced{border:1px solid #FF8268;background:linear-gradient(0deg,#ff826833 0% 100%),#fff;color:#ff4b25;border-radius:16px}.level-badge svg{flex-shrink:0}::ng-deep .consent-dialog-panel .mat-dialog-container{overflow:hidden;padding:0;margin:0;border-radius:8px}::ng-deep .consent-dialog-panel .mat-dialog-content{padding:0;margin:0;max-height:none;overflow:hidden}\n"] }]
+            args: [{ selector: 'ws-app-app-toc-cios-home', template: "<ng-container *ngIf=\"extContentAvailable\">\n    <div class=\"toc-banner\">\n        <div class=\"flex flex-row gap-6 fixed-width\">\n            <div class=\"banner-details toc-content\" #bannerDetails>\n                <div class=\"flex flex-col gap-4\">\n                    <div class=\"flex items-center justify-between gap-4\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'140px'\" [height]=\"'24px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <!-- <div class=\"flex flex-row gap-2\">\n                    <div class=\"flex flex-row tag-div rounded-2xl gap-1 items-center p-2\">\n                    <mat-icon class=\"ws-mat-orange-text\">video_library</mat-icon>\n                     <ng-container *ngIf=\"content?.courseCategory\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ translateLabel(content?.courseCategory, 'searchfilters') }}</div>\n                    </ng-container>\n                    <ng-container *ngIf=\"extContentReadData?.topic\">\n                        <div class=\"text-xs font-bold text-white leading-3\">{{ 'External Course' }}</div>\n                    </ng-container>\n                    </div>\n                </div> -->\n                        </ng-container>\n\n                        <div class=\"flex items-center text-white mob-share\">\n                            <mat-icon (click)=\"onClickOfShare()\">share</mat-icon>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- Knowledge level block -->\n                        <div *ngIf=\"extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel\"\n                            class=\"knowledge-level-container\">\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'beginner' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'beginner'\"\n                                class=\"level-badge beginner\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#DBF4DC\" />\n                                    <path\n                                        d=\"M7.42267 5C7.67927 4.55555 8.32077 4.55556 8.57737 5L12.0415 11C12.2981 11.4444 11.9773 12 11.4641 12H4.53592C4.02272 12 3.70197 11.4444 3.95857 11L7.42267 5Z\"\n                                        fill=\"#49C951\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'intermediate' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'intermediate'\"\n                                class=\"level-badge intermediate\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <rect width=\"16\" height=\"16\" fill=\"#D1DBEC\" />\n                                    <path\n                                        d=\"M7.42267 2.66666C7.67927 2.22221 8.32077 2.22221 8.57737 2.66666L12.0415 8.66666C12.2981 9.1111 11.9773 9.66666 11.4641 9.66666H4.53592C4.02272 9.66666 3.70197 9.1111 3.95857 8.66666L7.42267 2.66666Z\"\n                                        fill=\"#1B4CA1\" />\n                                    <path\n                                        d=\"M7.42267 5.66666C7.67927 5.22221 8.32077 5.22221 8.57737 5.66666L12.0415 11.6667C12.2981 12.1111 11.9773 12.6667 11.4641 12.6667H4.53592C4.02272 12.6667 3.70197 12.1111 3.95857 11.6667L7.42267 5.66666Z\"\n                                        fill=\"#1B4CA1\" stroke=\"#D1DBEC\" stroke-width=\"0.5\" />\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                            <span\n                                *ngIf=\"extContentReadData?.difficultyLevel?.toLowerCase() === 'advanced' || extContentReadData?.knowledgeLevel?.toLowerCase() === 'advanced'\"\n                                class=\"level-badge advanced\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <g clip-path=\"url(#clip0)\">\n                                        <rect width=\"16\" height=\"16\" fill=\"#FFE6E1\" />\n                                        <path\n                                            d=\"M7.42264 2.33334C7.67924 1.8889 8.32074 1.8889 8.57734 2.33334L12.0414 8.33334C12.298 8.77779 11.9773 9.33334 11.4641 9.33334H4.53589C4.02269 9.33334 3.70194 8.77779 3.95854 8.33334L7.42264 2.33334Z\"\n                                            fill=\"#FF8268\" />\n                                        <path\n                                            d=\"M7.42264 5C7.67924 4.55555 8.32074 4.55556 8.57734 5L12.0414 11C12.298 11.4444 11.9773 12 11.4641 12H4.53589C4.02269 12 3.70194 11.4444 3.95854 11L7.42264 5Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                        <path\n                                            d=\"M7.42264 7.66669C7.67924 7.22224 8.32074 7.22224 8.57734 7.66669L12.0414 13.6667C12.298 14.1111 11.9773 14.6667 11.4641 14.6667H4.53589C4.02269 14.6667 3.70194 14.1111 3.95854 13.6667L7.42264 7.66669Z\"\n                                            fill=\"#FF8268\" stroke=\"#FFE6E1\" stroke-width=\"0.5\" />\n                                    </g>\n                                    <defs>\n                                        <clipPath id=\"clip0\">\n                                            <rect width=\"16\" height=\"16\" fill=\"white\" />\n                                        </clipPath>\n                                    </defs>\n                                </svg>\n                                {{extContentReadData?.difficultyLevel || extContentReadData?.knowledgeLevel}}\n                            </span>\n                        </div>\n                    </ng-container>\n                    <div class=\"flex flex-col gap-2\">\n                        <ng-container *ngIf=\"skeletonLoader\">\n                            <ws-widget-skeleton-loader [width]=\"'90%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                            <ws-widget-skeleton-loader [width]=\"'70%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"!skeletonLoader\">\n                            <div class=\"banner-text text-base sm:text-4xl leading-6 sm:leading-10 font-bold\">{{\n                                handleCapitalize(extContentReadData?.name) }}</div>\n                            <div class=\"text-sm sm:text-base source-text font-semibold break-words\" #contentSource\n                                [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                                {{ 'cardcontentv2.by' | translate }}\n                                <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">\n                                    <span *ngIf=\"extContentReadData?.courseProvider?.length;else contentPartnerName\">\n                                        {{ formatcourseProviders(extContentReadData?.courseProvider) }}\n                                    </span>\n                                    <ng-template #contentPartnerName>\n                                        {{extContentReadData?.contentPartner?.contentPartnerName }}\n                                    </ng-template>\n                                </span>\n                                <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{\n                                    'common.karmayogiBharat' | translate }}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'40px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'88px'\" [height]=\"'24px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader\">\n                        <!-- <div class=\"flex gap-4 items-center\" *ngIf=\"content?.averageRating || content?.additionalTags?.length\">\n                    <div class=\"flex flex-row rating-chip py-2 items-center cursor-pointer\" (click)=\"handleNavigateToReviews()\" *ngIf=\"content?.averageRating\">\n                    <div class=\"flex flex-row gap-1 margin-left-s items-center\">\n                        <mat-icon>grade</mat-icon>\n                        <div class=\"text-white text-sm leading-4\">{{ content?.averageRating }}</div>\n                    </div>\n                    <div class=\"separator\"></div>\n                    <div class=\"text-white text-sm leading-4 margin-right-m\">{{ content?.totalRating | pipeCountTransform }}</div>\n                    </div>\n                    <div class=\"flex items-center\" *ngIf=\"content?.additionalTags?.length\">\n                    <div class=\"most-enrolled-chip text-xs leading-3\">\n                        <span *ngIf=\"content?.additionalTags?.includes('mostTrending')\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n                        <span *ngIf=\"content?.additionalTags?.includes('mostEnrolled')\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n                    </div>\n                    </div>\n                </div> -->\n                    </ng-container>\n                    <ng-container *ngIf=\"skeletonLoader\">\n                        <ws-widget-skeleton-loader [width]=\"'180px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                    </ng-container>\n                    <ng-container *ngIf=\"!skeletonLoader && extContentReadData?.lastUpdatedOn\">\n                        <div class=\"text-xs leading-4 source-text\">({{ 'apptoc.lastUpdatedOn' | translate }} {{\n                            extContentReadData?.lastUpdatedOn | date: 'MMM d, y' }})</div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n    <ng-container *ngIf=\"!forPreview\">\n\n        <div *ngIf=\"isMobile\">\n            <div class=\"flex flex-col gap-4 p-5 border-bottom position-bottom\">\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                    <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                        <span class=\"mat-body-2  ws-mat-black-text\">\n                            {{userExtCourseEnroll?.progress}}%</span>\n                    </div>\n                    <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                [progress]=\"userExtCourseEnroll?.progress\"\n                                                [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                            </ws-widget-content-progress>\n                  </ng-container>   -->\n                <ng-container *ngIf=\"showEnroll\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                        (click)=\"enRollToExtCourse(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.enroll' | translate }}\n                        </ng-container>\n                    </button>\n                </ng-container>\n                <ng-container *ngIf=\"enrollValidationLoading\">\n                    <ws-widget-skeleton-loader [width]=\"'132px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded blue-2-loader'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"showRedirect\">\n                    <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                        [href]=\"extContentReadData?.redirectUrl\" (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                        <ng-container>{{ 'apptochome.redirect' | translate }}\n                            <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                        </ng-container>\n                    </a>\n                </ng-container>\n                <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                    && userExtCourseEnroll?.progress === 100\">\n                    <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                         <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                        <span>Certificate</span>\n                        <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                        <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                            <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                          </div>\n                    </button>\n                </ng-container>  -->\n            </div>\n\n             <div class=\"block md:hidden\">\n                <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n             </div>\n            <div>\n                <div class=\"flex flex-col px-8 py-4 gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                    <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                    <div class=\"text-xs\">{{ extContentReadData?.duration * 60 | pipeDurationTransform: 'hms' }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <div class=\"flex flex-row gap-6 fixed-width\">\n        <div class=\"toc-content\" [ngClass]=\"isMobile ? '':'mt-8 mb-8'\">\n            <mat-tab-group>\n                <mat-tab label=\"{{ 'apptocsinglepage.about' | translate }}\">\n                    <ng-template matTabContent>\n                        <div class=\"flex flex-col\" [ngClass]=\"isMobile ? '':'mt-5 mb-5'\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                <div class=\"flex flex-col gap-2 mt-4\">\n                                    <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                    <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <ws-widget-app-toc-about [contentReadData]=\"extContentReadData\" [showReviews]=\"false\"\n                                    [baseContentReadData]=\"extContentReadData\"\n                                    [showMarketPlaceCertificate]=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length >  0 && userExtCourseEnroll?.progress === 100\"\n                                    [content]=\"extContentReadData\" [fromMarketPlace]=\"true\"\n                                    [skeletonLoader]=\"skeletonLoader\">\n                                </ws-widget-app-toc-about>\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </mat-tab>\n\n                <ng-container *ngIf=\"config?.commentsTab\">\n                    <mat-tab label=\"{{ 'apptocsinglepage.comments' | translate }}\">\n                        <!-- <ng-template matTabContent> -->\n                        <div class=\"flex flex-col ratings-div mt-5\" id=\"commentsDiv\" *ngIf=\"discussWidgetData\">\n                            <ng-container *ngIf=\"!commentId\">\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\"></d-v2-widget-comment>\n                            </ng-container>\n                            <ng-container *ngIf=\"commentId\">\n                                <div class=\"flex flex-row gap-3 cursor-pointer mb-5\" (click)=\"clearCommentIdFromUrl()\">\n                                    <mat-icon class=\"cursor-pointer\">arrow_back</mat-icon>\n                                    Back to all comments\n                                </div>\n                                <d-v2-widget-comment [widgetData]=\"discussWidgetData\" [commentId]=\"commentId\"\n                                    [skeletonLoader]></d-v2-widget-comment>\n                            </ng-container>\n\n                        </div>\n                        <!-- </ng-template> -->\n                    </mat-tab>\n                </ng-container>\n            </mat-tab-group>\n\n        </div>\n        <div class=\"right-container\">\n            <div class=\"right-content\" #rightContainer>\n                <ng-container *ngIf=\"skeletonLoader\">\n                    <ws-widget-skeleton-loader [width]=\"'384px'\" [height]=\"'224px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n                <ng-container *ngIf=\"!skeletonLoader\">\n                    <div class=\"flex flex-col image-div\"\n                        [ngStyle]=\"{\n            'background-image': 'url(' + extContentReadData?.appIcon + ')', 'background-repeat': 'no-repeat', 'background-size': 'cover'}\"\n                        [ngClass]=\"{'image-backdrop': scrolled}\">\n                        <div class=\"flex flex-col justify-between text-container\">\n                            <div class=\"flex items-center gap-4 justify-end\">\n                                <div (click)=\"onClickOfShare()\"\n                                    class=\"flex flex-row items-center justify-end gap-2 share-tag\" *ngIf=\"!forPreview\">\n                                    <mat-icon>share</mat-icon>\n                                    <div>{{ 'apptocsinglepage.share' | translate }}</div>\n                                </div>\n                            </div>\n                            <div class=\"flex flex-col gap-1\" *ngIf=\"scrolled\">\n                                <div class=\"text-xl leading-6 text-white font-bold text-scrol-custom\">{{\n                                    handleCapitalize(extContentReadData?.name) }}\n                                </div>\n                                <!-- <div class=\"text-sm source-text font-semibold break-words\" #contentSource [ngClass]=\"{'sourceEllipsis': sourceEllipsis}\" title=\"{{content?.source}}\">\n                        {{ 'cardcontentv2.by' | translate }}\n                        <span *ngIf=\"extContentReadData?.contentPartner?.contentPartnerName\">{{ extContentReadData?.contentPartner?.contentPartnerName }}</span>\n                        <span *ngIf=\"!extContentReadData?.contentPartner?.contentPartnerName\">{{ 'common.karmayogiBharat' | translate }}</span>\n                    </div> -->\n                            </div>\n                        </div>\n\n\n                    </div>\n\n\n                </ng-container>\n\n                <ng-container *ngIf=\"!forPreview\">\n                    <div class=\"flex flex-col gap-3 p-3 border-bottom\">\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}'\">\n                        <div class=\"flex flex-row justify-end w-full ws-mat-black-text\">\n                            <span class=\"mat-body-2  ws-mat-black-text\">\n                                {{userExtCourseEnroll?.progress}}%</span>\n                        </div>\n                        <ws-widget-content-progress [contentId]=\"userExtCourseEnroll?.progress\"\n                                                    [progress]=\"userExtCourseEnroll?.progress\"\n                                                    [progressType]=\"'percentage'\" [customClassName]=\"'viewer-progress'\">\n                                                </ws-widget-content-progress>\n                    </ng-container>   -->\n\n                        <ng-container *ngIf=\"showEnroll\">\n                            <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\"\n                                (click)=\"enRollToExtCourse(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.enroll' | translate }}\n                                </ng-container>\n                            </button>\n                        </ng-container>\n                        <ng-container *ngIf=\"enrollValidationLoading\">\n                            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'32px'\"\n                                [bindingClass]=\"'rounded '\"></ws-widget-skeleton-loader>\n                        </ng-container>\n                        <ng-container *ngIf=\"showRedirect\">\n                            <a class=\"flex action-button justify-center flex-middle resume\" target=\"_blank\"\n                                [href]=\"extContentReadData?.redirectUrl\"\n                                (click)=\"captureRedirectTelemetry(extContentReadData)\">\n                                <ng-container>{{ 'apptochome.redirect' | translate }}\n                                    <mat-icon class=\"ml-2 ws-mat-white-text\">open_in_new</mat-icon>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                        <!-- <ng-container *ngIf=\"(userExtCourseEnroll | json) !== '{}' && userExtCourseEnroll?.issued_certificates?.length > 0\n                        && userExtCourseEnroll?.progress === 100\">\n                        <button class=\"flex action-button justify-center flex-middle resume\" type=\"button\" (click)=\"downloadCert()\">\n                            <img src=\"fusion-assets/images/certificate-ico.svg\" width=\"24\" height=\"24\">\n                            <span>Certificate</span>\n                            <mat-icon  *ngIf=\"!downloadCertificateLoading\" class=\"ml-2\">arrow_downward</mat-icon>\n                            <div class=\"center flex flex-middle certificate-loader margin-left-s\" *ngIf=\"downloadCertificateLoading\">\n                                <mat-spinner strokeWidth=\"2\" stroke=\"'white'\" class=\"white-spinner\" [diameter]=\"24\"></mat-spinner>\n                            </div>\n                        </button>\n                    </ng-container>  -->\n                    </div>\n                </ng-container>\n\n             <ng-container [ngTemplateOutlet]=\"inProgressInfo\" ></ng-container>\n                <div>\n                    <div class=\"flex flex-col kpi-values items-center gap-2\" *ngIf=\"extContentReadData?.duration > 0\">\n                        <img src=\"/assets/icons/toc/timer.svg\" width=\"20px\" alt=\"web image\" />\n                        <div class=\"text-xs\">\n                            {{ extContentReadData?.duration | pipeDurationTransform: 'hms' }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n<div *ngIf=\"!extContentAvailable\">\n    <div class=\"flex justify-center w-full\">\n        <div class=\"margin-xl text-center\">\n            <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                class=\"margin-top-l margin-bottom-s\">\n            <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n        </div>\n    </div>\n\n</div>\n\n<ws-app-share-toc *ngIf=\"enableShare\" [contentLink]=\"contentLink\" [rootOrgId]=\"rootOrgId\" [content]=\"extContentReadData\"\n    (resetEnableShare)=\"resetEnableShare($event)\"></ws-app-share-toc>\n\n<ng-template #inProgressInfo>\n    <ng-container *ngIf=\"showProviderTips\">\n        <div class=\"no-certificate-found mt-6 mb-4 mx-2 p-2\" >\n            <ws-widget-sliders-dynamic [widgetData]=\"widgetData\"></ws-widget-sliders-dynamic>\n        </div>\n    </ng-container>\n</ng-template>", styles: [".source-text{color:#ffffffb3}.toc-banner{background:#3a83cf;background:linear-gradient(135deg,#3a83cf,#1b4ca1);width:100%}.toc-banner .fixed-width{padding:0 16px}.toc-banner .banner-details{padding:36px 0}.toc-banner .banner-details .due-tag{padding:4px;color:#fff;border-radius:4px}.toc-banner .banner-details .due-warning{background-color:#ff9800;border:1px solid #FF9800}.toc-banner .banner-details .due-overdue{background-color:#f44336;border:1px solid #F44336}.toc-banner .banner-details .due-success{background-color:#4caf50;border:1px solid #4CAF50}.toc-banner .banner-details .rating-chip{border:1px solid rgba(0,0,0,.6);border-radius:20px;background-color:#0009}.toc-banner .banner-details .rating-chip mat-icon{width:16px;height:16px;color:#ff9800;font-size:16px}.toc-banner .banner-details .rating-chip .separator{width:1px;height:20px;border-right:1px solid rgba(255,255,255,.16);margin:0 8px}.toc-banner .banner-details .banner-text{color:#fffffff2;word-wrap:break-word}.toc-banner .info-div{max-width:384px;width:100%}.toc-banner .most-enrolled-chip{background-color:#ffea9e;border:1px solid #FFEA9E;padding:4px;border-radius:2px}.text-info-div{padding:8px;background-color:#fff;border-radius:64px}.tag-div{border:1px solid #FF9800;background-color:#00000080}.tag-div mat-icon{font-size:12px;width:12px;height:12px}.fixed-width{max-width:1200px;display:block;margin:0 auto}.mat-subheading-1{margin-bottom:4px!important}.initial-circle{width:36px;height:36px;border-radius:50%;background:#1b2133;color:#fff;text-transform:uppercase}.toc-content{max-width:792px;width:100%}.right-container .image-div{height:220px;background-color:#ccc;border-top-left-radius:12px;border-top-right-radius:12px}.right-container .image-div img{max-width:384px;width:100%;height:220px;border-top-left-radius:12px;border-top-right-radius:12px;position:relative;top:-42px}.right-container .image-div .share-container{position:relative;z-index:2;top:20px;margin-right:20px}.right-container .image-div .share-tag{font-weight:700;background-color:#000;border:1px solid #FFF;border-radius:20px;padding:6px 16px;color:#fff;cursor:pointer}.right-container .tag-div mat-icon{width:16px;height:16px;font-size:16px}.right-container .share-tag mat-icon{width:20px;height:20px;font-size:20px}.right-container .text-container{position:relative;z-index:2;height:220px;padding:16px}.right-container .right-content{background-color:#fff;border-radius:12px;position:fixed;z-index:10;top:132px;width:384px;margin-bottom:2rem;box-shadow:0 2px 6px -1px #00000080,0 -4px 4px -2px #00000080}.right-container .border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.right-container .info-div{background-color:#fef7ed;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.right-container .info-div .mat-icon{width:18px;height:18px;font-size:18px}.right-container .kpi-values{width:64px;padding:8px;text-align:center}.right-container .kpi-values .timer-icon{color:#000000de;height:20px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.button{border-radius:64px;letter-spacing:.25px;padding:12px 36px;font-weight:700;cursor:pointer;text-align:center}@media screen and (max-width: 1200px){.right-container{display:none}.action-button:before{content:\"\";position:absolute;inset:-10px;background-color:#ffffff40;border-radius:inherit;filter:blur(10px);z-index:-1}.action-button:after{content:\"\";position:absolute;inset:-10px;box-shadow:0 0 -4px -4px #fff9;border-radius:inherit;z-index:-1}.karma-points-div{display:none}}.enroll-modal{max-width:600px!important;width:100%!important}.enroll-modal .mat-dialog-container{padding:0;border-radius:12px}.confirmation-modal{max-width:420px!important;width:100%!important}.confirmation-modal .mat-dialog-container{border-radius:12px;padding:0}.image-backdrop{background-color:#000!important;position:relative}.image-backdrop:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000a6;border-top-left-radius:12px;border-top-right-radius:12px}.text-scrol-custom{height:200px;overflow-y:auto}@media screen and (max-width: 1000px){.confirmation-modal,.enroll-modal{max-width:90vw!important}}.kpi-loader-div{width:18%}a.action-button{color:#fff!important;width:auto}.rate-button{color:#000000de!important;font-size:.875rem;font-weight:700;border:none!important}.rate-button .mat-button-wrapper{display:flex;gap:8px;align-items:center}.mobile-enroll-div{padding:16px;position:fixed;z-index:1000;bottom:0;width:calc(100% - 32px)}.mobile-enroll-div .action-button{min-width:320px;max-width:400px;margin:auto}@media screen and (min-width: 1201px){.mobile-enroll-div,.mob-share{display:none!important}.hideAbove1200{display:none}}.mobile-progress{padding:16px}@media screen and (min-width: 1200px){.mobile-progress{display:none}}.sourceEllipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.text-white{color:#fff!important}.custom-button,.fluid-width{width:100%}.toc-container{background:#fff;width:100%}mat-divider{border-top-color:#d9d9d9}.sticky{top:56px;overflow:hidden;z-index:10;width:100%}.statusMsg{border-radius:4px;height:40px}.toc-body{padding-bottom:1rem}.toc-body .toc-links{width:100%;z-index:1;border:none;background:transparent}.toc-body .toc-links .mat-tab-link{text-align:left;justify-content:flex-start}.toc-body .toc-links .mat-tab-link.justify-center{justify-content:center}.toc-body .toc-links .mat-tab-link.link-active{color:#0074b6!important}.tab:focus{outline:1px solid!important}.rounded-icon{background:#fff 0% 0% no-repeat padding-box;box-shadow:0 2px 4px #00000029;border:2px solid #00A9F4;border-radius:50%;min-width:0;opacity:1;height:35px;width:35px;padding:0;align-items:center;align-self:center;float:right}.rounded-icon mat-icon{color:#00a9f4}.blue-border{border:2px solid #0074b6!important}.hidden-xs-inline{display:inline}@media only screen and (max-width: 599px){.hidden-xs-inline{display:none}}.visible-xs-inline{display:none}@media only screen and (max-width: 599px){.visible-xs-inline{display:inline}}.meta-section{flex:1;min-width:1px}.meta-section .unit-meta-item{border-radius:2px;box-sizing:border-box;margin-bottom:16px;box-shadow:none;padding-left:0}@media only screen and (max-width: 599px){.meta-section{width:100%}}.font-bold-imp{font-weight:700!important}.info-section{width:20%;min-width:250px}.info-section .custom-button{background:#0074b6 0% 0% no-repeat padding-box!important;border-radius:4px}@media only screen and (max-width: 599px){.info-section{width:100%;margin-left:0!important}}.info-section .glance-container .at-glance-heading{letter-spacing:0px;color:#222}.info-section .glance-container .info-item .cs-icons .mat-icon{color:#666;vertical-align:middle;font-size:20px}.info-section .glance-container .info-item .cs-icons img{width:20px;height:20px;vertical-align:middle}.info-section .glance-container .info-item .item-heading{font:600 14px/21px Lato;margin:0 0 4px;letter-spacing:0px;color:#0074b6!important}.info-section .glance-container .info-item .item-value{letter-spacing:0px;color:#5f5f5f}.info-section .glance-container .info-item .item-icon{width:20px;height:20px;font-size:20px;margin-left:8px}.toc-discussion-container{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}.toc-discussion-container .discussion{flex:1;min-width:1px}.toc-discussion-container .cohorts{width:100%;background:#fff 0% 0% no-repeat padding-box;border:1px solid #D9D9D9;border-radius:8px;box-shadow:none}@media only screen and (min-width: 600px) and (max-width: 959px){.toc-discussion-container .cohorts{margin-left:24px;min-width:250px}}@media only screen and (max-width: 599px){.toc-discussion-container .cohorts{margin-left:0;margin-bottom:24px;width:100%}}.mtb-xl{margin-top:3.5rem;margin-bottom:3.5rem}.detailBar{display:flex}.editDetails{margin:auto;display:flex}.white-bg{background:#fff!important;background-color:#fff!important}.contacts-container{padding:22px 0 10px;border:0;border-top:1px;border-style:solid;border-bottom:1px;border-color:#ececec}.contacts-container .contacts-head{letter-spacing:0px;color:#222;background:transparent;margin-bottom:24px}.contacts-container .author-card{min-width:291px;width:291px;display:flex;flex-direction:row;align-items:center;margin-bottom:30px;padding-right:10px}.contacts-container .author-card .right{padding:0 15px}.contacts-container .author-card .user-name{letter-spacing:0px;color:#5f5f5f}.contacts-container .author-card .user-university{letter-spacing:0px;color:#00a9f4}.contacts-container .author-card .user-button{background:#fff 0% 0% no-repeat padding-box;border:1px solid #F58634;border-radius:15px;letter-spacing:0px;color:#f58634;max-width:60px;padding:4px}.divider-transparent{border-top-color:transparent!important}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:all .2s ease-in-out;border-radius:50%}.scroll-to-top .icon{font-size:24px!important}.show-scroll{opacity:1;transition:all .2s ease-in-out}.sticky-breadcrumbs{position:sticky;z-index:999;top:72px;width:100%}.sticky-banner{position:sticky;z-index:999}.sticky-navs{position:sticky!important;background:#fff;z-index:999;top:auto}.actbutton{border:1px solid rgba(0,0,0,.16);border-radius:4px;padding:0 15px;width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.actbutton .mat-icon{margin-right:6px}.disable-start-btn{cursor:not-allowed!important;pointer-events:none!important;opacity:.5!important}.certificate-loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.cb-plan-wrap{opacity:1;color:#1b4ca1;font-family:Lato-Regular;font-size:12px;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.cb-plan-wrap .cb-danger{border-radius:2px;padding:4px 8px;border:1px solid #d13924;background-color:#d13924!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-success{padding:4px 8px;border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cb-plan-wrap .cb-warning{padding:4px 8px;border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.bg-white{background-color:#fff}.provider-logo-div{border-radius:4px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.provider-logo-div img{display:flex;border-radius:4px;width:40px;height:40px;padding:4px}ul{padding:0!important}.kpi-values{min-width:64px;padding:8px;text-align:center}.kpi-values img{height:24px;width:24px}.position-bottom{position:fixed;width:88%;bottom:0;z-index:99}.no-certificate-found{border:1px solid #ccc;border-color:#f3962f;background-color:#fceedb;border-radius:12px}.no-certificate-found{min-height:56px}.no-certificate-found ::ng-deep ws-widget-sliders-dynamic .banner-data{font-size:16px!important;font-family:lato,sans-serif!important}.truncate-5{-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.ext-info-slider{padding:8px}#commentsDiv{margin:1rem auto;min-height:500px}.knowledge-level-container{margin-right:auto}.level-badge{display:inline-flex;height:24px;padding:2px 8px;align-items:center;gap:4px;flex-shrink:0;border-radius:12px;font-weight:600;font-size:12px;line-height:16px;white-space:nowrap}.level-badge.beginner{border:1px solid #49C951;background:linear-gradient(0deg,#49c95133 0% 100%),#fff;color:#2f8132;border-radius:16px}.level-badge.intermediate{border:1px solid #1B4CA1;background:linear-gradient(0deg,#1b4ca133 0% 100%),#fff;color:#1b4ca1;border-radius:16px}.level-badge.advanced{border:1px solid #FF8268;background:linear-gradient(0deg,#ff826833 0% 100%),#fff;color:#ff4b25;border-radius:16px}.level-badge svg{flex-shrink:0}::ng-deep .consent-dialog-panel .mat-dialog-container{overflow:hidden;padding:0;margin:0;border-radius:8px}::ng-deep .consent-dialog-panel .mat-dialog-content{padding:0;margin:0;max-height:none;overflow:hidden}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ActivatedRoute }, { type: i5.CommonMethodsService }, { type: i1$2.TranslateService }, { type: i2$1.ConfigurationsService }, { type: i2$1.EventService }, { type: i2$1.MultilingualTranslationsService }, { type: i2$1.WidgetContentService }, { type: CertificateService }, { type: LoaderService }, { type: i5$4.MatDialog }, { type: i7.MatLegacySnackBar }, { type: NetCoreService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
@@ -27060,5 +27081,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccessControlService, ActionService, AppTocAboutComponent, AppTocAnalyticsTilesComponent, AppTocBannerComponent, AppTocBatchAssignmentsComponent, AppTocCiosHomeComponent, AppTocCiosResolverService, AppTocCiosUserEnrollResolverService, AppTocCohortsComponent, AppTocContentCardComponent, AppTocContentComponent, AppTocContentReadResolverService, AppTocDialogIntroVideoComponent, AppTocDiscussionComponent, AppTocExtPublicResolverService, AppTocHomeComponent, AppTocHomeV2Component, AppTocLibModule, AppTocOverviewComponent, AppTocResolverService, AppTocService, AppTocSessionCardComponent, AppTocSessionsComponent, AppTocSinglePageComponent, AppTocTeachersNotesComponent, AppTocV2Service, CardCompetencyComponent, CardCompetencyModule, CompletionSurveyFormComponent, ConfigResolverService, ContentTocComponent, ContentTocModule, CreateBatchDialogComponent, EnrollLanguageDialogueComponent, EnrollProfileFormComponent, EnrollQuestionnaireComponent, ErrorType, KarmaPointsComponent, KarmaPointsModule, KnowledgeArtifactDetailsComponent, LoadCheckService, MetaTag, NsAppToc, NsCohorts, NsDiscussionForum, ProfileResolverService, PublicSurveyFormComponent, ROOT_WIDGET_CONFIG, ResetRatingsService, RestrictedFeaturesResolverService, ReviewsContentComponent, ShareTocComponent, ShareTocModule, SurveyFormQuestionComponent, SurveyFormSectionComponent, TimerService, TitleTagService, TocKpiValuesComponent, TocKpiValuesModule, ViewerUtilService, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_TOC_LIB_CONFIG, WidgetContentService };
+export { AccessControlService, ActionService, AppTocAboutComponent, AppTocAnalyticsTilesComponent, AppTocBannerComponent, AppTocBatchAssignmentsComponent, AppTocCiosHomeComponent, AppTocCiosResolverService, AppTocCiosUserEnrollResolverService, AppTocCohortsComponent, AppTocContentCardComponent, AppTocContentComponent, AppTocContentReadResolverService, AppTocDialogIntroVideoComponent, AppTocDiscussionComponent, AppTocExtPublicResolverService, AppTocHomeComponent, AppTocHomeV2Component, AppTocLibModule, AppTocOverviewComponent, AppTocResolverService, AppTocService, AppTocSessionCardComponent, AppTocSessionsComponent, AppTocSinglePageComponent, AppTocTeachersNotesComponent, AppTocV2Service, CardCompetencyComponent, CardCompetencyModule, CompletionSurveyFormComponent, ConfigResolverService, ContentTocComponent, ContentTocModule, CreateBatchDialogComponent, EnrollLanguageDialogueComponent, EnrollProfileFormComponent, EnrollQuestionnaireComponent, ErrorType, KarmaPointsComponent, KarmaPointsModule, KnowledgeArtifactDetailsComponent, LoadCheckService, MetaTag, NsAppToc, NsCohorts, NsDiscussionForum, ProfileResolverService, PublicSurveyFormComponent, ROOT_WIDGET_CONFIG, ResetRatingsService, RestrictedFeaturesResolverService, ReviewsContentComponent, ShareTocComponent, ShareTocModule, SurveyFormQuestionComponent, SurveyFormSectionComponent, TimerService, TitleTagService, TocKpiValuesComponent, TocKpiValuesModule, ViewerDataService, ViewerUtilService, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_TOC_LIB_CONFIG, WidgetContentService };
 //# sourceMappingURL=sunbird-cb-toc.mjs.map