commons-assessment 12.0.2 → 12.0.3

package/esm2015/lib/shared/interfaces/assessment.interface.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXNzbWVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb25zLWFzc2Vzc21lbnQvc3JjL2xpYi9zaGFyZWQvaW50ZXJmYWNlcy9hc3Nlc3NtZW50LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBBc3Nlc3NtZW50SW5zdGFuY2Uge1xyXG4gICAgYWNhZGVtaWNTZXNzaW9uPzogc3RyaW5nO1xyXG4gICAgYXNtdEluc3REZXNjPzogTG9jYWxpemVkVGV4dFtdO1xyXG4gICAgYXNtdEluc3ROYW1lPzogTG9jYWxpemVkVGV4dFtdO1xyXG5cclxuICAgIGFzc2Vzc21lbnQ/OiBBc3Nlc3NtZW50O1xyXG5cclxuICAgIGF1dGhvcj86IHN0cmluZztcclxuICAgIGNvbmR1Y3RlZEJ5PzogQWN0b3JSZWY7XHJcbiAgICBjb25maXJtYXRpb25EYXRlPzogc3RyaW5nO1xyXG5cclxuICAgIGNyZWF0ZWRBdD86IG51bWJlcjtcclxuICAgIGNyZWF0ZWRCeT86IG51bWJlcjtcclxuICAgIGR1cGxpY2F0ZWRDb3VudD86IG51bWJlcjtcclxuICAgIGR1cGxpY2F0ZWRGcm9tPzogbnVtYmVyO1xyXG5cclxuICAgIGR1cmF0aW9uPzogbnVtYmVyO1xyXG4gICAgZWRpdGFibGU/OiBib29sZWFuO1xyXG5cclxuICAgIGVuZERhdGU/OiBEYXRlO1xyXG4gICAgc3RhcnREYXRlPzogRGF0ZTtcclxuXHJcbiAgICBmb3JFbnRpdHlJZD86IHN0cmluZztcclxuICAgIGZvckVudGl0eVR5cGU/OiBzdHJpbmc7XHJcblxyXG4gICAgaWQ/OiBudW1iZXI7XHJcbiAgICBpbWFnZVVSTD86IHN0cmluZztcclxuICAgIGlzUHVibGljPzogYm9vbGVhbjtcclxuXHJcbiAgICBtb25pdG9yZWRCeT86IEFjdG9yUmVmO1xyXG5cclxuICAgIHNjaGVkdWxlU3RhdHVzPzogUmVmRGF0YTtcclxuXHJcbiAgICBzY2hvb2w/OiBudW1iZXI7XHJcbiAgICBzY2xldmVsQmF0Y2g/OiBudW1iZXI7XHJcbiAgICBzZXF1ZW5jZT86IG51bWJlcjtcclxuXHJcbiAgICBzcGVjaWZpY1Zpc2liaWxpdHk/OiBib29sZWFuO1xyXG5cclxuICAgIHRlbmFudD86IG51bWJlcjtcclxuICAgIHRlbmFudElkPzogbnVtYmVyO1xyXG5cclxuICAgIHRlc3ROdW1iZXI/OiBudW1iZXI7XHJcbiAgICB0ZXN0VHlwZT86IFJlZkRhdGE7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXNzZXNzbWVudCB7XHJcbiAgICBhc3Nlc3NtZW50Q29kZT86IHN0cmluZztcclxuICAgIGFzc2Vzc21lbnRDb25maWdzPzogQ29uZmlnW107XHJcblxyXG4gICAgYXNzZXNzbWVudERlc2M/OiBMb2NhbGl6ZWRUZXh0W107XHJcbiAgICBhc3Nlc3NtZW50TmFtZT86IExvY2FsaXplZFRleHRbXTtcclxuXHJcbiAgICBhc3Nlc3NtZW50S2luZD86IFJlZkRhdGE7XHJcbiAgICBhc3Nlc3NtZW50TW9kZT86IFJlZkRhdGE7XHJcbiAgICBhc3Nlc3NtZW50U3ViS2luZD86IFJlZkRhdGE7XHJcbiAgICBhc3Nlc3NtZW50U3ViVHlwZT86IFJlZkRhdGE7XHJcbiAgICBhc3Nlc3NtZW50VHlwZT86IFJlZkRhdGE7XHJcblxyXG4gICAgYmFzZUxhbmd1YWdlPzogc3RyaW5nO1xyXG4gICAgY29udGV4dD86IHN0cmluZztcclxuXHJcbiAgICBjcmVhdGVkQXQ/OiBudW1iZXI7XHJcbiAgICBjcmVhdGVkQnk/OiBudW1iZXI7XHJcblxyXG4gICAgZG9tYWluPzogc3RyaW5nO1xyXG4gICAgc3ViRG9tYWluPzogc3RyaW5nO1xyXG4gICAgc3ViamVjdENvZGU/OiBzdHJpbmc7XHJcbiAgICBsZXZlbENvZGU/OiBzdHJpbmc7XHJcblxyXG4gICAgZHVwbGljYXRlZENvdW50PzogbnVtYmVyO1xyXG4gICAgZHVwbGljYXRlZEZyb20/OiBudW1iZXI7XHJcblxyXG4gICAgZnJlcXVlbmN5PzogbnVtYmVyO1xyXG4gICAgaWQ/OiBudW1iZXI7XHJcblxyXG4gICAgaXNFbmFibGVkPzogYm9vbGVhbjtcclxuXHJcbiAgICB0ZW5hbnQ/OiBudW1iZXI7XHJcbiAgICB0ZW5hbnRJZD86IG51bWJlcjtcclxuXHJcbiAgICB0b3RhbGxNYXJrcz86IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBMb2NhbGl6ZWRUZXh0IHtcclxuICAgIGlkPzogbnVtYmVyO1xyXG4gICAgbGFuZ3VhZ2U/OiBMYW5ndWFnZTtcclxuICAgIHRleHQ/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTGFuZ3VhZ2Uge1xyXG4gICAgY29kZT86IHN0cmluZztcclxuICAgIGxhYmVsPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFJlZkRhdGEge1xyXG4gICAgY29kZT86IHN0cmluZztcclxuICAgIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gICAgbGFiZWxzPzogTG9jYWxpemVkVGV4dFtdO1xyXG4gICAgcmVmQ2xhc3M/OiB7IGNvZGU/OiBzdHJpbmcgfTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBY3RvclJlZiB7XHJcbiAgICBhY3RvcklkPzogc3RyaW5nO1xyXG4gICAgYWN0b3JUeXBlPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENvbmZpZyB7XHJcbiAgICBjb25maWdLZXk/OiBzdHJpbmc7XHJcbiAgICBjb25maWdWYWx1ZT86IHN0cmluZyB8IG51bGw7XHJcbiAgICBpZD86IG51bWJlcjtcclxuICAgIGlzQWN0aXZlPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBRdWVzdGlvblR5cGUge1xyXG4gICAgbGFiZWw/OiBzdHJpbmc7XHJcbiAgICBjb2RlPzogc3RyaW5nO1xyXG4gICAgaWNvbj86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBc3Nlc3NlZURUTyB7XHJcbiAgICBhY3RvcklkPzogbnVtYmVyXHJcbiAgICBhY3RvckllSWQ/OiBudW1iZXJcclxuICAgIGFjdG9yVHlwZT86IHN0cmluZ1xyXG4gICAgZ3JvdXBDb2RlPzogc3RyaW5nXHJcbiAgICBncm91cElkPzogbnVtYmVyXHJcbiAgICBpZD86IG51bWJlclxyXG4gICAgbmFtZT86IHN0cmluZ1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFzc2Vzc29yRFRPIHtcclxuICAgIGFjdG9ySWQ/OiBudW1iZXJcclxuICAgIGFjdG9ySWVJZD86IG51bWJlclxyXG4gICAgYWN0b3JUeXBlPzogc3RyaW5nXHJcbiAgICBncm91cENvZGU/OiBzdHJpbmdcclxuICAgIGdyb3VwSWQ/OiBudW1iZXJcclxuICAgIGlkPzogbnVtYmVyXHJcbiAgICBuYW1lPzogc3RyaW5nXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXR0YWNobWVudCB7XHJcbiAgICBpZD86IG51bWJlcjtcclxuICAgIGZpbGVOYW1lPzogc3RyaW5nO1xyXG4gICAgc2lnbmVkVVJMOiBzdHJpbmc7XHJcbiAgICBjb21wbGV0ZVVSTDogc3RyaW5nO1xyXG4gICAgbWltZVR5cGU6IHN0cmluZztcclxuICAgIGNyZWF0ZWRUaW1lc3RhbXA/OiBudW1iZXI7XHJcbiAgICBmaWxlU2l6ZUluQnl0ZXM6IG51bWJlcjtcclxuICAgIGNyZWF0ZWRCeVVzZXI/OiBudW1iZXI7XHJcbiAgICBuYW1lPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFzc2Vzc21lbnRJbnN0YW5jZUFzc2Vzc2VEVE8ge1xyXG4gICAgaWQ/OiBudW1iZXI7XHJcbiAgICBhc3Nlc3NtZW50SW5zdGFuY2U/OiB7IGlkOiBudW1iZXIgfTtcclxuICAgIGFzc2Vzc29yPzogQXNzZXNzb3JEVE87XHJcbiAgICB0ZW5hbnQ/OiBudW1iZXI7XHJcbiAgICBhc3Nlc3NlZEZvckVudGl0eUlkPzogbnVtYmVyO1xyXG4gICAgYXNzZXNzZWRGb3JFbnRpdHlUeXBlPzogc3RyaW5nO1xyXG4gICAgYXNzZXNzZWU/OiBBc3Nlc3NlZURUTztcclxuICAgIGFpYWRlZmF1bHRSZXNwb25zZUxpc3Q/OiBhbnlbXTtcclxuICAgIGFzc2Vzc21lbnRUYWtlbj86IFJlZkRhdGE7XHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXNzbWVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb25zLWFzc2Vzc21lbnQvc3JjL2xpYi9zaGFyZWQvaW50ZXJmYWNlcy9hc3Nlc3NtZW50LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNzZXNzbWVudFF1ZXN0aW9uUGFwZXIgfSBmcm9tIFwiLi9xdWVzdGlvbi1wYXBlci5pbnRlcmZhY2VcIjtcclxuaW1wb3J0IHsgQXNzZXNzbWVudFF1ZXN0aW9uIH0gZnJvbSBcIi4vcXVlc3Rpb24uaW50ZXJmYWNlXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFzc2Vzc21lbnRJbnN0YW5jZSB7XHJcbiAgICBhY2FkZW1pY1Nlc3Npb24/OiBzdHJpbmc7XHJcbiAgICBhc210SW5zdERlc2M/OiBMb2NhbGl6ZWRUZXh0W107XHJcbiAgICBhc210SW5zdE5hbWU/OiBMb2NhbGl6ZWRUZXh0W107XHJcblxyXG4gICAgYXNzZXNzbWVudD86IEFzc2Vzc21lbnQ7XHJcblxyXG4gICAgYXV0aG9yPzogc3RyaW5nO1xyXG4gICAgY29uZHVjdGVkQnk/OiBBY3RvclJlZjtcclxuICAgIGNvbmZpcm1hdGlvbkRhdGU/OiBzdHJpbmc7XHJcblxyXG4gICAgY3JlYXRlZEF0PzogbnVtYmVyO1xyXG4gICAgY3JlYXRlZEJ5PzogbnVtYmVyO1xyXG4gICAgZHVwbGljYXRlZENvdW50PzogbnVtYmVyO1xyXG4gICAgZHVwbGljYXRlZEZyb20/OiBudW1iZXI7XHJcblxyXG4gICAgZHVyYXRpb24/OiBudW1iZXI7XHJcbiAgICBlZGl0YWJsZT86IGJvb2xlYW47XHJcblxyXG4gICAgZW5kRGF0ZT86IERhdGU7XHJcbiAgICBzdGFydERhdGU/OiBEYXRlO1xyXG5cclxuICAgIGZvckVudGl0eUlkPzogc3RyaW5nO1xyXG4gICAgZm9yRW50aXR5VHlwZT86IHN0cmluZztcclxuXHJcbiAgICBpZD86IG51bWJlcjtcclxuICAgIGltYWdlVVJMPzogc3RyaW5nO1xyXG4gICAgaXNQdWJsaWM/OiBib29sZWFuO1xyXG5cclxuICAgIG1vbml0b3JlZEJ5PzogQWN0b3JSZWY7XHJcblxyXG4gICAgc2NoZWR1bGVTdGF0dXM/OiBSZWZEYXRhO1xyXG5cclxuICAgIHNjaG9vbD86IG51bWJlcjtcclxuICAgIHNjbGV2ZWxCYXRjaD86IG51bWJlcjtcclxuICAgIHNlcXVlbmNlPzogbnVtYmVyO1xyXG5cclxuICAgIHNwZWNpZmljVmlzaWJpbGl0eT86IGJvb2xlYW47XHJcblxyXG4gICAgdGVuYW50PzogbnVtYmVyO1xyXG4gICAgdGVuYW50SWQ/OiBudW1iZXI7XHJcblxyXG4gICAgdGVzdE51bWJlcj86IG51bWJlcjtcclxuICAgIHRlc3RUeXBlPzogUmVmRGF0YTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBc3Nlc3NtZW50IHtcclxuICAgIGFzc2Vzc21lbnRDb2RlPzogc3RyaW5nO1xyXG4gICAgYXNzZXNzbWVudENvbmZpZ3M/OiBDb25maWdbXTtcclxuXHJcbiAgICBhc3Nlc3NtZW50RGVzYz86IExvY2FsaXplZFRleHRbXTtcclxuICAgIGFzc2Vzc21lbnROYW1lPzogTG9jYWxpemVkVGV4dFtdO1xyXG5cclxuICAgIGFzc2Vzc21lbnRLaW5kPzogUmVmRGF0YTtcclxuICAgIGFzc2Vzc21lbnRNb2RlPzogUmVmRGF0YTtcclxuICAgIGFzc2Vzc21lbnRTdWJLaW5kPzogUmVmRGF0YTtcclxuICAgIGFzc2Vzc21lbnRTdWJUeXBlPzogUmVmRGF0YTtcclxuICAgIGFzc2Vzc21lbnRUeXBlPzogUmVmRGF0YTtcclxuXHJcbiAgICBiYXNlTGFuZ3VhZ2U/OiBzdHJpbmc7XHJcbiAgICBjb250ZXh0Pzogc3RyaW5nO1xyXG5cclxuICAgIGNyZWF0ZWRBdD86IG51bWJlcjtcclxuICAgIGNyZWF0ZWRCeT86IG51bWJlcjtcclxuXHJcbiAgICBkb21haW4/OiBzdHJpbmc7XHJcbiAgICBzdWJEb21haW4/OiBzdHJpbmc7XHJcbiAgICBzdWJqZWN0Q29kZT86IHN0cmluZztcclxuICAgIGxldmVsQ29kZT86IHN0cmluZztcclxuXHJcbiAgICBkdXBsaWNhdGVkQ291bnQ/OiBudW1iZXI7XHJcbiAgICBkdXBsaWNhdGVkRnJvbT86IG51bWJlcjtcclxuXHJcbiAgICBmcmVxdWVuY3k/OiBudW1iZXI7XHJcbiAgICBpZD86IG51bWJlcjtcclxuXHJcbiAgICBpc0VuYWJsZWQ/OiBib29sZWFuO1xyXG5cclxuICAgIHRlbmFudD86IG51bWJlcjtcclxuICAgIHRlbmFudElkPzogbnVtYmVyO1xyXG5cclxuICAgIHRvdGFsbE1hcmtzPzogbnVtYmVyO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIExvY2FsaXplZFRleHQge1xyXG4gICAgaWQ/OiBudW1iZXI7XHJcbiAgICBsYW5ndWFnZT86IExhbmd1YWdlO1xyXG4gICAgdGV4dD86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBMYW5ndWFnZSB7XHJcbiAgICBjb2RlPzogc3RyaW5nO1xyXG4gICAgbGFiZWw/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUmVmRGF0YSB7XHJcbiAgICBjb2RlPzogc3RyaW5nO1xyXG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgICBsYWJlbHM/OiBMb2NhbGl6ZWRUZXh0W107XHJcbiAgICByZWZDbGFzcz86IHsgY29kZT86IHN0cmluZyB9O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFjdG9yUmVmIHtcclxuICAgIGFjdG9ySWQ/OiBzdHJpbmc7XHJcbiAgICBhY3RvclR5cGU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ29uZmlnIHtcclxuICAgIGNvbmZpZ0tleT86IHN0cmluZztcclxuICAgIGNvbmZpZ1ZhbHVlPzogc3RyaW5nIHwgbnVsbDtcclxuICAgIGlkPzogbnVtYmVyO1xyXG4gICAgaXNBY3RpdmU/OiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFF1ZXN0aW9uVHlwZSB7XHJcbiAgICBsYWJlbD86IHN0cmluZztcclxuICAgIGNvZGU/OiBzdHJpbmc7XHJcbiAgICBpY29uPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFzc2Vzc2VlRFRPIHtcclxuICAgIGFjdG9ySWQ/OiBudW1iZXJcclxuICAgIGFjdG9ySWVJZD86IG51bWJlclxyXG4gICAgYWN0b3JUeXBlPzogc3RyaW5nXHJcbiAgICBncm91cENvZGU/OiBzdHJpbmdcclxuICAgIGdyb3VwSWQ/OiBudW1iZXJcclxuICAgIGlkPzogbnVtYmVyXHJcbiAgICBuYW1lPzogc3RyaW5nXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXNzZXNzb3JEVE8ge1xyXG4gICAgYWN0b3JJZD86IG51bWJlclxyXG4gICAgYWN0b3JJZUlkPzogbnVtYmVyXHJcbiAgICBhY3RvclR5cGU/OiBzdHJpbmdcclxuICAgIGdyb3VwQ29kZT86IHN0cmluZ1xyXG4gICAgZ3JvdXBJZD86IG51bWJlclxyXG4gICAgaWQ/OiBudW1iZXJcclxuICAgIG5hbWU/OiBzdHJpbmdcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBdHRhY2htZW50IHtcclxuICAgIGlkPzogbnVtYmVyO1xyXG4gICAgZmlsZU5hbWU/OiBzdHJpbmc7XHJcbiAgICBzaWduZWRVUkw6IHN0cmluZztcclxuICAgIGNvbXBsZXRlVVJMOiBzdHJpbmc7XHJcbiAgICBtaW1lVHlwZTogc3RyaW5nO1xyXG4gICAgY3JlYXRlZFRpbWVzdGFtcD86IG51bWJlcjtcclxuICAgIGZpbGVTaXplSW5CeXRlczogbnVtYmVyO1xyXG4gICAgY3JlYXRlZEJ5VXNlcj86IG51bWJlcjtcclxuICAgIG5hbWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXNzZXNzbWVudEluc3RhbmNlQXNzZXNzZURUTyB7XHJcbiAgICBpZD86IG51bWJlcjtcclxuICAgIGFzc2Vzc21lbnRJbnN0YW5jZT86IHsgaWQ6IG51bWJlciB9O1xyXG4gICAgYXNzZXNzb3I/OiBBc3Nlc3NvckRUTztcclxuICAgIHRlbmFudD86IG51bWJlcjtcclxuICAgIGFzc2Vzc2VkRm9yRW50aXR5SWQ/OiBudW1iZXI7XHJcbiAgICBhc3Nlc3NlZEZvckVudGl0eVR5cGU/OiBzdHJpbmc7XHJcbiAgICBhc3Nlc3NlZT86IEFzc2Vzc2VlRFRPO1xyXG4gICAgYWlhZGVmYXVsdFJlc3BvbnNlTGlzdD86IGFueVtdO1xyXG4gICAgYXNzZXNzbWVudFRha2VuPzogUmVmRGF0YTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBc3Nlc3NtZW50U3RlcCB7XHJcbiAgICBjdXJyZW50U3RlcEluZGV4OiBudW1iZXI7XHJcbiAgICB0b3RhbFN0ZXBzOiBudW1iZXI7XHJcbiAgICBpc0xhc3RTdGVwOiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFzc2Vzc21lbnRDb250ZXh0RFRPIHtcclxuICAgIGFzc2Vzc21lbnQ6IEFzc2Vzc21lbnQ7XHJcbiAgICBhc3Nlc3NtZW50UXVlc3Rpb25QYXBlckRUTzogQXNzZXNzbWVudFF1ZXN0aW9uUGFwZXI7XHJcbiAgICBxdWVzdGlvbkRUT01hcDogUmVjb3JkPG51bWJlciwgQXNzZXNzbWVudFF1ZXN0aW9uPjtcclxufVxyXG4iXX0=

