@tekdi/sunbird-quml-player
Version:
The QuML player library components are powered by Angular. This player is primarily designed to be used on Sunbird consumption platforms (mobile app, web portal, offline desktop app) to drive reusability and maintainability, hence reducing the redundant d
32 lines • 53.9 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../icon/timer/timer.component";
import * as i3 from "../icon/content/content.component";
import * as i4 from "../icon/startpagestaricon/startpagestaricon.component";
import * as i5 from "../pipes/safe-html/safe-html.pipe";
export class StartpageComponent {
ngOnInit() {
this.minutes = Math.floor(this.time / 60);
this.seconds = this.time - this.minutes * 60 < 10 ? `0${this.time - this.minutes * 60}` : this.time - this.minutes * 60;
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StartpageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StartpageComponent, selector: "quml-startpage", inputs: { instructions: "instructions", totalNoOfQuestions: "totalNoOfQuestions", points: "points", time: "time", contentName: "contentName", showTimer: "showTimer" }, ngImport: i0, template: "<div class=\"startpage\" tabindex=\"0\">\n <div class=\"startpage__header\" [attr.aria-label]=\"'question set title '+contentName\">\n {{contentName}}\n </div>\n <div class=\"startpage__content\">\n <div class=\"startpage__metadata\">\n <div class=\"startpage__md-heading\">Questions</div>\n <div class=\"startpage__md-scores\">\n <quml-content class=\"startpage__md-icon\"></quml-content>\n <span class=\"startpage__md-desc\">{{totalNoOfQuestions}}</span>\n </div>\n </div>\n <div class=\"startpage__metadata\" *ngIf=\"showTimer && time > 0\">\n <div class=\"startpage__md-heading\">Minutes</div>\n <div class=\"startpage__md-scores\">\n <quml-timer class=\"startpage__md-icon\"></quml-timer>\n <span class=\"startpage__md-desc\">{{minutes}}:{{seconds}}</span>\n </div>\n </div>\n <div class=\"startpage__metadata\" *ngIf=\"points\">\n <div class=\"startpage__md-heading\">Points</div>\n <div class=\"startpage__md-scores\">\n <quml-startpagestaricon class=\"startpage__md-icon\">i</quml-startpagestaricon>\n <span class=\"startpage__md-desc\">{{points}}</span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"instructions\">\n <div class=\"startpage__instruction\">\n <div class=\"startpage__instr-title\">Instructions</div>\n <div [innerHTML]=\"instructions | safeHtml\" class=\"startpage__instr-desc\"></div>\n </div>\n </ng-container>\n</div>", styles: ["::ng-deep :root{--quml-scoreboard-sub-title: #6D7278;--quml-color-primary-contrast: #333;--quml-zoom-btn-txt: #eee;--quml-zoom-btn-hover: #f2f2f2}.startpage__header{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin:1rem 0;line-height:normal}.startpage__content{display:flex;border-bottom:.0625rem solid var(--quml-zoom-btn-txt);align-items:center;line-height:normal;margin-bottom:1rem;padding-bottom:1.5rem}.startpage__metadata{margin:0 4rem .5rem 0}.startpage__md-heading{color:var(--quml-scoreboard-sub-title);font-size:.75rem;line-height:normal;margin-bottom:.5rem}.startpage__md-scores,.startpage__md-icon{display:flex;align-items:center}.startpage__md-desc{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin-left:.5rem}.startpage__instr-title{color:var(--quml-scoreboard-sub-title);font-size:.75rem;font-weight:700;letter-spacing:0;line-height:18px}.startpage__instr-desc{padding:1rem 0;color:var(--quml-color-primary-contrast);font-size:.75rem;letter-spacing:0;line-height:17px}::ng-deep .startpage__instr-desc ul{list-style-type:disc}::ng-deep .startpage__instr-desc li{margin-bottom:.5rem;margin-left:.5rem}::ng-deep .startpage__instr-desc table{width:100%}::ng-deep .startpage__instr-desc th,::ng-deep .startpage__instr-desc td{border:.0625rem solid #ddd;padding:.5rem}::ng-deep .startpage__instr-desc tr:nth-child(2n){background-color:var(--quml-zoom-btn-hover)}@media only screen and (max-width: 480px){.startpage__header{margin-top:1.5rem}}\n", "::ng-deep :root{--quml-mcq-title-txt: #131415}::ng-deep .startpage__instr-desc .mcq-title,::ng-deep .quml-mcq .mcq-title,::ng-deep .quml-sa .mcq-title,::ng-deep quml-sa .mcq-title,::ng-deep quml-mcq-solutions .mcq-title{color:var(--quml-mcq-title-txt)}::ng-deep .startpage__instr-desc .fs-8,::ng-deep .startpage__instr-desc .fs-9,::ng-deep .startpage__instr-desc .fs-10,::ng-deep .startpage__instr-desc .fs-11,::ng-deep .startpage__instr-desc .fs-12,::ng-deep .startpage__instr-desc .fs-13,::ng-deep .startpage__instr-desc .fs-14,::ng-deep .startpage__instr-desc .fs-15,::ng-deep .startpage__instr-desc .fs-16,::ng-deep .startpage__instr-desc .fs-17,::ng-deep .startpage__instr-desc .fs-18,::ng-deep .startpage__instr-desc .fs-19,::ng-deep .startpage__instr-desc .fs-20,::ng-deep .startpage__instr-desc .fs-21,::ng-deep .startpage__instr-desc .fs-22,::ng-deep .startpage__instr-desc .fs-23,::ng-deep .startpage__instr-desc .fs-24,::ng-deep .startpage__instr-desc .fs-25,::ng-deep .startpage__instr-desc .fs-26,::ng-deep .startpage__instr-desc .fs-27,::ng-deep .startpage__instr-desc .fs-28,::ng-deep .startpage__instr-desc .fs-29,::ng-deep .startpage__instr-desc .fs-30,::ng-deep .startpage__instr-desc .fs-36,::ng-deep .quml-mcq .fs-8,::ng-deep .quml-mcq .fs-9,::ng-deep .quml-mcq .fs-10,::ng-deep .quml-mcq .fs-11,::ng-deep .quml-mcq .fs-12,::ng-deep .quml-mcq .fs-13,::ng-deep .quml-mcq .fs-14,::ng-deep .quml-mcq .fs-15,::ng-deep .quml-mcq .fs-16,::ng-deep .quml-mcq .fs-17,::ng-deep .quml-mcq .fs-18,::ng-deep .quml-mcq .fs-19,::ng-deep .quml-mcq .fs-20,::ng-deep .quml-mcq .fs-21,::ng-deep .quml-mcq .fs-22,::ng-deep .quml-mcq .fs-23,::ng-deep .quml-mcq .fs-24,::ng-deep .quml-mcq .fs-25,::ng-deep .quml-mcq .fs-26,::ng-deep .quml-mcq .fs-27,::ng-deep .quml-mcq .fs-28,::ng-deep .quml-mcq .fs-29,::ng-deep .quml-mcq .fs-30,::ng-deep .quml-mcq .fs-36,::ng-deep .quml-sa .fs-8,::ng-deep .quml-sa .fs-9,::ng-deep .quml-sa .fs-10,::ng-deep .quml-sa .fs-11,::ng-deep .quml-sa .fs-12,::ng-deep .quml-sa .fs-13,::ng-deep .quml-sa .fs-14,::ng-deep .quml-sa .fs-15,::ng-deep .quml-sa .fs-16,::ng-deep .quml-sa .fs-17,::ng-deep .quml-sa .fs-18,::ng-deep .quml-sa .fs-19,::ng-deep .quml-sa .fs-20,::ng-deep .quml-sa .fs-21,::ng-deep .quml-sa .fs-22,::ng-deep .quml-sa .fs-23,::ng-deep .quml-sa .fs-24,::ng-deep .quml-sa .fs-25,::ng-deep .quml-sa .fs-26,::ng-deep .quml-sa .fs-27,::ng-deep .quml-sa .fs-28,::ng-deep .quml-sa .fs-29,::ng-deep .quml-sa .fs-30,::ng-deep .quml-sa .fs-36,::ng-deep quml-sa .fs-8,::ng-deep quml-sa .fs-9,::ng-deep quml-sa .fs-10,::ng-deep quml-sa .fs-11,::ng-deep quml-sa .fs-12,::ng-deep quml-sa .fs-13,::ng-deep quml-sa .fs-14,::ng-deep quml-sa .fs-15,::ng-deep quml-sa .fs-16,::ng-deep quml-sa .fs-17,::ng-deep quml-sa .fs-18,::ng-deep quml-sa .fs-19,::ng-deep quml-sa .fs-20,::ng-deep quml-sa .fs-21,::ng-deep quml-sa .fs-22,::ng-deep quml-sa .fs-23,::ng-deep quml-sa .fs-24,::ng-deep quml-sa .fs-25,::ng-deep quml-sa .fs-26,::ng-deep quml-sa .fs-27,::ng-deep quml-sa .fs-28,::ng-deep quml-sa .fs-29,::ng-deep quml-sa .fs-30,::ng-deep quml-sa .fs-36,::ng-deep quml-mcq-solutions .fs-8,::ng-deep quml-mcq-solutions .fs-9,::ng-deep quml-mcq-solutions .fs-10,::ng-deep quml-mcq-solutions .fs-11,::ng-deep quml-mcq-solutions .fs-12,::ng-deep quml-mcq-solutions .fs-13,::ng-deep quml-mcq-solutions .fs-14,::ng-deep quml-mcq-solutions .fs-15,::ng-deep quml-mcq-solutions .fs-16,::ng-deep quml-mcq-solutions .fs-17,::ng-deep quml-mcq-solutions .fs-18,::ng-deep quml-mcq-solutions .fs-19,::ng-deep quml-mcq-solutions .fs-20,::ng-deep quml-mcq-solutions .fs-21,::ng-deep quml-mcq-solutions .fs-22,::ng-deep quml-mcq-solutions .fs-23,::ng-deep quml-mcq-solutions .fs-24,::ng-deep quml-mcq-solutions .fs-25,::ng-deep quml-mcq-solutions .fs-26,::ng-deep quml-mcq-solutions .fs-27,::ng-deep quml-mcq-solutions .fs-28,::ng-deep quml-mcq-solutions .fs-29,::ng-deep quml-mcq-solutions .fs-30,::ng-deep quml-mcq-solutions .fs-36{line-height:normal}::ng-deep .startpage__instr-desc .fs-8,::ng-deep .quml-mcq .fs-8,::ng-deep .quml-sa .fs-8,::ng-deep quml-sa .fs-8,::ng-deep quml-mcq-solutions .fs-8{font-size:.5rem}::ng-deep .startpage__instr-desc .fs-9,::ng-deep .quml-mcq .fs-9,::ng-deep .quml-sa .fs-9,::ng-deep quml-sa .fs-9,::ng-deep quml-mcq-solutions .fs-9{font-size:.563rem}::ng-deep .startpage__instr-desc .fs-10,::ng-deep .quml-mcq .fs-10,::ng-deep .quml-sa .fs-10,::ng-deep quml-sa .fs-10,::ng-deep quml-mcq-solutions .fs-10{font-size:.625rem}::ng-deep .startpage__instr-desc .fs-11,::ng-deep .quml-mcq .fs-11,::ng-deep .quml-sa .fs-11,::ng-deep quml-sa .fs-11,::ng-deep quml-mcq-solutions .fs-11{font-size:.688rem}::ng-deep .startpage__instr-desc .fs-12,::ng-deep .quml-mcq .fs-12,::ng-deep .quml-sa .fs-12,::ng-deep quml-sa .fs-12,::ng-deep quml-mcq-solutions .fs-12{font-size:.75rem}::ng-deep .startpage__instr-desc .fs-13,::ng-deep .quml-mcq .fs-13,::ng-deep .quml-sa .fs-13,::ng-deep quml-sa .fs-13,::ng-deep quml-mcq-solutions .fs-13{font-size:.813rem}::ng-deep .startpage__instr-desc .fs-14,::ng-deep .quml-mcq .fs-14,::ng-deep .quml-sa .fs-14,::ng-deep quml-sa .fs-14,::ng-deep quml-mcq-solutions .fs-14{font-size:.875rem}::ng-deep .startpage__instr-desc .fs-15,::ng-deep .quml-mcq .fs-15,::ng-deep .quml-sa .fs-15,::ng-deep quml-sa .fs-15,::ng-deep quml-mcq-solutions .fs-15{font-size:.938rem}::ng-deep .startpage__instr-desc .fs-16,::ng-deep .quml-mcq .fs-16,::ng-deep .quml-sa .fs-16,::ng-deep quml-sa .fs-16,::ng-deep quml-mcq-solutions .fs-16{font-size:1rem}::ng-deep .startpage__instr-desc .fs-17,::ng-deep .quml-mcq .fs-17,::ng-deep .quml-sa .fs-17,::ng-deep quml-sa .fs-17,::ng-deep quml-mcq-solutions .fs-17{font-size:1.063rem}::ng-deep .startpage__instr-desc .fs-18,::ng-deep .quml-mcq .fs-18,::ng-deep .quml-sa .fs-18,::ng-deep quml-sa .fs-18,::ng-deep quml-mcq-solutions .fs-18{font-size:1.125rem}::ng-deep .startpage__instr-desc .fs-19,::ng-deep .quml-mcq .fs-19,::ng-deep .quml-sa .fs-19,::ng-deep quml-sa .fs-19,::ng-deep quml-mcq-solutions .fs-19{font-size:1.188rem}::ng-deep .startpage__instr-desc .fs-20,::ng-deep .quml-mcq .fs-20,::ng-deep .quml-sa .fs-20,::ng-deep quml-sa .fs-20,::ng-deep quml-mcq-solutions .fs-20{font-size:1.25rem}::ng-deep .startpage__instr-desc .fs-21,::ng-deep .quml-mcq .fs-21,::ng-deep .quml-sa .fs-21,::ng-deep quml-sa .fs-21,::ng-deep quml-mcq-solutions .fs-21{font-size:1.313rem}::ng-deep .startpage__instr-desc .fs-22,::ng-deep .quml-mcq .fs-22,::ng-deep .quml-sa .fs-22,::ng-deep quml-sa .fs-22,::ng-deep quml-mcq-solutions .fs-22{font-size:1.375rem}::ng-deep .startpage__instr-desc .fs-23,::ng-deep .quml-mcq .fs-23,::ng-deep .quml-sa .fs-23,::ng-deep quml-sa .fs-23,::ng-deep quml-mcq-solutions .fs-23{font-size:1.438rem}::ng-deep .startpage__instr-desc .fs-24,::ng-deep .quml-mcq .fs-24,::ng-deep .quml-sa .fs-24,::ng-deep quml-sa .fs-24,::ng-deep quml-mcq-solutions .fs-24{font-size:1.5rem}::ng-deep .startpage__instr-desc .fs-25,::ng-deep .quml-mcq .fs-25,::ng-deep .quml-sa .fs-25,::ng-deep quml-sa .fs-25,::ng-deep quml-mcq-solutions .fs-25{font-size:1.563rem}::ng-deep .startpage__instr-desc .fs-26,::ng-deep .quml-mcq .fs-26,::ng-deep .quml-sa .fs-26,::ng-deep quml-sa .fs-26,::ng-deep quml-mcq-solutions .fs-26{font-size:1.625rem}::ng-deep .startpage__instr-desc .fs-27,::ng-deep .quml-mcq .fs-27,::ng-deep .quml-sa .fs-27,::ng-deep quml-sa .fs-27,::ng-deep quml-mcq-solutions .fs-27{font-size:1.688rem}::ng-deep .startpage__instr-desc .fs-28,::ng-deep .quml-mcq .fs-28,::ng-deep .quml-sa .fs-28,::ng-deep quml-sa .fs-28,::ng-deep quml-mcq-solutions .fs-28{font-size:1.75rem}::ng-deep .startpage__instr-desc .fs-29,::ng-deep .quml-mcq .fs-29,::ng-deep .quml-sa .fs-29,::ng-deep quml-sa .fs-29,::ng-deep quml-mcq-solutions .fs-29{font-size:1.813rem}::ng-deep .startpage__instr-desc .fs-30,::ng-deep .quml-mcq .fs-30,::ng-deep .quml-sa .fs-30,::ng-deep quml-sa .fs-30,::ng-deep quml-mcq-solutions .fs-30{font-size:1.875rem}::ng-deep .startpage__instr-desc .fs-36,::ng-deep .quml-mcq .fs-36,::ng-deep .quml-sa .fs-36,::ng-deep quml-sa .fs-36,::ng-deep quml-mcq-solutions .fs-36{font-size:2.25rem}::ng-deep .startpage__instr-desc .text-left,::ng-deep .quml-mcq .text-left,::ng-deep .quml-sa .text-left,::ng-deep quml-sa .text-left,::ng-deep quml-mcq-solutions .text-left{text-align:left}::ng-deep .startpage__instr-desc .text-center,::ng-deep .quml-mcq .text-center,::ng-deep .quml-sa .text-center,::ng-deep quml-sa .text-center,::ng-deep quml-mcq-solutions .text-center{text-align:center}::ng-deep .startpage__instr-desc .text-right,::ng-deep .quml-mcq .text-right,::ng-deep .quml-sa .text-right,::ng-deep quml-sa .text-right,::ng-deep quml-mcq-solutions .text-right{text-align:right}::ng-deep .startpage__instr-desc .image-style-align-right,::ng-deep .quml-mcq .image-style-align-right,::ng-deep .quml-sa .image-style-align-right,::ng-deep quml-sa .image-style-align-right,::ng-deep quml-mcq-solutions .image-style-align-right{float:right;text-align:right;margin-left:.5rem}::ng-deep .startpage__instr-desc .image-style-align-left,::ng-deep .quml-mcq .image-style-align-left,::ng-deep .quml-sa .image-style-align-left,::ng-deep quml-sa .image-style-align-left,::ng-deep quml-mcq-solutions .image-style-align-left{float:left;text-align:left;margin-right:.5rem}::ng-deep .startpage__instr-desc .image,::ng-deep .startpage__instr-desc figure.image,::ng-deep .quml-mcq .image,::ng-deep .quml-mcq figure.image,::ng-deep .quml-sa .image,::ng-deep .quml-sa figure.image,::ng-deep quml-sa .image,::ng-deep quml-sa figure.image,::ng-deep quml-mcq-solutions .image,::ng-deep quml-mcq-solutions figure.image{display:table;clear:both;text-align:center;margin:.5rem auto;position:relative}::ng-deep .startpage__instr-desc figure.image.resize-original,::ng-deep .startpage__instr-desc figure.image,::ng-deep .quml-mcq figure.image.resize-original,::ng-deep .quml-mcq figure.image,::ng-deep .quml-sa figure.image.resize-original,::ng-deep .quml-sa figure.image,::ng-deep quml-sa figure.image.resize-original,::ng-deep quml-sa figure.image,::ng-deep quml-mcq-solutions figure.image.resize-original,::ng-deep quml-mcq-solutions figure.image{width:auto;height:auto;overflow:visible}::ng-deep .startpage__instr-desc figure.image img,::ng-deep .quml-mcq figure.image img,::ng-deep .quml-sa figure.image img,::ng-deep quml-sa figure.image img,::ng-deep quml-mcq-solutions figure.image img{width:auto}::ng-deep .startpage__instr-desc figure.image.resize-original img,::ng-deep .quml-mcq figure.image.resize-original img,::ng-deep .quml-sa figure.image.resize-original img,::ng-deep quml-sa figure.image.resize-original img,::ng-deep quml-mcq-solutions figure.image.resize-original img{width:auto;height:auto}::ng-deep .startpage__instr-desc .image img,::ng-deep .quml-mcq .image img,::ng-deep .quml-sa .image img,::ng-deep quml-sa .image img,::ng-deep quml-mcq-solutions .image img{display:block;margin:0 auto;max-width:100%;min-width:50px}::ng-deep .startpage__instr-desc figure.image.resize-25,::ng-deep .quml-mcq figure.image.resize-25,::ng-deep .quml-sa figure.image.resize-25,::ng-deep quml-sa figure.image.resize-25,::ng-deep quml-mcq-solutions figure.image.resize-25{width:25%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-50,::ng-deep .quml-mcq figure.image.resize-50,::ng-deep .quml-sa figure.image.resize-50,::ng-deep quml-sa figure.image.resize-50,::ng-deep quml-mcq-solutions figure.image.resize-50{width:50%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-75,::ng-deep .quml-mcq figure.image.resize-75,::ng-deep .quml-sa figure.image.resize-75,::ng-deep quml-sa figure.image.resize-75,::ng-deep quml-mcq-solutions figure.image.resize-75{width:75%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-100,::ng-deep .quml-mcq figure.image.resize-100,::ng-deep .quml-sa figure.image.resize-100,::ng-deep quml-sa figure.image.resize-100,::ng-deep quml-mcq-solutions figure.image.resize-100{width:100%;height:auto}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-sa figure.table table,::ng-deep quml-sa figure.table table,::ng-deep quml-mcq-solutions figure.table table{border-right:.0625rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .startpage__instr-desc figure.table table tr td,::ng-deep .startpage__instr-desc figure.table table tr th,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-mcq figure.table table tr td,::ng-deep .quml-mcq figure.table table tr th,::ng-deep .quml-sa figure.table table,::ng-deep .quml-sa figure.table table tr td,::ng-deep .quml-sa figure.table table tr th,::ng-deep quml-sa figure.table table,::ng-deep quml-sa figure.table table tr td,::ng-deep quml-sa figure.table table tr th,::ng-deep quml-mcq-solutions figure.table table,::ng-deep quml-mcq-solutions figure.table table tr td,::ng-deep quml-mcq-solutions figure.table table tr th{border:.0625rem solid var(--black);border-collapse:collapse}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-sa figure.table table,::ng-deep quml-sa figure.table table,::ng-deep quml-mcq-solutions figure.table table{width:100%;background:var(--white);border:.0625rem solid var(--gray-100);box-shadow:none;border-radius:.25rem .25rem 0 0;text-align:left;color:var(--gray);border-collapse:separate;border-spacing:0;table-layout:fixed}::ng-deep .startpage__instr-desc figure.table table thead tr th,::ng-deep .quml-mcq figure.table table thead tr th,::ng-deep .quml-sa figure.table table thead tr th,::ng-deep quml-sa figure.table table thead tr th,::ng-deep quml-mcq-solutions figure.table table thead tr th{font-size:.875rem;padding:1rem;background-color:var(--primary-100);position:relative;height:2.5rem;border:0px;border-bottom:.0625rem solid var(--gray-100);border-right:.0625rem solid var(--gray-100);font-weight:700;color:var(--primary-color);text-transform:uppercase}::ng-deep .startpage__instr-desc figure.table table thead tr th:first-child,::ng-deep .quml-mcq figure.table table thead tr th:first-child,::ng-deep .quml-sa figure.table table thead tr th:first-child,::ng-deep quml-sa figure.table table thead tr th:first-child,::ng-deep quml-mcq-solutions figure.table table thead tr th:first-child{border-top-left-radius:.25rem}::ng-deep .startpage__instr-desc figure.table table thead tr th:last-child,::ng-deep .quml-mcq figure.table table thead tr th:last-child,::ng-deep .quml-sa figure.table table thead tr th:last-child,::ng-deep quml-sa figure.table table thead tr th:last-child,::ng-deep quml-mcq-solutions figure.table table thead tr th:last-child{border-top-right-radius:.25rem;border-right:0rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table tbody tr:nth-child(2n),::ng-deep .quml-mcq figure.table table tbody tr:nth-child(2n),::ng-deep .quml-sa figure.table table tbody tr:nth-child(2n),::ng-deep quml-sa figure.table table tbody tr:nth-child(2n),::ng-deep quml-mcq-solutions figure.table table tbody tr:nth-child(2n){background-color:var(--gray-0)}::ng-deep .startpage__instr-desc figure.table table tbody tr:hover,::ng-deep .quml-mcq figure.table table tbody tr:hover,::ng-deep .quml-sa figure.table table tbody tr:hover,::ng-deep quml-sa figure.table table tbody tr:hover,::ng-deep quml-mcq-solutions figure.table table tbody tr:hover{background:var(--primary-0);color:rgba(var(--rc-rgba-gray),.95);cursor:pointer}::ng-deep .startpage__instr-desc figure.table table tbody tr td,::ng-deep .quml-mcq figure.table table tbody tr td,::ng-deep .quml-sa figure.table table tbody tr td,::ng-deep quml-sa figure.table table tbody tr td,::ng-deep quml-mcq-solutions figure.table table tbody tr td{font-size:.875rem;padding:1rem;color:var(--gray);height:3.5rem;border:0px;border-bottom:.0625rem solid var(--gray-100);border-right:.0625rem solid var(--gray-100);word-break:break-word;line-height:normal}::ng-deep .startpage__instr-desc figure.table table tbody tr td:last-child,::ng-deep .quml-mcq figure.table table tbody tr td:last-child,::ng-deep .quml-sa figure.table table tbody tr td:last-child,::ng-deep quml-sa figure.table table tbody tr td:last-child,::ng-deep quml-mcq-solutions figure.table table tbody tr td:last-child{border-right:0rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table tbody tr td p,::ng-deep .quml-mcq figure.table table tbody tr td p,::ng-deep .quml-sa figure.table table tbody tr td p,::ng-deep quml-sa figure.table table tbody tr td p,::ng-deep quml-mcq-solutions figure.table table tbody tr td p{margin-bottom:0!important}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td,::ng-deep .quml-mcq figure.table table tbody tr:last-child td,::ng-deep .quml-sa figure.table table tbody tr:last-child td,::ng-deep quml-sa figure.table table tbody tr:last-child td,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td{border-bottom:none}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td:first-child,::ng-deep .quml-mcq figure.table table tbody tr:last-child td:first-child,::ng-deep .quml-sa figure.table table tbody tr:last-child td:first-child,::ng-deep quml-sa figure.table table tbody tr:last-child td:first-child,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td:first-child{border-bottom-left-radius:.25rem}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td:last-child,::ng-deep .quml-mcq figure.table table tbody tr:last-child td:last-child,::ng-deep .quml-sa figure.table table tbody tr:last-child td:last-child,::ng-deep quml-sa figure.table table tbody tr:last-child td:last-child,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td:last-child{border-bottom-right-radius:.25rem}::ng-deep .startpage__instr-desc ul,::ng-deep .startpage__instr-desc ol,::ng-deep .quml-mcq ul,::ng-deep .quml-mcq ol,::ng-deep .quml-sa ul,::ng-deep .quml-sa ol,::ng-deep quml-sa ul,::ng-deep quml-sa ol,::ng-deep quml-mcq-solutions ul,::ng-deep quml-mcq-solutions ol{margin-top:.5rem}::ng-deep .startpage__instr-desc ul li,::ng-deep .startpage__instr-desc ol li,::ng-deep .quml-mcq ul li,::ng-deep .quml-mcq ol li,::ng-deep .quml-sa ul li,::ng-deep .quml-sa ol li,::ng-deep quml-sa ul li,::ng-deep quml-sa ol li,::ng-deep quml-mcq-solutions ul li,::ng-deep quml-mcq-solutions ol li{margin:.5rem;font-weight:400;line-height:normal}::ng-deep .startpage__instr-desc ul,::ng-deep .quml-mcq ul,::ng-deep .quml-sa ul,::ng-deep quml-sa ul,::ng-deep quml-mcq-solutions ul{list-style-type:disc}::ng-deep .startpage__instr-desc h1,::ng-deep .startpage__instr-desc h2,::ng-deep .startpage__instr-desc h3,::ng-deep .startpage__instr-desc h4,::ng-deep .startpage__instr-desc h5,::ng-deep .startpage__instr-desc h6,::ng-deep .quml-mcq h1,::ng-deep .quml-mcq h2,::ng-deep .quml-mcq h3,::ng-deep .quml-mcq h4,::ng-deep .quml-mcq h5,::ng-deep .quml-mcq h6,::ng-deep .quml-sa h1,::ng-deep .quml-sa h2,::ng-deep .quml-sa h3,::ng-deep .quml-sa h4,::ng-deep .quml-sa h5,::ng-deep .quml-sa h6,::ng-deep quml-sa h1,::ng-deep quml-sa h2,::ng-deep quml-sa h3,::ng-deep quml-sa h4,::ng-deep quml-sa h5,::ng-deep quml-sa h6,::ng-deep quml-mcq-solutions h1,::ng-deep quml-mcq-solutions h2,::ng-deep quml-mcq-solutions h3,::ng-deep quml-mcq-solutions h4,::ng-deep quml-mcq-solutions h5,::ng-deep quml-mcq-solutions h6{color:var(--primary-color);line-height:normal;margin-bottom:1rem}::ng-deep .startpage__instr-desc p,::ng-deep .startpage__instr-desc span,::ng-deep .quml-mcq p,::ng-deep .quml-mcq span,::ng-deep .quml-sa p,::ng-deep .quml-sa span,::ng-deep quml-sa p,::ng-deep quml-sa span,::ng-deep quml-mcq-solutions p,::ng-deep quml-mcq-solutions span{color:var(--quml-mcq-title-txt)}::ng-deep .startpage__instr-desc p strong,::ng-deep .startpage__instr-desc p span strong,::ng-deep .quml-mcq p strong,::ng-deep .quml-mcq p span strong,::ng-deep .quml-sa p strong,::ng-deep .quml-sa p span strong,::ng-deep quml-sa p strong,::ng-deep quml-sa p span strong,::ng-deep quml-mcq-solutions p strong,::ng-deep quml-mcq-solutions p span strong{font-weight:700}::ng-deep .startpage__instr-desc p span u,::ng-deep .startpage__instr-desc p u,::ng-deep .quml-mcq p span u,::ng-deep .quml-mcq p u,::ng-deep .quml-sa p span u,::ng-deep .quml-sa p u,::ng-deep quml-sa p span u,::ng-deep quml-sa p u,::ng-deep quml-mcq-solutions p span u,::ng-deep quml-mcq-solutions p u{text-decoration:underline}::ng-deep .startpage__instr-desc p span i,::ng-deep .startpage__instr-desc p i,::ng-deep .quml-mcq p span i,::ng-deep .quml-mcq p i,::ng-deep .quml-sa p span i,::ng-deep .quml-sa p i,::ng-deep quml-sa p span i,::ng-deep quml-sa p i,::ng-deep quml-mcq-solutions p span i,::ng-deep quml-mcq-solutions p i{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TimerComponent, selector: "quml-timer" }, { kind: "component", type: i3.ContentComponent, selector: "quml-content" }, { kind: "component", type: i4.StartpagestariconComponent, selector: "quml-startpagestaricon" }, { kind: "pipe", type: i5.SafeHtmlPipe, name: "safeHtml" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StartpageComponent, decorators: [{
type: Component,
args: [{ selector: 'quml-startpage', template: "<div class=\"startpage\" tabindex=\"0\">\n <div class=\"startpage__header\" [attr.aria-label]=\"'question set title '+contentName\">\n {{contentName}}\n </div>\n <div class=\"startpage__content\">\n <div class=\"startpage__metadata\">\n <div class=\"startpage__md-heading\">Questions</div>\n <div class=\"startpage__md-scores\">\n <quml-content class=\"startpage__md-icon\"></quml-content>\n <span class=\"startpage__md-desc\">{{totalNoOfQuestions}}</span>\n </div>\n </div>\n <div class=\"startpage__metadata\" *ngIf=\"showTimer && time > 0\">\n <div class=\"startpage__md-heading\">Minutes</div>\n <div class=\"startpage__md-scores\">\n <quml-timer class=\"startpage__md-icon\"></quml-timer>\n <span class=\"startpage__md-desc\">{{minutes}}:{{seconds}}</span>\n </div>\n </div>\n <div class=\"startpage__metadata\" *ngIf=\"points\">\n <div class=\"startpage__md-heading\">Points</div>\n <div class=\"startpage__md-scores\">\n <quml-startpagestaricon class=\"startpage__md-icon\">i</quml-startpagestaricon>\n <span class=\"startpage__md-desc\">{{points}}</span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"instructions\">\n <div class=\"startpage__instruction\">\n <div class=\"startpage__instr-title\">Instructions</div>\n <div [innerHTML]=\"instructions | safeHtml\" class=\"startpage__instr-desc\"></div>\n </div>\n </ng-container>\n</div>", styles: ["::ng-deep :root{--quml-scoreboard-sub-title: #6D7278;--quml-color-primary-contrast: #333;--quml-zoom-btn-txt: #eee;--quml-zoom-btn-hover: #f2f2f2}.startpage__header{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin:1rem 0;line-height:normal}.startpage__content{display:flex;border-bottom:.0625rem solid var(--quml-zoom-btn-txt);align-items:center;line-height:normal;margin-bottom:1rem;padding-bottom:1.5rem}.startpage__metadata{margin:0 4rem .5rem 0}.startpage__md-heading{color:var(--quml-scoreboard-sub-title);font-size:.75rem;line-height:normal;margin-bottom:.5rem}.startpage__md-scores,.startpage__md-icon{display:flex;align-items:center}.startpage__md-desc{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin-left:.5rem}.startpage__instr-title{color:var(--quml-scoreboard-sub-title);font-size:.75rem;font-weight:700;letter-spacing:0;line-height:18px}.startpage__instr-desc{padding:1rem 0;color:var(--quml-color-primary-contrast);font-size:.75rem;letter-spacing:0;line-height:17px}::ng-deep .startpage__instr-desc ul{list-style-type:disc}::ng-deep .startpage__instr-desc li{margin-bottom:.5rem;margin-left:.5rem}::ng-deep .startpage__instr-desc table{width:100%}::ng-deep .startpage__instr-desc th,::ng-deep .startpage__instr-desc td{border:.0625rem solid #ddd;padding:.5rem}::ng-deep .startpage__instr-desc tr:nth-child(2n){background-color:var(--quml-zoom-btn-hover)}@media only screen and (max-width: 480px){.startpage__header{margin-top:1.5rem}}\n", "::ng-deep :root{--quml-mcq-title-txt: #131415}::ng-deep .startpage__instr-desc .mcq-title,::ng-deep .quml-mcq .mcq-title,::ng-deep .quml-sa .mcq-title,::ng-deep quml-sa .mcq-title,::ng-deep quml-mcq-solutions .mcq-title{color:var(--quml-mcq-title-txt)}::ng-deep .startpage__instr-desc .fs-8,::ng-deep .startpage__instr-desc .fs-9,::ng-deep .startpage__instr-desc .fs-10,::ng-deep .startpage__instr-desc .fs-11,::ng-deep .startpage__instr-desc .fs-12,::ng-deep .startpage__instr-desc .fs-13,::ng-deep .startpage__instr-desc .fs-14,::ng-deep .startpage__instr-desc .fs-15,::ng-deep .startpage__instr-desc .fs-16,::ng-deep .startpage__instr-desc .fs-17,::ng-deep .startpage__instr-desc .fs-18,::ng-deep .startpage__instr-desc .fs-19,::ng-deep .startpage__instr-desc .fs-20,::ng-deep .startpage__instr-desc .fs-21,::ng-deep .startpage__instr-desc .fs-22,::ng-deep .startpage__instr-desc .fs-23,::ng-deep .startpage__instr-desc .fs-24,::ng-deep .startpage__instr-desc .fs-25,::ng-deep .startpage__instr-desc .fs-26,::ng-deep .startpage__instr-desc .fs-27,::ng-deep .startpage__instr-desc .fs-28,::ng-deep .startpage__instr-desc .fs-29,::ng-deep .startpage__instr-desc .fs-30,::ng-deep .startpage__instr-desc .fs-36,::ng-deep .quml-mcq .fs-8,::ng-deep .quml-mcq .fs-9,::ng-deep .quml-mcq .fs-10,::ng-deep .quml-mcq .fs-11,::ng-deep .quml-mcq .fs-12,::ng-deep .quml-mcq .fs-13,::ng-deep .quml-mcq .fs-14,::ng-deep .quml-mcq .fs-15,::ng-deep .quml-mcq .fs-16,::ng-deep .quml-mcq .fs-17,::ng-deep .quml-mcq .fs-18,::ng-deep .quml-mcq .fs-19,::ng-deep .quml-mcq .fs-20,::ng-deep .quml-mcq .fs-21,::ng-deep .quml-mcq .fs-22,::ng-deep .quml-mcq .fs-23,::ng-deep .quml-mcq .fs-24,::ng-deep .quml-mcq .fs-25,::ng-deep .quml-mcq .fs-26,::ng-deep .quml-mcq .fs-27,::ng-deep .quml-mcq .fs-28,::ng-deep .quml-mcq .fs-29,::ng-deep .quml-mcq .fs-30,::ng-deep .quml-mcq .fs-36,::ng-deep .quml-sa .fs-8,::ng-deep .quml-sa .fs-9,::ng-deep .quml-sa .fs-10,::ng-deep .quml-sa .fs-11,::ng-deep .quml-sa .fs-12,::ng-deep .quml-sa .fs-13,::ng-deep .quml-sa .fs-14,::ng-deep .quml-sa .fs-15,::ng-deep .quml-sa .fs-16,::ng-deep .quml-sa .fs-17,::ng-deep .quml-sa .fs-18,::ng-deep .quml-sa .fs-19,::ng-deep .quml-sa .fs-20,::ng-deep .quml-sa .fs-21,::ng-deep .quml-sa .fs-22,::ng-deep .quml-sa .fs-23,::ng-deep .quml-sa .fs-24,::ng-deep .quml-sa .fs-25,::ng-deep .quml-sa .fs-26,::ng-deep .quml-sa .fs-27,::ng-deep .quml-sa .fs-28,::ng-deep .quml-sa .fs-29,::ng-deep .quml-sa .fs-30,::ng-deep .quml-sa .fs-36,::ng-deep quml-sa .fs-8,::ng-deep quml-sa .fs-9,::ng-deep quml-sa .fs-10,::ng-deep quml-sa .fs-11,::ng-deep quml-sa .fs-12,::ng-deep quml-sa .fs-13,::ng-deep quml-sa .fs-14,::ng-deep quml-sa .fs-15,::ng-deep quml-sa .fs-16,::ng-deep quml-sa .fs-17,::ng-deep quml-sa .fs-18,::ng-deep quml-sa .fs-19,::ng-deep quml-sa .fs-20,::ng-deep quml-sa .fs-21,::ng-deep quml-sa .fs-22,::ng-deep quml-sa .fs-23,::ng-deep quml-sa .fs-24,::ng-deep quml-sa .fs-25,::ng-deep quml-sa .fs-26,::ng-deep quml-sa .fs-27,::ng-deep quml-sa .fs-28,::ng-deep quml-sa .fs-29,::ng-deep quml-sa .fs-30,::ng-deep quml-sa .fs-36,::ng-deep quml-mcq-solutions .fs-8,::ng-deep quml-mcq-solutions .fs-9,::ng-deep quml-mcq-solutions .fs-10,::ng-deep quml-mcq-solutions .fs-11,::ng-deep quml-mcq-solutions .fs-12,::ng-deep quml-mcq-solutions .fs-13,::ng-deep quml-mcq-solutions .fs-14,::ng-deep quml-mcq-solutions .fs-15,::ng-deep quml-mcq-solutions .fs-16,::ng-deep quml-mcq-solutions .fs-17,::ng-deep quml-mcq-solutions .fs-18,::ng-deep quml-mcq-solutions .fs-19,::ng-deep quml-mcq-solutions .fs-20,::ng-deep quml-mcq-solutions .fs-21,::ng-deep quml-mcq-solutions .fs-22,::ng-deep quml-mcq-solutions .fs-23,::ng-deep quml-mcq-solutions .fs-24,::ng-deep quml-mcq-solutions .fs-25,::ng-deep quml-mcq-solutions .fs-26,::ng-deep quml-mcq-solutions .fs-27,::ng-deep quml-mcq-solutions .fs-28,::ng-deep quml-mcq-solutions .fs-29,::ng-deep quml-mcq-solutions .fs-30,::ng-deep quml-mcq-solutions .fs-36{line-height:normal}::ng-deep .startpage__instr-desc .fs-8,::ng-deep .quml-mcq .fs-8,::ng-deep .quml-sa .fs-8,::ng-deep quml-sa .fs-8,::ng-deep quml-mcq-solutions .fs-8{font-size:.5rem}::ng-deep .startpage__instr-desc .fs-9,::ng-deep .quml-mcq .fs-9,::ng-deep .quml-sa .fs-9,::ng-deep quml-sa .fs-9,::ng-deep quml-mcq-solutions .fs-9{font-size:.563rem}::ng-deep .startpage__instr-desc .fs-10,::ng-deep .quml-mcq .fs-10,::ng-deep .quml-sa .fs-10,::ng-deep quml-sa .fs-10,::ng-deep quml-mcq-solutions .fs-10{font-size:.625rem}::ng-deep .startpage__instr-desc .fs-11,::ng-deep .quml-mcq .fs-11,::ng-deep .quml-sa .fs-11,::ng-deep quml-sa .fs-11,::ng-deep quml-mcq-solutions .fs-11{font-size:.688rem}::ng-deep .startpage__instr-desc .fs-12,::ng-deep .quml-mcq .fs-12,::ng-deep .quml-sa .fs-12,::ng-deep quml-sa .fs-12,::ng-deep quml-mcq-solutions .fs-12{font-size:.75rem}::ng-deep .startpage__instr-desc .fs-13,::ng-deep .quml-mcq .fs-13,::ng-deep .quml-sa .fs-13,::ng-deep quml-sa .fs-13,::ng-deep quml-mcq-solutions .fs-13{font-size:.813rem}::ng-deep .startpage__instr-desc .fs-14,::ng-deep .quml-mcq .fs-14,::ng-deep .quml-sa .fs-14,::ng-deep quml-sa .fs-14,::ng-deep quml-mcq-solutions .fs-14{font-size:.875rem}::ng-deep .startpage__instr-desc .fs-15,::ng-deep .quml-mcq .fs-15,::ng-deep .quml-sa .fs-15,::ng-deep quml-sa .fs-15,::ng-deep quml-mcq-solutions .fs-15{font-size:.938rem}::ng-deep .startpage__instr-desc .fs-16,::ng-deep .quml-mcq .fs-16,::ng-deep .quml-sa .fs-16,::ng-deep quml-sa .fs-16,::ng-deep quml-mcq-solutions .fs-16{font-size:1rem}::ng-deep .startpage__instr-desc .fs-17,::ng-deep .quml-mcq .fs-17,::ng-deep .quml-sa .fs-17,::ng-deep quml-sa .fs-17,::ng-deep quml-mcq-solutions .fs-17{font-size:1.063rem}::ng-deep .startpage__instr-desc .fs-18,::ng-deep .quml-mcq .fs-18,::ng-deep .quml-sa .fs-18,::ng-deep quml-sa .fs-18,::ng-deep quml-mcq-solutions .fs-18{font-size:1.125rem}::ng-deep .startpage__instr-desc .fs-19,::ng-deep .quml-mcq .fs-19,::ng-deep .quml-sa .fs-19,::ng-deep quml-sa .fs-19,::ng-deep quml-mcq-solutions .fs-19{font-size:1.188rem}::ng-deep .startpage__instr-desc .fs-20,::ng-deep .quml-mcq .fs-20,::ng-deep .quml-sa .fs-20,::ng-deep quml-sa .fs-20,::ng-deep quml-mcq-solutions .fs-20{font-size:1.25rem}::ng-deep .startpage__instr-desc .fs-21,::ng-deep .quml-mcq .fs-21,::ng-deep .quml-sa .fs-21,::ng-deep quml-sa .fs-21,::ng-deep quml-mcq-solutions .fs-21{font-size:1.313rem}::ng-deep .startpage__instr-desc .fs-22,::ng-deep .quml-mcq .fs-22,::ng-deep .quml-sa .fs-22,::ng-deep quml-sa .fs-22,::ng-deep quml-mcq-solutions .fs-22{font-size:1.375rem}::ng-deep .startpage__instr-desc .fs-23,::ng-deep .quml-mcq .fs-23,::ng-deep .quml-sa .fs-23,::ng-deep quml-sa .fs-23,::ng-deep quml-mcq-solutions .fs-23{font-size:1.438rem}::ng-deep .startpage__instr-desc .fs-24,::ng-deep .quml-mcq .fs-24,::ng-deep .quml-sa .fs-24,::ng-deep quml-sa .fs-24,::ng-deep quml-mcq-solutions .fs-24{font-size:1.5rem}::ng-deep .startpage__instr-desc .fs-25,::ng-deep .quml-mcq .fs-25,::ng-deep .quml-sa .fs-25,::ng-deep quml-sa .fs-25,::ng-deep quml-mcq-solutions .fs-25{font-size:1.563rem}::ng-deep .startpage__instr-desc .fs-26,::ng-deep .quml-mcq .fs-26,::ng-deep .quml-sa .fs-26,::ng-deep quml-sa .fs-26,::ng-deep quml-mcq-solutions .fs-26{font-size:1.625rem}::ng-deep .startpage__instr-desc .fs-27,::ng-deep .quml-mcq .fs-27,::ng-deep .quml-sa .fs-27,::ng-deep quml-sa .fs-27,::ng-deep quml-mcq-solutions .fs-27{font-size:1.688rem}::ng-deep .startpage__instr-desc .fs-28,::ng-deep .quml-mcq .fs-28,::ng-deep .quml-sa .fs-28,::ng-deep quml-sa .fs-28,::ng-deep quml-mcq-solutions .fs-28{font-size:1.75rem}::ng-deep .startpage__instr-desc .fs-29,::ng-deep .quml-mcq .fs-29,::ng-deep .quml-sa .fs-29,::ng-deep quml-sa .fs-29,::ng-deep quml-mcq-solutions .fs-29{font-size:1.813rem}::ng-deep .startpage__instr-desc .fs-30,::ng-deep .quml-mcq .fs-30,::ng-deep .quml-sa .fs-30,::ng-deep quml-sa .fs-30,::ng-deep quml-mcq-solutions .fs-30{font-size:1.875rem}::ng-deep .startpage__instr-desc .fs-36,::ng-deep .quml-mcq .fs-36,::ng-deep .quml-sa .fs-36,::ng-deep quml-sa .fs-36,::ng-deep quml-mcq-solutions .fs-36{font-size:2.25rem}::ng-deep .startpage__instr-desc .text-left,::ng-deep .quml-mcq .text-left,::ng-deep .quml-sa .text-left,::ng-deep quml-sa .text-left,::ng-deep quml-mcq-solutions .text-left{text-align:left}::ng-deep .startpage__instr-desc .text-center,::ng-deep .quml-mcq .text-center,::ng-deep .quml-sa .text-center,::ng-deep quml-sa .text-center,::ng-deep quml-mcq-solutions .text-center{text-align:center}::ng-deep .startpage__instr-desc .text-right,::ng-deep .quml-mcq .text-right,::ng-deep .quml-sa .text-right,::ng-deep quml-sa .text-right,::ng-deep quml-mcq-solutions .text-right{text-align:right}::ng-deep .startpage__instr-desc .image-style-align-right,::ng-deep .quml-mcq .image-style-align-right,::ng-deep .quml-sa .image-style-align-right,::ng-deep quml-sa .image-style-align-right,::ng-deep quml-mcq-solutions .image-style-align-right{float:right;text-align:right;margin-left:.5rem}::ng-deep .startpage__instr-desc .image-style-align-left,::ng-deep .quml-mcq .image-style-align-left,::ng-deep .quml-sa .image-style-align-left,::ng-deep quml-sa .image-style-align-left,::ng-deep quml-mcq-solutions .image-style-align-left{float:left;text-align:left;margin-right:.5rem}::ng-deep .startpage__instr-desc .image,::ng-deep .startpage__instr-desc figure.image,::ng-deep .quml-mcq .image,::ng-deep .quml-mcq figure.image,::ng-deep .quml-sa .image,::ng-deep .quml-sa figure.image,::ng-deep quml-sa .image,::ng-deep quml-sa figure.image,::ng-deep quml-mcq-solutions .image,::ng-deep quml-mcq-solutions figure.image{display:table;clear:both;text-align:center;margin:.5rem auto;position:relative}::ng-deep .startpage__instr-desc figure.image.resize-original,::ng-deep .startpage__instr-desc figure.image,::ng-deep .quml-mcq figure.image.resize-original,::ng-deep .quml-mcq figure.image,::ng-deep .quml-sa figure.image.resize-original,::ng-deep .quml-sa figure.image,::ng-deep quml-sa figure.image.resize-original,::ng-deep quml-sa figure.image,::ng-deep quml-mcq-solutions figure.image.resize-original,::ng-deep quml-mcq-solutions figure.image{width:auto;height:auto;overflow:visible}::ng-deep .startpage__instr-desc figure.image img,::ng-deep .quml-mcq figure.image img,::ng-deep .quml-sa figure.image img,::ng-deep quml-sa figure.image img,::ng-deep quml-mcq-solutions figure.image img{width:auto}::ng-deep .startpage__instr-desc figure.image.resize-original img,::ng-deep .quml-mcq figure.image.resize-original img,::ng-deep .quml-sa figure.image.resize-original img,::ng-deep quml-sa figure.image.resize-original img,::ng-deep quml-mcq-solutions figure.image.resize-original img{width:auto;height:auto}::ng-deep .startpage__instr-desc .image img,::ng-deep .quml-mcq .image img,::ng-deep .quml-sa .image img,::ng-deep quml-sa .image img,::ng-deep quml-mcq-solutions .image img{display:block;margin:0 auto;max-width:100%;min-width:50px}::ng-deep .startpage__instr-desc figure.image.resize-25,::ng-deep .quml-mcq figure.image.resize-25,::ng-deep .quml-sa figure.image.resize-25,::ng-deep quml-sa figure.image.resize-25,::ng-deep quml-mcq-solutions figure.image.resize-25{width:25%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-50,::ng-deep .quml-mcq figure.image.resize-50,::ng-deep .quml-sa figure.image.resize-50,::ng-deep quml-sa figure.image.resize-50,::ng-deep quml-mcq-solutions figure.image.resize-50{width:50%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-75,::ng-deep .quml-mcq figure.image.resize-75,::ng-deep .quml-sa figure.image.resize-75,::ng-deep quml-sa figure.image.resize-75,::ng-deep quml-mcq-solutions figure.image.resize-75{width:75%;height:auto}::ng-deep .startpage__instr-desc figure.image.resize-100,::ng-deep .quml-mcq figure.image.resize-100,::ng-deep .quml-sa figure.image.resize-100,::ng-deep quml-sa figure.image.resize-100,::ng-deep quml-mcq-solutions figure.image.resize-100{width:100%;height:auto}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-sa figure.table table,::ng-deep quml-sa figure.table table,::ng-deep quml-mcq-solutions figure.table table{border-right:.0625rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .startpage__instr-desc figure.table table tr td,::ng-deep .startpage__instr-desc figure.table table tr th,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-mcq figure.table table tr td,::ng-deep .quml-mcq figure.table table tr th,::ng-deep .quml-sa figure.table table,::ng-deep .quml-sa figure.table table tr td,::ng-deep .quml-sa figure.table table tr th,::ng-deep quml-sa figure.table table,::ng-deep quml-sa figure.table table tr td,::ng-deep quml-sa figure.table table tr th,::ng-deep quml-mcq-solutions figure.table table,::ng-deep quml-mcq-solutions figure.table table tr td,::ng-deep quml-mcq-solutions figure.table table tr th{border:.0625rem solid var(--black);border-collapse:collapse}::ng-deep .startpage__instr-desc figure.table table,::ng-deep .quml-mcq figure.table table,::ng-deep .quml-sa figure.table table,::ng-deep quml-sa figure.table table,::ng-deep quml-mcq-solutions figure.table table{width:100%;background:var(--white);border:.0625rem solid var(--gray-100);box-shadow:none;border-radius:.25rem .25rem 0 0;text-align:left;color:var(--gray);border-collapse:separate;border-spacing:0;table-layout:fixed}::ng-deep .startpage__instr-desc figure.table table thead tr th,::ng-deep .quml-mcq figure.table table thead tr th,::ng-deep .quml-sa figure.table table thead tr th,::ng-deep quml-sa figure.table table thead tr th,::ng-deep quml-mcq-solutions figure.table table thead tr th{font-size:.875rem;padding:1rem;background-color:var(--primary-100);position:relative;height:2.5rem;border:0px;border-bottom:.0625rem solid var(--gray-100);border-right:.0625rem solid var(--gray-100);font-weight:700;color:var(--primary-color);text-transform:uppercase}::ng-deep .startpage__instr-desc figure.table table thead tr th:first-child,::ng-deep .quml-mcq figure.table table thead tr th:first-child,::ng-deep .quml-sa figure.table table thead tr th:first-child,::ng-deep quml-sa figure.table table thead tr th:first-child,::ng-deep quml-mcq-solutions figure.table table thead tr th:first-child{border-top-left-radius:.25rem}::ng-deep .startpage__instr-desc figure.table table thead tr th:last-child,::ng-deep .quml-mcq figure.table table thead tr th:last-child,::ng-deep .quml-sa figure.table table thead tr th:last-child,::ng-deep quml-sa figure.table table thead tr th:last-child,::ng-deep quml-mcq-solutions figure.table table thead tr th:last-child{border-top-right-radius:.25rem;border-right:0rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table tbody tr:nth-child(2n),::ng-deep .quml-mcq figure.table table tbody tr:nth-child(2n),::ng-deep .quml-sa figure.table table tbody tr:nth-child(2n),::ng-deep quml-sa figure.table table tbody tr:nth-child(2n),::ng-deep quml-mcq-solutions figure.table table tbody tr:nth-child(2n){background-color:var(--gray-0)}::ng-deep .startpage__instr-desc figure.table table tbody tr:hover,::ng-deep .quml-mcq figure.table table tbody tr:hover,::ng-deep .quml-sa figure.table table tbody tr:hover,::ng-deep quml-sa figure.table table tbody tr:hover,::ng-deep quml-mcq-solutions figure.table table tbody tr:hover{background:var(--primary-0);color:rgba(var(--rc-rgba-gray),.95);cursor:pointer}::ng-deep .startpage__instr-desc figure.table table tbody tr td,::ng-deep .quml-mcq figure.table table tbody tr td,::ng-deep .quml-sa figure.table table tbody tr td,::ng-deep quml-sa figure.table table tbody tr td,::ng-deep quml-mcq-solutions figure.table table tbody tr td{font-size:.875rem;padding:1rem;color:var(--gray);height:3.5rem;border:0px;border-bottom:.0625rem solid var(--gray-100);border-right:.0625rem solid var(--gray-100);word-break:break-word;line-height:normal}::ng-deep .startpage__instr-desc figure.table table tbody tr td:last-child,::ng-deep .quml-mcq figure.table table tbody tr td:last-child,::ng-deep .quml-sa figure.table table tbody tr td:last-child,::ng-deep quml-sa figure.table table tbody tr td:last-child,::ng-deep quml-mcq-solutions figure.table table tbody tr td:last-child{border-right:0rem solid var(--gray-100)}::ng-deep .startpage__instr-desc figure.table table tbody tr td p,::ng-deep .quml-mcq figure.table table tbody tr td p,::ng-deep .quml-sa figure.table table tbody tr td p,::ng-deep quml-sa figure.table table tbody tr td p,::ng-deep quml-mcq-solutions figure.table table tbody tr td p{margin-bottom:0!important}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td,::ng-deep .quml-mcq figure.table table tbody tr:last-child td,::ng-deep .quml-sa figure.table table tbody tr:last-child td,::ng-deep quml-sa figure.table table tbody tr:last-child td,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td{border-bottom:none}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td:first-child,::ng-deep .quml-mcq figure.table table tbody tr:last-child td:first-child,::ng-deep .quml-sa figure.table table tbody tr:last-child td:first-child,::ng-deep quml-sa figure.table table tbody tr:last-child td:first-child,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td:first-child{border-bottom-left-radius:.25rem}::ng-deep .startpage__instr-desc figure.table table tbody tr:last-child td:last-child,::ng-deep .quml-mcq figure.table table tbody tr:last-child td:last-child,::ng-deep .quml-sa figure.table table tbody tr:last-child td:last-child,::ng-deep quml-sa figure.table table tbody tr:last-child td:last-child,::ng-deep quml-mcq-solutions figure.table table tbody tr:last-child td:last-child{border-bottom-right-radius:.25rem}::ng-deep .startpage__instr-desc ul,::ng-deep .startpage__instr-desc ol,::ng-deep .quml-mcq ul,::ng-deep .quml-mcq ol,::ng-deep .quml-sa ul,::ng-deep .quml-sa ol,::ng-deep quml-sa ul,::ng-deep quml-sa ol,::ng-deep quml-mcq-solutions ul,::ng-deep quml-mcq-solutions ol{margin-top:.5rem}::ng-deep .startpage__instr-desc ul li,::ng-deep .startpage__instr-desc ol li,::ng-deep .quml-mcq ul li,::ng-deep .quml-mcq ol li,::ng-deep .quml-sa ul li,::ng-deep .quml-sa ol li,::ng-deep quml-sa ul li,::ng-deep quml-sa ol li,::ng-deep quml-mcq-solutions ul li,::ng-deep quml-mcq-solutions ol li{margin:.5rem;font-weight:400;line-height:normal}::ng-deep .startpage__instr-desc ul,::ng-deep .quml-mcq ul,::ng-deep .quml-sa ul,::ng-deep quml-sa ul,::ng-deep quml-mcq-solutions ul{list-style-type:disc}::ng-deep .startpage__instr-desc h1,::ng-deep .startpage__instr-desc h2,::ng-deep .startpage__instr-desc h3,::ng-deep .startpage__instr-desc h4,::ng-deep .startpage__instr-desc h5,::ng-deep .startpage__instr-desc h6,::ng-deep .quml-mcq h1,::ng-deep .quml-mcq h2,::ng-deep .quml-mcq h3,::ng-deep .quml-mcq h4,::ng-deep .quml-mcq h5,::ng-deep .quml-mcq h6,::ng-deep .quml-sa h1,::ng-deep .quml-sa h2,::ng-deep .quml-sa h3,::ng-deep .quml-sa h4,::ng-deep .quml-sa h5,::ng-deep .quml-sa h6,::ng-deep quml-sa h1,::ng-deep quml-sa h2,::ng-deep quml-sa h3,::ng-deep quml-sa h4,::ng-deep quml-sa h5,::ng-deep quml-sa h6,::ng-deep quml-mcq-solutions h1,::ng-deep quml-mcq-solutions h2,::ng-deep quml-mcq-solutions h3,::ng-deep quml-mcq-solutions h4,::ng-deep quml-mcq-solutions h5,::ng-deep quml-mcq-solutions h6{color:var(--primary-color);line-height:normal;margin-bottom:1rem}::ng-deep .startpage__instr-desc p,::ng-deep .startpage__instr-desc span,::ng-deep .quml-mcq p,::ng-deep .quml-mcq span,::ng-deep .quml-sa p,::ng-deep .quml-sa span,::ng-deep quml-sa p,::ng-deep quml-sa span,::ng-deep quml-mcq-solutions p,::ng-deep quml-mcq-solutions span{color:var(--quml-mcq-title-txt)}::ng-deep .startpage__instr-desc p strong,::ng-deep .startpage__instr-desc p span strong,::ng-deep .quml-mcq p strong,::ng-deep .quml-mcq p span strong,::ng-deep .quml-sa p strong,::ng-deep .quml-sa p span strong,::ng-deep quml-sa p strong,::ng-deep quml-sa p span strong,::ng-deep quml-mcq-solutions p strong,::ng-deep quml-mcq-solutions p span strong{font-weight:700}::ng-deep .startpage__instr-desc p span u,::ng-deep .startpage__instr-desc p u,::ng-deep .quml-mcq p span u,::ng-deep .quml-mcq p u,::ng-deep .quml-sa p span u,::ng-deep .quml-sa p u,::ng-deep quml-sa p span u,::ng-deep quml-sa p u,::ng-deep quml-mcq-solutions p span u,::ng-deep quml-mcq-solutions p u{text-decoration:underline}::ng-deep .startpage__instr-desc p span i,::ng-deep .startpage__instr-desc p i,::ng-deep .quml-mcq p span i,::ng-deep .quml-mcq p i,::ng-deep .quml-sa p span i,::ng-deep .quml-sa p i,::ng-deep quml-sa p span i,::ng-deep quml-sa p i,::ng-deep quml-mcq-solutions p span i,::ng-deep quml-mcq-solutions p i{font-style:italic}\n"] }]
}], propDecorators: { instructions: [{
type: Input
}], totalNoOfQuestions: [{
type: Input
}], points: [{
type: Input
}], time: [{
type: Input
}], contentName: [{
type: Input
}], showTimer: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhcnRwYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL3N0YXJ0cGFnZS9zdGFydHBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcXVtbC1saWJyYXJ5L3NyYy9saWIvc3RhcnRwYWdlL3N0YXJ0cGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQU96RCxNQUFNLE9BQU8sa0JBQWtCO0lBVzdCLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLEdBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLEVBQUUsQ0FBRSxDQUFDLENBQUUsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUM3SCxDQUFDO2tJQWRVLGtCQUFrQjtzSEFBbEIsa0JBQWtCLDhOQ1AvQiwwOENBaUNNOzs0RkQxQk8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjs4QkFNakIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncXVtbC1zdGFydHBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhcnRwYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhcnRwYWdlLmNvbXBvbmVudC5zY3NzJywgJy4vc2ItY2tlZGl0b3Itc3R5bGVzLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdGFydHBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGluc3RydWN0aW9uczogYW55O1xuICBASW5wdXQoKSB0b3RhbE5vT2ZRdWVzdGlvbnM6IG51bWJlcjtcbiAgQElucHV0KCkgcG9pbnRzOiBudW1iZXI7XG4gIEBJbnB1dCgpIHRpbWU6IG51bWJlcjtcbiAgQElucHV0KCkgY29udGVudE5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgc2hvd1RpbWVyOiBib29sZWFuO1xuICBtaW51dGVzOiBudW1iZXI7XG4gIHNlY29uZHM6IHN0cmluZyB8IG51bWJlcjtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm1pbnV0ZXMgPSBNYXRoLmZsb29yKHRoaXMudGltZSAvIDYwKTtcbiAgICB0aGlzLnNlY29uZHMgPSB0aGlzLnRpbWUgLSB0aGlzLm1pbnV0ZXMgKiA2MCA8ICAxMCA/IGAwJHt0aGlzLnRpbWUgLSB0aGlzLm1pbnV0ZXMgKiA2MH1gICA6ICB0aGlzLnRpbWUgLSB0aGlzLm1pbnV0ZXMgKiA2MDtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic3RhcnRwYWdlXCIgdGFiaW5kZXg9XCIwXCI+XG4gIDxkaXYgY2xhc3M9XCJzdGFydHBhZ2VfX2hlYWRlclwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ3F1ZXN0aW9uIHNldCB0aXRsZSAnK2NvbnRlbnROYW1lXCI+XG4gICAge3tjb250ZW50TmFtZX19XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInN0YXJ0cGFnZV9fbWV0YWRhdGFcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGFydHBhZ2VfX21kLWhlYWRpbmdcIj5RdWVzdGlvbnM8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGFydHBhZ2VfX21kLXNjb3Jlc1wiPlxuICAgICAgICA8cXVtbC1jb250ZW50IGNsYXNzPVwic3RhcnRwYWdlX19tZC1pY29uXCI+PC9xdW1sLWNvbnRlbnQ+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3RhcnRwYWdlX19tZC1kZXNjXCI+e3t0b3RhbE5vT2ZRdWVzdGlvbnN9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzdGFydHBhZ2VfX21ldGFkYXRhXCIgKm5nSWY9XCJzaG93VGltZXIgJiYgdGltZSA+IDBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGFydHBhZ2VfX21kLWhlYWRpbmdcIj5NaW51dGVzPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19tZC1zY29yZXNcIj5cbiAgICAgICAgPHF1bWwtdGltZXIgY2xhc3M9XCJzdGFydHBhZ2VfX21kLWljb25cIj48L3F1bWwtdGltZXI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3RhcnRwYWdlX19tZC1kZXNjXCI+e3ttaW51dGVzfX06e3tzZWNvbmRzfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19tZXRhZGF0YVwiICpuZ0lmPVwicG9pbnRzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19tZC1oZWFkaW5nXCI+UG9pbnRzPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19tZC1zY29yZXNcIj5cbiAgICAgICAgPHF1bWwtc3RhcnRwYWdlc3Rhcmljb24gY2xhc3M9XCJzdGFydHBhZ2VfX21kLWljb25cIj5pPC9xdW1sLXN0YXJ0cGFnZXN0YXJpY29uPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXJ0cGFnZV9fbWQtZGVzY1wiPnt7cG9pbnRzfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnN0cnVjdGlvbnNcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RhcnRwYWdlX19pbnN0cnVjdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0YXJ0cGFnZV9faW5zdHItdGl0bGVcIj5JbnN0cnVjdGlvbnM8L2Rpdj5cbiAgICAgIDxkaXYgW2lubmVySFRNTF09XCJpbnN0cnVjdGlvbnMgfCBzYWZlSHRtbFwiIGNsYXNzPVwic3RhcnRwYWdlX19pbnN0ci1kZXNjXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19