package/fesm2015/commons-assessment.js

@@ -1217,13 +1217,23 @@ class AssessmentTakerComponent {
         }
     }
     ngOnInit() {
+        var _a;
         this.getConfigsFromJSON();
         if (this.previewMode) {
             this.disabled = true;
         }
         if (this.assessmentInstanceId) {
-            this.showLoader = true;
-            this.loadAssessmentData();
+            if (!this.assessmentContext) {
+                this.showLoader = true;
+                this.loadAssessmentData();
+            }
+            else {
+                this.assessmentQuestionPaperData = this.assessmentContext.assessmentQuestionPaperDTO;
+                this.assessmentData = this.assessmentContext.assessment;
+                this.questionBank = this.assessmentContext.questionDTOMap;
+                this.tenantId = ((_a = this.assessmentData) === null || _a === void 0 ? void 0 : _a.tenantId) || 0;
+                this.formSetup();
+            }
         }
     }
     getConfigsFromJSON() {
@@ -1305,8 +1315,11 @@ class AssessmentTakerComponent {
                                 }
                             }
                             const remarkCtrl = new FormControl(remarkVal);
-                            if (((_h = (_g = this.assesseeResponse) === null || _g === void 0 ? void 0 : _g.assessmentTaken) === null || _h === void 0 ? void 0 : _h.code) === 'ASSESSMENT_TAKEN.COMPLETE' || this.disabled)
+                            if (((_h = (_g = this.assesseeResponse) === null || _g === void 0 ? void 0 : _g.assessmentTaken) === null || _h === void 0 ? void 0 : _h.code) === 'ASSESSMENT_TAKEN.COMPLETE' || this.disabled) {
                                 remarkCtrl.disable();
+                                this.disabled = true;
+                            }
+                            ;
                             group[`${qId}_remarks_${option.id}`] = remarkCtrl;
                         }
                         (_j = option.childQuestionList) === null || _j === void 0 ? void 0 : _j.forEach((childId) => {
@@ -1390,7 +1403,8 @@ class AssessmentTakerComponent {
         let prefilledValue = this.getPrefilledAnswer(qId, isChild, parentId, parentOptionId);
         const control = new FormControl(prefilledValue, validators);
         // Disable if assessment is completed
-        if (((_b = (_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.assessmentTaken) === null || _b === void 0 ? void 0 : _b.code) === 'ASSESSMENT_TAKEN.COMPLETED' || this.disabled) {
+        if (((_b = (_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.assessmentTaken) === null || _b === void 0 ? void 0 : _b.code) === 'ASSESSMENT_TAKEN.COMPLETE' || this.disabled) {
+            this.disabled = true;
             control.disable();
         }
         group[qId] = control;
@@ -1605,7 +1619,7 @@ class AssessmentTakerComponent {
         }
         return false;
     }
-    goNext(markAsCompleted = true) {
+    goNext(markAsCompleted = true, saveData = true) {
         var _a, _b, _c;
         const save = ((_c = (_b = (_a = this.assessmentData) === null || _a === void 0 ? void 0 : _a.assessmentConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey == 'assesment.config.allowed-partial-response')) === null || _c === void 0 ? void 0 : _c.configValue) == '1';
         const currentSection = this.sectionFormGroups[this.selectedTabIndex];
@@ -1618,13 +1632,13 @@ class AssessmentTakerComponent {
         }
         this.sectionErrors[this.selectedTabIndex] = false;
         if (this.selectedTabIndex < this.sectionFormGroups.length - 1) {
-            save ? this.save() : this.selectedTabIndex++;
+            save && saveData ? this.save() : this.selectedTabIndex++;
         }
         else {
-            this.processSubmit(markAsCompleted);
+            this.processSubmit(markAsCompleted, saveData);
         }
     }
-    processSubmit(markAsCompleted = true) {
+    processSubmit(markAsCompleted = true, saveData = true) {
         let firstInvalidIndex = -1;
         this.sectionFormGroups.forEach((group, index) => {
             group.formGroup.markAllAsTouched();
@@ -1648,7 +1662,7 @@ class AssessmentTakerComponent {
             this.scrollToFirstInvalidField(firstInvalidIndex);
             return;
         }
-        this.save(true, markAsCompleted);
+        this.save(true, markAsCompleted, saveData);
     }
     scrollToFirstInvalidField(sectionIndex) {
         setTimeout(() => {
@@ -1668,8 +1682,8 @@ class AssessmentTakerComponent {
             }
         }, 100);
     }
-    save(goNext = true, markAsCompleted = true) {
-        var _a;
+    save(goNext = true, markAsCompleted = true, saveData = true) {
+        var _a, _b, _c;
         this.isSubmitting = true;
         if (markAsCompleted && this.selectedTabIndex == this.sectionFormGroups.length - 1) {
             this.assesseeResponse.assessmentTaken = { code: 'ASSESSMENT_TAKEN.COMPLETE' };
@@ -1678,10 +1692,22 @@ class AssessmentTakerComponent {
             this.assesseeResponse.assessmentTaken = { code: 'ASSESSMENT_TAKEN.INCOMPLETE' };
         }
         const payload = this.responseBuilderService.buildResponsePayload(this.assesseeResponse, this.assessmentQuestionPaperData, this.sectionFormGroups, this.questionBank, this.tenantId);
-        const apiCall = ((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.id) ? this.assessmentTakerService.patchAssessment(payload) : this.assessmentTakerService.submitAssessment(payload);
+        if (!saveData || this.disabled) {
+            this.isSubmitting = false;
+            this.submitAssessment.emit({
+                assesseeId: (_b = (_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.assessee) === null || _b === void 0 ? void 0 : _b.id,
+                assesseeResponse: payload,
+                completed: goNext && (this.selectedTabIndex == this.sectionFormGroups.length - 1 || this.verticalView)
+            });
+            if (goNext && this.selectedTabIndex < this.sectionFormGroups.length - 1) {
+                this.selectedTabIndex++;
+            }
+            return;
+        }
+        const apiCall = ((_c = this.assesseeResponse) === null || _c === void 0 ? void 0 : _c.id) ? this.assessmentTakerService.patchAssessment(payload) : this.assessmentTakerService.submitAssessment(payload);
         apiCall.subscribe({
             next: (res) => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 if (!((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.id)) {
                     this.getAnswersByAiaId(res);
                 }
@@ -1689,7 +1715,11 @@ class AssessmentTakerComponent {
                     this.assesseeResponse = res;
                 }
                 this.isSubmitting = false;
-                this.submitAssessment.emit({ assesseeId: ((_b = res === null || res === void 0 ? void 0 : res.assessee) === null || _b === void 0 ? void 0 : _b.id) || res, completed: goNext && (this.selectedTabIndex == this.sectionFormGroups.length - 1 || this.verticalView) });
+                this.submitAssessment.emit({
+                    assesseeId: ((_c = (_b = this.assesseeResponse) === null || _b === void 0 ? void 0 : _b.assessee) === null || _c === void 0 ? void 0 : _c.id) || res,
+                    assesseeResponse: ((_d = this.assesseeResponse) === null || _d === void 0 ? void 0 : _d.id) ? this.assesseeResponse : payload,
+                    completed: goNext && (this.selectedTabIndex == this.sectionFormGroups.length - 1 || this.verticalView)
+                });
                 if (goNext && this.selectedTabIndex < this.sectionFormGroups.length - 1) {
                     this.selectedTabIndex++;
                 }
@@ -1750,7 +1780,7 @@ class AssessmentTakerComponent {
     }
 }
 AssessmentTakerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerComponent, deps: [{ token: AssessmentTakerService }, { token: i1$2.FormBuilder }, { token: ResponseBuilderService }, { token: i2.DomSanitizer }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-AssessmentTakerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AssessmentTakerComponent, selector: "lib-assessment-taker", inputs: { labelConfig: "labelConfig", imageConfig: "imageConfig", showFooter: "showFooter", assessmentId: "assessmentId", assessmentInstanceId: "assessmentInstanceId", assesseeData: "assesseeData", assessorData: "assessorData", disabled: "disabled", previewMode: "previewMode", verticalView: "verticalView", enableMarks: "enableMarks" }, outputs: { snackbarMessage: "snackbarMessage", submitAssessment: "submitAssessment", stepChanged: "stepChanged" }, ngImport: i0, template: "<div *ngIf=\"configsLoaded && !showLoader; else loader\" class=\"col-12 h-100\">\r\n    <div class=\"col-12 h-100 pt-2 pb-4\" [class.height-without-footer]=\"showFooter\">\r\n        <ng-container *ngIf=\"assessmentQuestionPaperData?.questionPaperSectionList?.length\">\r\n            <mat-tab-group *ngIf=\"!verticalView\" animationDuration=\"0ms\" class=\"assessment-mat-custom-tabs\"\r\n                [(selectedIndex)]=\"selectedTabIndex\">\r\n                <mat-tab\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [disabled]=\"shouldDisableTab(i)\">\r\n                    <ng-template mat-tab-label>\r\n                        <span class=\"assessment-text-semibold-16\"\r\n                            [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                    </ng-template>\r\n                    <div class=\"mt-4\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-tab>\r\n            </mat-tab-group>\r\n\r\n            <mat-accordion *ngIf=\"verticalView\" multi=\"true\" class=\"d-flex flex-column gap-4 mb-4\">\r\n                <mat-expansion-panel\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [expanded]=\"expandedState[i] !== false\" (opened)=\"expandedState[i] = true\"\r\n                    (closed)=\"expandedState[i] = false\"\r\n                    class=\"assessment-border-radius-two shadow-none m-0 assessment-panel\">\r\n                    <mat-expansion-panel-header class=\"assessment-bg-grey-two h-auto py-3 bg-transparent\">\r\n                        <mat-panel-title>\r\n                            <span class=\"assessment-text-semibold-16\"\r\n                                [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <div class=\"mt-4 px-md-3\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-expansion-panel>\r\n            </mat-accordion>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"!assessmentQuestionPaperData?.questionPaperSectionList?.length\"\r\n            class=\"h-100 d-flex flex-column align-items-center justify-content-center gap-3\">\r\n            <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.NO_QUESTIONS']\" class=\"col-sm-auto col-6\"\r\n                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/no-questions.svg')\" />\r\n            <div class=\"text-center\">\r\n                <p class=\"mb-1 assessment-text-medium-18\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.NO_QUESTIONS']}}</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showFooter\"\r\n        class=\"bg-white p-3 position-sticky bottom-0 d-flex align-items-center justify-content-end border-top gap-3 z-index-1\">\r\n        <button\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary-transparent assessment-text-semibold-13\"\r\n            (click)=\"goBack()\" *ngIf=\"selectedTabIndex > 0 && !verticalView\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.GO_BACK']}}</button>\r\n        <button [disabled]=\"isSubmitting\" (click)=\"verticalView ? processSubmit(true) : goNext()\"\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary assessment-text-semibold-13 position-relative\">\r\n            <span [ngClass]=\"{'opacity-0': isSubmitting}\">\r\n                {{ (verticalView || selectedTabIndex === sectionFormGroups.length - 1) ?\r\n                labelConfig['COMMONS_ASSESSMENT.LABEL.SUBMIT'] : labelConfig['COMMONS_ASSESSMENT.LABEL.NEXT'] }}\r\n            </span>\r\n            <mat-spinner *ngIf=\"isSubmitting\" [diameter]=\"20\"\r\n                class=\"position-absolute top-50 start-50 translate-middle assessment-spinner-white\"></mat-spinner>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loader>\r\n    <div class=\"h-100 col-12 d-flex align-items-center justify-content-center py-5\">\r\n        <mat-spinner diameter=\"60\" class=\"assessment-spinner-primary\"></mat-spinner>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Recursive Template for Questions & Child Questions -->\r\n<ng-template #questionTemplate let-questionId=\"questionId\" let-isMandatory=\"isMandatory\" let-groupIndex=\"groupIndex\"\r\n    let-parentOptionId=\"parentOptionId\" let-questionIndex=\"questionIndex\">\r\n    <div [formGroup]=\"sectionFormGroups[groupIndex].formGroup\" [id]=\"'question-container-' + questionId\">\r\n        <div class=\"assessment-border-radius-two mb-3\" [ngClass]=\"parentOptionId? '' : 'p-3 assessment-card-border'\"\r\n            *ngIf=\"questionBank[questionId] as question\">\r\n            <div\r\n                class=\"d-flex flex-column flex-md-row justify-content-between gap-2 gap-md-3 align-items-md-start mb-3\">\r\n                <div class=\"d-flex gap-md-3 gap-2 align-items-start flex-grow-1\">\r\n                    <div class=\"flex-grow-1\">\r\n                        <p class=\"assessment-text-medium-15 mb-0 d-flex gap-1 gap-md-2\">\r\n                            {{questionIndex + 1}}.\r\n                            <span [innerHtml]=\"question.questionText?.[0]?.text\"></span>\r\n                        </p>\r\n                        <div class=\"mt-3 col-12\" *ngIf=\"question?.mediaUrl\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"VideoTemplate; context:{videoUrl:question?.mediaUrl}\"></ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngIf=\"question.hintText && !previewMode\">\r\n                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.INFO']\"\r\n                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/info.svg')\"\r\n                            cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\"\r\n                            (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                            (mouseleave)=\"tooltipState[question.id!] = false\" class=\"cursor-pointer\" />\r\n                        <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                            [cdkConnectedOverlayOpen]=\"tooltipState[question.id!] || false\"\r\n                            [cdkConnectedOverlayPositions]=\"[{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8, offsetY: 0 }, { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8, offsetY: 0 }]\">\r\n                            <div class=\"assessment-bg-grey-two assessment-tooltip-border p-3 assessment-border-radius-two assessment-box-shadow-tooltip question-info assessment-text-regular-13\"\r\n                                (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                                (mouseleave)=\"tooltipState[question.id!] = false\" [innerHTML]=\"question.hintText\">\r\n                            </div>\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <!-- Assessor Marks Dropdown Logic -->\r\n                <ng-container\r\n                    *ngIf=\"enableMarks && shouldShowMarksDropdown(question) && sectionFormGroups[groupIndex].formGroup.get(question.id + '_marks')\">\r\n                    <mat-form-field appearance=\"outline\"\r\n                        class=\"mb-0 assessment-marks-dropdown assessment-text-medium-12\">\r\n                        <mat-label\r\n                            class=\"assessment-text-medium-12\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MARKS']}}</mat-label>\r\n                        <mat-select [formControlName]=\"question.id + '_marks'\">\r\n                            <mat-option class=\"assessment-text-medium-12\"\r\n                                *ngFor=\"let mark of getMarksRange(question.id!)\" [value]=\"mark\">\r\n                                {{mark}}\r\n                            </mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </ng-container>\r\n            </div>\r\n\r\n            <ng-container [ngSwitch]=\"question.questionType?.code\">\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_LONG'\">\r\n                    <lib-question-type-long [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-long>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_RICH_TEXT'\">\r\n                    <lib-question-type-editor [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-editor>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.OBJECTIVE'\">\r\n                    <lib-question-type-objective [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-objective>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.MULTI_SELECT'\">\r\n                    <lib-question-type-multiselect [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-multiselect>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.PREFERENCE'\">\r\n                    <lib-question-type-preference [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-preference>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.EMAIL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.CONTACT_NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.URL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.FILE_UPLOAD'\">\r\n                    <lib-question-type-file-upload [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [labelConfig]=\"labelConfig\"\r\n                        [imageConfig]=\"imageConfig\"></lib-question-type-file-upload>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <!-- Error Messages and Character Count Container -->\r\n            <ng-container *ngIf=\"sectionFormGroups[groupIndex].formGroup.get(question.id?.toString() || '') as control\">\r\n                <div class=\"d-flex justify-content-between align-items-start mt-1\">\r\n                    <span>\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger\"\r\n                            *ngIf=\"control.touched && control.errors?.['required']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED_RESPONSE']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['pattern']\">\r\n                            {{question?.validationMessage || labelConfig['COMMONS_ASSESSMENT.ERROR.INVALID_FORMAT']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['minlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['maxlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['minOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['maxOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFiles']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILES']?.replace('{{count}}',\r\n                            control.errors?.['maxFiles'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFileSize']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILE_SIZE']?.replace('{{size}}',\r\n                            control.errors?.['maxFileSize'].requiredSize + '')}}\r\n                        </mat-error>\r\n                    </span>\r\n\r\n                    <div class=\"assessment-text-regular-12 assessment-text-grey-seven white-space-nowrap ms-2\"\r\n                        *ngIf=\"getMaxCharCount(question) > 0\">\r\n                        {{ getRemainingChars(question, control) }}\r\n                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.CHARACTER']}}{{getRemainingChars(question, control) !==\r\n                        1\r\n                        ? 's' : ''}} {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMAINING']}}\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n\r\n\r\n            <!-- Child Questions and Remarks Rendering Logic based on checked form state -->\r\n            <ng-container *ngIf=\"question.defaultOptionsList?.length\">\r\n                <ng-container *ngFor=\"let option of question.defaultOptionsList\">\r\n\r\n                    <ng-container\r\n                        *ngIf=\"isOptionSelected(sectionFormGroups[groupIndex].formGroup, question, option.options?.id)\">\r\n\r\n                        <!-- REMARKS FIELD -->\r\n                        <div class=\"mt-3\"\r\n                            *ngIf=\"option.remarksRequired && sectionFormGroups[groupIndex].formGroup.get(question.id + '_remarks_' + option.id) as remarksControl\">\r\n                            <p class=\"assessment-text-regular-15 mb-2\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMARKS']}}</p>\r\n                            <textarea formControlName=\"{{question.id}}_remarks_{{option.id}}\" rows=\"2\"\r\n                                [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.REMARKS']\"\r\n                                [ngClass]=\"remarksControl.invalid && remarksControl.touched ? 'assessment-input-border-invalid' : ''\"\r\n                                class=\"col-12 assessment-text-regular-13 assessment-input-border-one assessment-border-radius-two assessment-input-padding outline-0 assessment-bg-grey-one\"></textarea>\r\n                            <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                                *ngIf=\"remarksControl.invalid && remarksControl.touched\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.ERROR.FIELD_REQUIRED']}}\r\n                            </mat-error>\r\n                        </div>\r\n\r\n                        <!-- CHILD QUESTIONS RECURSION -->\r\n                        <div class=\"col-12 mt-3\" *ngIf=\"option.childQuestionList?.length\">\r\n                            <ng-container *ngFor=\"let childId of option.childQuestionList; let childIndex = index\">\r\n                                <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                                        questionId: childId,\r\n                                        isMandatory: questionBank[childId]?.isMandatory,\r\n                                        groupIndex: groupIndex,\r\n                                        parentOptionId: option.id,\r\n                                        questionIndex: childIndex\r\n                                    }\">\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Reusable Section Form Template -->\r\n<ng-template #sectionContent let-section=\"section\" let-i=\"i\">\r\n    <form class=\"w-100\" [formGroup]=\"sectionFormGroups[i].formGroup\" [name]=\"'sectionfrm-' + i\" novalidate>\r\n        <div class=\"d-flex justify-content-between align-items-center mb-4\">\r\n            <span class=\"assessment-text-semibold-14 assessment-text-grey-ten\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.TOTAL_QUESTIONS']}}{{ section?.totalQuestions || 0 }}\r\n            </span>\r\n            <button (click)=\"openInstructionsDialog(section)\"\r\n                *ngIf=\"!previewMode && (section?.qpsDesc?.[0]?.text || section?.mediaUrl)\"\r\n                class=\"assessment-zoom-animation assessment-button-padding assessment-text-medium-13 assessment-btn-primary-transparent\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.VIEW_INSTRUCTIONS']}}\r\n            </button>\r\n        </div>\r\n\r\n        <ng-container *ngFor=\"let sq of section.sectionQuestionsList | orderBy; let j = index\">\r\n            <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                questionId: sq.questionId,\r\n                isMandatory: questionBank[sq.questionId]?.isMandatory,\r\n                groupIndex: i,\r\n                parentOptionId: null,\r\n                questionIndex: j\r\n            }\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </form>\r\n</ng-template>\r\n\r\n<!-- video preview  -->\r\n<ng-template let-videoUrl=\"videoUrl\" #VideoTemplate>\r\n    <div class=\"assessment-border-radius-two overflow-hidden col-md-10 col-12\">\r\n        <video *ngIf=\"videoUrl?.includes('.mp4') else youtubeVideo\" width=\"400\" controls class=\"mw-100 d-block mx-auto\">\r\n            <source [src]=\"videoUrl\" type=\"video/mp4\">\r\n        </video>\r\n        <ng-template #youtubeVideo>\r\n            <div class=\"youtube-video position-relative h-100\">\r\n                <iframe [src]=\"addYoutubeIframeSrc(videoUrl)\" title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen class=\"position-absolute top-0 start-0 w-100 h-100 d-block\">\r\n                </iframe>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>", styles: ["@charset \"UTF-8\";.assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.height-without-footer{height:calc(100% - 4.4rem)!important}.z-index-1{z-index:1}.question-info{min-width:15rem;max-width:40vw}@media screen and (max-width: 768px){.question-info{max-width:75vw}}@media screen and (min-width: 768px){.assessment-marks-dropdown{width:6rem}}.youtube-video{aspect-ratio:16/9}\n"], components: [{ type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i9.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypePreferenceComponent, selector: "lib-question-type-preference", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeFileUploadComponent, selector: "lib-question-type-file-upload", inputs: ["required", "question", "labelConfig", "imageConfig"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i7.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i20.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { type: i20.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { type: i9.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }], pipes: { "orderBy": OrderByPipe } });
+AssessmentTakerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AssessmentTakerComponent, selector: "lib-assessment-taker", inputs: { labelConfig: "labelConfig", imageConfig: "imageConfig", showFooter: "showFooter", assessmentId: "assessmentId", assessmentInstanceId: "assessmentInstanceId", assesseeData: "assesseeData", assessorData: "assessorData", disabled: "disabled", previewMode: "previewMode", verticalView: "verticalView", enableMarks: "enableMarks", assessmentContext: "assessmentContext" }, outputs: { snackbarMessage: "snackbarMessage", submitAssessment: "submitAssessment", stepChanged: "stepChanged" }, ngImport: i0, template: "<div *ngIf=\"configsLoaded && !showLoader; else loader\" class=\"col-12 h-100\">\r\n    <div class=\"col-12 h-100 pt-2 pb-4\" [class.height-without-footer]=\"showFooter\">\r\n        <ng-container *ngIf=\"assessmentQuestionPaperData?.questionPaperSectionList?.length\">\r\n            <mat-tab-group *ngIf=\"!verticalView\" animationDuration=\"0ms\" class=\"assessment-mat-custom-tabs\"\r\n                [(selectedIndex)]=\"selectedTabIndex\">\r\n                <mat-tab\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [disabled]=\"shouldDisableTab(i)\">\r\n                    <ng-template mat-tab-label>\r\n                        <span class=\"assessment-text-semibold-16\"\r\n                            [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                    </ng-template>\r\n                    <div class=\"mt-4\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-tab>\r\n            </mat-tab-group>\r\n\r\n            <mat-accordion *ngIf=\"verticalView\" multi=\"true\" class=\"d-flex flex-column gap-4 mb-4\">\r\n                <mat-expansion-panel\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [expanded]=\"expandedState[i] !== false\" (opened)=\"expandedState[i] = true\"\r\n                    (closed)=\"expandedState[i] = false\"\r\n                    class=\"assessment-border-radius-two shadow-none m-0 assessment-panel\">\r\n                    <mat-expansion-panel-header class=\"assessment-bg-grey-two h-auto py-3 bg-transparent\">\r\n                        <mat-panel-title>\r\n                            <span class=\"assessment-text-semibold-16\"\r\n                                [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <div class=\"mt-4 px-md-3\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-expansion-panel>\r\n            </mat-accordion>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"!assessmentQuestionPaperData?.questionPaperSectionList?.length\"\r\n            class=\"h-100 d-flex flex-column align-items-center justify-content-center gap-3\">\r\n            <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.NO_QUESTIONS']\" class=\"col-sm-auto col-6\"\r\n                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/no-questions.svg')\" />\r\n            <div class=\"text-center\">\r\n                <p class=\"mb-1 assessment-text-medium-18\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.NO_QUESTIONS']}}</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showFooter && !previewMode\"\r\n        class=\"bg-white p-3 position-sticky bottom-0 d-flex align-items-center justify-content-end border-top gap-3 z-index-1\">\r\n        <button\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary-transparent assessment-text-semibold-13\"\r\n            (click)=\"goBack()\" *ngIf=\"selectedTabIndex > 0 && !verticalView\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.GO_BACK']}}</button>\r\n        <button [disabled]=\"isSubmitting\" (click)=\"verticalView ? processSubmit(true) : goNext()\"\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary assessment-text-semibold-13 position-relative\">\r\n            <span [ngClass]=\"{'opacity-0': isSubmitting}\">\r\n                {{ (verticalView || selectedTabIndex === sectionFormGroups.length - 1) ?\r\n                labelConfig['COMMONS_ASSESSMENT.LABEL.SUBMIT'] : labelConfig['COMMONS_ASSESSMENT.LABEL.NEXT'] }}\r\n            </span>\r\n            <mat-spinner *ngIf=\"isSubmitting\" [diameter]=\"20\"\r\n                class=\"position-absolute top-50 start-50 translate-middle assessment-spinner-white\"></mat-spinner>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loader>\r\n    <div class=\"h-100 col-12 d-flex align-items-center justify-content-center py-5\">\r\n        <mat-spinner diameter=\"60\" class=\"assessment-spinner-primary\"></mat-spinner>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Recursive Template for Questions & Child Questions -->\r\n<ng-template #questionTemplate let-questionId=\"questionId\" let-isMandatory=\"isMandatory\" let-groupIndex=\"groupIndex\"\r\n    let-parentOptionId=\"parentOptionId\" let-questionIndex=\"questionIndex\">\r\n    <div [formGroup]=\"sectionFormGroups[groupIndex].formGroup\" [id]=\"'question-container-' + questionId\">\r\n        <div class=\"assessment-border-radius-two mb-3 assessment-bg-white\" [ngClass]=\"parentOptionId? '' : 'p-3 assessment-card-border'\"\r\n            *ngIf=\"questionBank[questionId] as question\">\r\n            <div\r\n                class=\"d-flex flex-column flex-md-row justify-content-between gap-2 gap-md-3 align-items-md-start mb-3\">\r\n                <div class=\"d-flex gap-md-3 gap-2 align-items-start flex-grow-1\">\r\n                    <div class=\"flex-grow-1\">\r\n                        <p class=\"assessment-text-medium-15 mb-0 d-flex gap-1 gap-md-2\">\r\n                            {{questionIndex + 1}}.\r\n                            <span [innerHtml]=\"question.questionText?.[0]?.text\"></span>\r\n                        </p>\r\n                        <div class=\"mt-3 col-12\" *ngIf=\"question?.mediaUrl\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"VideoTemplate; context:{videoUrl:question?.mediaUrl}\"></ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngIf=\"question.hintText && !previewMode\">\r\n                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.INFO']\"\r\n                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/info.svg')\"\r\n                            cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\"\r\n                            (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                            (mouseleave)=\"tooltipState[question.id!] = false\" class=\"cursor-pointer\" />\r\n                        <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                            [cdkConnectedOverlayOpen]=\"tooltipState[question.id!] || false\"\r\n                            [cdkConnectedOverlayPositions]=\"[{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8, offsetY: 0 }, { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8, offsetY: 0 }]\">\r\n                            <div class=\"assessment-bg-grey-two assessment-tooltip-border p-3 assessment-border-radius-two assessment-box-shadow-tooltip question-info assessment-text-regular-13\"\r\n                                (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                                (mouseleave)=\"tooltipState[question.id!] = false\" [innerHTML]=\"question.hintText\">\r\n                            </div>\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <!-- Assessor Marks Dropdown Logic -->\r\n                <ng-container\r\n                    *ngIf=\"enableMarks && shouldShowMarksDropdown(question) && sectionFormGroups[groupIndex].formGroup.get(question.id + '_marks')\">\r\n                    <mat-form-field appearance=\"outline\"\r\n                        class=\"mb-0 assessment-marks-dropdown assessment-text-medium-12\">\r\n                        <mat-label\r\n                            class=\"assessment-text-medium-12\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MARKS']}}</mat-label>\r\n                        <mat-select [formControlName]=\"question.id + '_marks'\">\r\n                            <mat-option class=\"assessment-text-medium-12\"\r\n                                *ngFor=\"let mark of getMarksRange(question.id!)\" [value]=\"mark\">\r\n                                {{mark}}\r\n                            </mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </ng-container>\r\n            </div>\r\n\r\n            <ng-container [ngSwitch]=\"question.questionType?.code\">\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_LONG'\">\r\n                    <lib-question-type-long [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-long>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_RICH_TEXT'\">\r\n                    <lib-question-type-editor [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-editor>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.OBJECTIVE'\">\r\n                    <lib-question-type-objective [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-objective>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.MULTI_SELECT'\">\r\n                    <lib-question-type-multiselect [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-multiselect>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.PREFERENCE'\">\r\n                    <lib-question-type-preference [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-preference>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.EMAIL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.CONTACT_NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.URL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.FILE_UPLOAD'\">\r\n                    <lib-question-type-file-upload [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [labelConfig]=\"labelConfig\"\r\n                        [imageConfig]=\"imageConfig\"></lib-question-type-file-upload>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <!-- Error Messages and Character Count Container -->\r\n            <ng-container *ngIf=\"sectionFormGroups[groupIndex].formGroup.get(question.id?.toString() || '') as control\">\r\n                <div class=\"d-flex justify-content-between align-items-start mt-1\">\r\n                    <span>\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger\"\r\n                            *ngIf=\"control.touched && control.errors?.['required']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED_RESPONSE']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['pattern']\">\r\n                            {{question?.validationMessage || labelConfig['COMMONS_ASSESSMENT.ERROR.INVALID_FORMAT']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['minlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['maxlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['minOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['maxOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFiles']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILES']?.replace('{{count}}',\r\n                            control.errors?.['maxFiles'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFileSize']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILE_SIZE']?.replace('{{size}}',\r\n                            control.errors?.['maxFileSize'].requiredSize + '')}}\r\n                        </mat-error>\r\n                    </span>\r\n\r\n                    <div class=\"assessment-text-regular-12 assessment-text-grey-seven white-space-nowrap ms-2\"\r\n                        *ngIf=\"getMaxCharCount(question) > 0\">\r\n                        {{ getRemainingChars(question, control) }}\r\n                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.CHARACTER']}}{{getRemainingChars(question, control) !==\r\n                        1\r\n                        ? 's' : ''}} {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMAINING']}}\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n\r\n\r\n            <!-- Child Questions and Remarks Rendering Logic based on checked form state -->\r\n            <ng-container *ngIf=\"question.defaultOptionsList?.length\">\r\n                <ng-container *ngFor=\"let option of question.defaultOptionsList\">\r\n\r\n                    <ng-container\r\n                        *ngIf=\"isOptionSelected(sectionFormGroups[groupIndex].formGroup, question, option.options?.id)\">\r\n\r\n                        <!-- REMARKS FIELD -->\r\n                        <div class=\"mt-3\"\r\n                            *ngIf=\"option.remarksRequired && sectionFormGroups[groupIndex].formGroup.get(question.id + '_remarks_' + option.id) as remarksControl\">\r\n                            <p class=\"assessment-text-regular-15 mb-2\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMARKS']}}</p>\r\n                            <textarea formControlName=\"{{question.id}}_remarks_{{option.id}}\" rows=\"2\"\r\n                                [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.REMARKS']\"\r\n                                [ngClass]=\"remarksControl.invalid && remarksControl.touched ? 'assessment-input-border-invalid' : ''\"\r\n                                class=\"col-12 assessment-text-regular-13 assessment-input-border-one assessment-border-radius-two assessment-input-padding outline-0 assessment-bg-grey-one\"></textarea>\r\n                            <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                                *ngIf=\"remarksControl.invalid && remarksControl.touched\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.ERROR.FIELD_REQUIRED']}}\r\n                            </mat-error>\r\n                        </div>\r\n\r\n                        <!-- CHILD QUESTIONS RECURSION -->\r\n                        <div class=\"col-12 mt-3\" *ngIf=\"option.childQuestionList?.length\">\r\n                            <ng-container *ngFor=\"let childId of option.childQuestionList; let childIndex = index\">\r\n                                <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                                        questionId: childId,\r\n                                        isMandatory: questionBank[childId]?.isMandatory,\r\n                                        groupIndex: groupIndex,\r\n                                        parentOptionId: option.id,\r\n                                        questionIndex: childIndex\r\n                                    }\">\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Reusable Section Form Template -->\r\n<ng-template #sectionContent let-section=\"section\" let-i=\"i\">\r\n    <form class=\"w-100\" [formGroup]=\"sectionFormGroups[i].formGroup\" [name]=\"'sectionfrm-' + i\" novalidate>\r\n        <div class=\"d-flex justify-content-between align-items-center mb-4\">\r\n            <span class=\"assessment-text-semibold-14 assessment-text-grey-ten\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.TOTAL_QUESTIONS']}}{{ section?.totalQuestions || 0 }}\r\n            </span>\r\n            <button (click)=\"openInstructionsDialog(section)\"\r\n                *ngIf=\"!previewMode && (section?.qpsDesc?.[0]?.text || section?.mediaUrl)\"\r\n                class=\"assessment-zoom-animation assessment-button-padding assessment-text-medium-13 assessment-btn-primary-transparent\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.VIEW_INSTRUCTIONS']}}\r\n            </button>\r\n        </div>\r\n\r\n        <ng-container *ngFor=\"let sq of section.sectionQuestionsList | orderBy; let j = index\">\r\n            <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                questionId: sq.questionId,\r\n                isMandatory: questionBank[sq.questionId]?.isMandatory,\r\n                groupIndex: i,\r\n                parentOptionId: null,\r\n                questionIndex: j\r\n            }\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </form>\r\n</ng-template>\r\n\r\n<!-- video preview  -->\r\n<ng-template let-videoUrl=\"videoUrl\" #VideoTemplate>\r\n    <div class=\"assessment-border-radius-two overflow-hidden col-md-10 col-12\">\r\n        <video *ngIf=\"videoUrl?.includes('.mp4') else youtubeVideo\" width=\"400\" controls class=\"mw-100 d-block mx-auto\">\r\n            <source [src]=\"videoUrl\" type=\"video/mp4\">\r\n        </video>\r\n        <ng-template #youtubeVideo>\r\n            <div class=\"youtube-video position-relative h-100\">\r\n                <iframe [src]=\"addYoutubeIframeSrc(videoUrl)\" title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen class=\"position-absolute top-0 start-0 w-100 h-100 d-block\">\r\n                </iframe>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>", styles: ["@charset \"UTF-8\";.assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.height-without-footer{height:calc(100% - 4.4rem)!important}.z-index-1{z-index:1}.question-info{min-width:15rem;max-width:40vw}@media screen and (max-width: 768px){.question-info{max-width:75vw}}@media screen and (min-width: 768px){.assessment-marks-dropdown{width:6rem}}.youtube-video{aspect-ratio:16/9}\n"], components: [{ type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i9.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypePreferenceComponent, selector: "lib-question-type-preference", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeFileUploadComponent, selector: "lib-question-type-file-upload", inputs: ["required", "question", "labelConfig", "imageConfig"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i7.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i20.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { type: i20.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { type: i9.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }], pipes: { "orderBy": OrderByPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerComponent, decorators: [{
             type: Component,
             args: [{
@@ -1780,6 +1810,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], enableMarks: [{
                 type: Input
+            }], assessmentContext: [{
+                type: Input
             }], snackbarMessage: [{
                 type: Output
             }], submitAssessment: [{
@@ -3103,8 +3135,8 @@ class AssessmentMakerComponent {
         };
         if (!this.assessmentId) {
             // returns null or 0 as assessment is not created yet. Handle the response in consumer app
-            this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
             this.isSubmitting = false;
+            this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
             return;
         }
         this.assessmentMakerService.patchAssessmentAndQuestionPaper(payload).subscribe({
@@ -3114,8 +3146,8 @@ class AssessmentMakerComponent {
                     this.createAssessmentInstance();
                 }
                 else {
-                    this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
                     this.isSubmitting = false;
+                    this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
                 }
             },
             error: error => {
@@ -3130,8 +3162,8 @@ class AssessmentMakerComponent {
         this.assessmentMakerService.createAssessmentInstance(payload).subscribe({
             next: (res) => {
                 this.assessmentInstanceId = res;
-                this.assessmentInstanceIdChange.emit(res);
                 this.isSubmitting = false;
+                this.assessmentInstanceIdChange.emit(res);
                 // this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ASSESSMENT_PUBLISHED_SUCCESS'], type: 'success' });
             },
             error: error => {