{"__symbolic":"module","version":4,"metadata":{"CollectionEditorLibraryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":59,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"EditorComponent"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":73,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":73,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":73,"character":39},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":73,"character":60},"member":"forChild"},"arguments":[[]]},{"__symbolic":"reference","module":"ng2-semantic-ui-v9","name":"SuiModule","line":73,"character":87},{"__symbolic":"reference","module":"common-form-elements-web-v9","name":"CommonFormElementsModule","line":74,"character":2},{"__symbolic":"reference","module":"ngx-infinite-scroll","name":"InfiniteScrollModule","line":74,"character":28},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":74,"character":50},{"__symbolic":"reference","module":"@project-sunbird/sunbird-pdf-player-v9","name":"SunbirdPdfPlayerModule","line":74,"character":68},{"__symbolic":"reference","module":"@project-sunbird/sunbird-video-player-v9","name":"SunbirdVideoPlayerModule","line":74,"character":92},{"__symbolic":"reference","module":"@project-sunbird/sunbird-quml-player-v9","name":"QumlLibraryModule","line":75,"character":2},{"__symbolic":"reference","module":"ngx-bootstrap/carousel","name":"CarouselModule","line":75,"character":21},{"__symbolic":"reference","module":"@project-sunbird/sunbird-epub-player-v9","name":"SunbirdEpubPlayerModule","line":75,"character":37},{"__symbolic":"reference","module":"@project-sunbird/sunbird-resource-library","name":"ResourceLibraryModule","line":75,"character":62},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":75,"character":85}],"providers":[{"__symbolic":"reference","module":"ng2-cache-service","name":"CacheService","line":77,"character":4},{"provide":{"__symbolic":"reference","module":"ng2-cache-service/dist/src/services/storage/cache-storage-abstract.service","name":"CacheStorageAbstract","line":78,"character":15},"useClass":{"__symbolic":"reference","module":"ng2-cache-service/dist/src/services/storage/session-storage/cache-session-storage.service","name":"CacheSessionStorage","line":78,"character":47}},{"provide":{"__symbolic":"reference","module":"common-form-elements-web-v9","name":"DialcodeCursor","line":79,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵo"}}],"exports":[{"__symbolic":"reference","name":"EditorComponent"}]}]}],"members":{}},"EditorCursor":{"__symbolic":"class","members":{"setQuestionMap":[{"__symbolic":"method"}],"clearQuestionMap":[{"__symbolic":"method"}]}},"EditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"lib-editor","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"<ng-container [ngSwitch]=\"pageId\">\n  <ng-container *ngSwitchCase=\"'collection_editor'\">\n    <div class=\"add-to-library mb-10\">\n      <lib-header [pageId]=\"pageId\" [publishchecklist]=\"publishchecklist\"\n      [labelConfigData]=\"toolbarConfig\" [buttonLoaders]=\"buttonLoaders\" (toolbarEmitter)=\"toolbarEventListener($event)\" (bulkUploadEmitter)= \"hanndleCsvEmitter($event)\"> </lib-header>\n      <div class=\"h-100vh sb-bg-white\">\n        <div class=\"ui\">\n          <div class=\"ui twelve column grid m-0 \">\n            <!-- Left Sidebar for cards -->\n            <div class=\"p-50 sb-folder-menu\" *ngIf=\"isObjectTypeCollection\">\n            <div>  {{configService.labelConfig?.lbl?.folders}} </div>\n              <a class=\"profile-avtar computer only p-0 pr-10\" tabindex=\"0\">\n              <div suiDropdown class=\"ui dropdown right top pointing z-index-9\"  id=\"dropdown-menu-list-header\">\n                  <i class=\"icon ellipsis vertical h-1\" aria-hidden=\"true\"  [ngClass]=\"{'sb-disable-icon': isStatusReviewMode}\" (click)=\"onClickFolder()\"></i>\n                  <div class=\"menu\" suiDropdownMenu *ngIf=\"!isStatusReviewMode\">\n                    <button type=\"button\" class=\"item fs-0-785 bg-none\"\n                    libTelemetryInteract\n                    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('open_popup','click',configService.labelConfig?.lbl?.createHierarchyCsv,\n                     this.telemetryService.telemetryPageId,{key: 'dialog_id', value: configService.labelConfig?.lbl?.createHierarchyCsv})\"\n                    (click)=\"hanndleCsvEmitter({type: 'createCsv'})\" [disabled]=\"csvDropDownOptions.isDisableCreateCsv\">\n                       <i class=\"icon folder outline sb-color-primary\" [ngClass]=\"{'sb-disable-icon': csvDropDownOptions.isDisableCreateCsv}\"  aria-hidden=\"true\"></i>\n                      <span class=\"text\" [ngClass]=\"{'label-disable': csvDropDownOptions.isDisableCreateCsv}\">{{configService.labelConfig?.lbl?.createHierarchyCsv}}</span>\n                  </button>\n                  <div class=\"ui divider\"></div>\n                  <button  libTelemetryInteract\n                  [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('csv_download','click',configService.labelConfig?.lbl?.downloadFoldersInCSV,\n                   this.telemetryService.telemetryPageId,{key: 'identifier', value: collectionId})\"\n                  type=\"button\" class=\"item fs-0-785 bg-none\" (click)=\"hanndleCsvEmitter({type: 'downloadCsv'})\" [disabled]=\"csvDropDownOptions.isDisableDownloadCsv\">\n                      <i class=\"icon download sb-color-primary\" [ngClass]=\"{'sb-disable-icon': csvDropDownOptions.isDisableDownloadCsv}\" aria-hidden=\"true\"></i>\n                    <span class=\"text\" [ngClass]=\"{'label-disable': csvDropDownOptions.isDisableDownloadCsv}\" >\n                       {{configService.labelConfig?.lbl?.downloadFoldersInCSV}}</span>\n                  </button>\n                  <div class=\"ui divider\">\n                  </div>\n                  <button\n                  libTelemetryInteract\n                  [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('open_popup','click',configService.labelConfig?.lbl?.uploadUpdateCSV,\n                   this.telemetryService.telemetryPageId,{key: 'dialog_id', value: configService.labelConfig?.lbl?.uploadUpdateCSV})\"\n                  type=\"button\" class=\"item fs-0-785 bg-none\" (click)=\"hanndleCsvEmitter({type: 'updateCsv'})\" [disabled]=\"csvDropDownOptions.isDisableUpdateCsv\">\n                      <i class=\"icon upload sb-color-primary\" aria-hidden=\"true\" [ngClass]=\"{'label-disable': csvDropDownOptions.isDisableUpdateCsv}\"></i>\n                    <span class=\"text\" [ngClass]=\"{'label-disable': csvDropDownOptions.isDisableUpdateCsv}\" >\n                      {{configService.labelConfig?.lbl?.uploadUpdateCSV}}\n                      </span>\n                  </button>\n                  </div>\n              </div>\n              </a>\n            </div>\n            <div class=\"three wide column p-0 overflow-y  mb-40 h-100vh\" [ngClass]=\"{'mt-50': isObjectTypeCollection}\">\n              <lib-fancy-tree  *ngIf=\"collectionTreeNodes && collectionTreeNodes.data && ishierarchyConfigSet\"\n              [nodes]=\"collectionTreeNodes\" [options]=\"{ showConnectors: true }\" [buttonLoaders]=\"buttonLoaders\"\n              (treeEventEmitter)=\"treeEventListener($event)\" class=\"sb-collectionTree-fancyTree sb-collectionTree-fancyTreelist sb-questionset-scroll\">\n              </lib-fancy-tree>\n            </div>\n            <!-- Right Player Sections -->\n            <div class=\"eight wide column bg-white pl-40 mb-10 w-73\">\n              <ng-container *ngIf=\"(isCurrentNodeFolder === true || isCurrentNodeRoot === true) && unitFormConfig && selectedNodeData && rootFormConfig\">\n                <lib-meta-form [rootFormConfig]=\"rootFormConfig\" [nodeMetadata]=\"selectedNodeData\" [unitFormConfig]=\"unitFormConfig\"\n                (toolbarEmitter)=\"toolbarEventListener($event)\"></lib-meta-form>\n              </ng-container>\n              <ng-container *ngIf=\"isCurrentNodeFolder === false && isCurrentNodeRoot !== true\">\n                  <lib-contentplayer-page *ngIf=\"!isQumlPlayer\"  [contentMetadata]=\"selectedNodeData\" ></lib-contentplayer-page>\n                  <lib-qumlplayer-page *ngIf=\"isQumlPlayer\" [questionMetaData]=\"selectedNodeData\" [questionSetHierarchy]=\"collectionTreeNodes?.data\"\n                      (toolbarEmitter)=\"toolbarEventListener($event)\">\n                    </lib-qumlplayer-page>\n                  <div *ngIf=\"relationFormConfig\" class=\"p-2\">\n                    <hr>\n                    <lib-relational-metadata [contentMetadata]=\"selectedNodeData\" [formConfig]=\"relationFormConfig\" (statusChanges)=\"onFormStatusChange($event)\"></lib-relational-metadata>\n                  </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <sui-modal *ngIf=\"showDeleteConfirmationPopUp\" [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\"\n        [size]=\"'normal'\" class=\"sb-modal bx-none overflow-modal\" appBodyScroll\n        (dismissed)=\"showDeleteConfirmationPopUp = !showDeleteConfirmationPopUp\" #modal>\n        <div class=\"sb-modal-header\">\n          {{configService.labelConfig?.lbl?.confirmDeleteContent}}\n        </div>\n        <div class=\"sb-modal-content\">\n            <!-- <div class=\"sb-publish-content\">\n              <div class=\"review-modal-list\">\n                {{ contentComment }}\n            </div> -->\n            <div> {{deleteConfirmMessage}}</div>\n        </div>\n        <div class=\"sb-modal-actions\">\n          <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary mr-8\" (click)=\"showDeleteConfirmationPopUp = !showDeleteConfirmationPopUp\"\n          libTelemetryInteract\n          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('no','click','cancel', this.telemetryService.telemetryPageId,{key: 'dialog_id', value: 'confirm_delete_content','identifier' : selectedNodeData?.data?.id})\"> {{configService.labelConfig?.button_labels?.no_btn_label}} </button>\n          <button type=\"button\" class=\"sb-btn sb-btn-secondary sb-btn-normal \" (click)=\"deleteNode();\"\n          libTelemetryInteract\n          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('yes','click','submit', this.telemetryService.telemetryPageId,{key: 'dialog_id', value: 'confirm_delete_content','identifier' : selectedNodeData?.data?.id})\"> {{configService.labelConfig?.button_labels?.yes_btn_label}} </button>\n        </div>\n      </sui-modal>\n      <sui-modal *ngIf='showConfirmPopup' [mustScroll]=\"false\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n          class=\"sb-modal overflow-modal\" appBodyScroll (dismissed)=\"showConfirmPopup = !showConfirmPopup; terms = false;\" #modal>\n          <div class=\"sb-modal-header\">\n            {{configService.labelConfig?.lbl?.acceptTerms}}\n          </div>\n          <div class=\"sb-modal-content\">\n            <div class=\"ui grid\">\n              <div class=\"twelve wide column sb-checkbox-tnc mt-10\">\n                <div class=\"sb-checkbox sb-checkbox-primary font-italic p-0 m-0\"><input [(ngModel)]=\"terms\" id=\"termAndConditions\"\n                    name=\"example\" type=\"checkbox\">\n                  <label for=\"termAndConditions\" class=\"fsmall pl-32\">\n                    <div class=\"d-flex flex-ai-center\">\n                      <span class=\"sb-required\">*</span><span\n                        class=\"font-weight-bold mb-4 d-block\">\"{{configService.labelConfig?.lbl?.iAgreeSubmit}}</span>\n                    </div>\n                    <div class=\"sb-color-gray-300\">{{configService.labelConfig?.lbl?.iconfirmContent}}<a\n                        class=\"sb-color-primary font-weight-bold cursor-pointer\" href=\"https://creativecommons.org/licenses\" target=\"_blank\" > {{configService.labelConfig?.lbl?.createCommonFramework}}</a>\n                        {{configService.labelConfig?.lbl?.accordance}}\n                     <a class=\"sb-color-primary font-weight-bold cursor-pointer\" href=\"{{contentPolicyUrl}}\" target=\"_blank\" >{{configService.labelConfig?.lbl?.contentPolicy}}</a> {{configService.labelConfig?.lbl?.privacyRights}}\"</div>\n                  </label>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"sb-modal-actions\">\n            <button type=\"button\" class=\"sb-btn sb-btn-normal\" [ngClass]=\"!terms ? 'sb-btn-disabled' : 'sb-btn-primary'\" [disabled]=\"!terms\"\n              (click)=\"sendForReview()\" libTelemetryInteract\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('submit','click','submit', this.telemetryService.telemetryPageId,{key: 'dialog_id', value: 'accepting_terms_conditions','termAndConditions' : terms})\">\n              {{configService.labelConfig?.button_labels?.submit_btn_label}}\n            </button>\n          </div>\n      </sui-modal>\n      <sui-modal *ngIf='showPreview' [mustScroll]=\"false\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'large'\"\n          class=\"sb-modal overflow-modal preview-modal\" appBodyScroll (dismissed)=\"showPreview = !showPreview;\" #modal>\n          <div class=\"sb-modal-header\">\n            {{configService.labelConfig?.lbl?.questionSetPreview}}\n          </div>\n          <div class=\"sb-modal-content\">\n            <div class=\"br-2 b-1-100\" id=\"previewPlayerContainer\" tabindex=\"0\" cdkTrapFocus>\n              <lib-quml-player [questionSetHierarchy]=\"collectionTreeNodes?.data\"></lib-quml-player>\n            </div>\n          </div>\n      </sui-modal>\n      <lib-template *ngIf='showQuestionTemplatePopup' [templateList]=\"templateList\"\n      (templateSelection)=\"handleTemplateSelection($event)\">\n      </lib-template>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'question_library'\">\n    <lib-library [libraryInput]=\"questionlibraryInput\" (libraryEmitter)=\"onQuestionLibraryChange($event)\"></lib-library>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'library'\">\n    <lib-content-library [libraryInput]=\"libraryComponentInput\" (libraryEmitter)=\"libraryEventListener($event)\">\n    </lib-content-library>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'question'\">\n    <lib-question *ngIf=\"leafFormConfig\" [questionInput]=\"questionComponentInput\" [leafFormConfig]=\"leafFormConfig\" [sourcingSettings]=\"sourcingSettings\"  (questionEmitter)=\"questionEventListener($event)\" >\n    </lib-question>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'pagination'\">\n    <lib-assign-page-number (assignPageEmitter)=\"assignPageEmitterListener($event)\"></lib-assign-page-number>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"addCollaborator\">\n  <lib-manage-collaborator [addCollaborator]=\"addCollaborator\" [collectionId]=\"collectionId\" (modalDismissEmitter)=\"toggleCollaboratorModalPoup()\"></lib-manage-collaborator>\n</ng-container>\n<sui-modal *ngIf=\"showReviewModal\" [mustScroll]=\"true\" [isClosable]=\"false\" [transitionDuration]=\"0\"\n  [size]=\"'normal'\" class=\"sb-modal bx-none overflow-modal\" appBodyScroll #modal (dismissed)=\"showReviewModal = false;\">\n  <div class=\"sb-modal-header\">\n    {{configService.labelConfig?.lbl?.reviewComments}}\n  </div>\n  <div class=\"sb-modal-content\">\n      <div class=\"sb-field\">\n          <label>{{configService.labelConfig?.lbl?.comments}}</label>\n            <textarea disabled=\"disabled\" type=\"text\" class=\"wmd-input width-100 sb-form-control p-10 sb-disabled-textarea\" id=\"wmd-input\" [(ngModel)]=\"contentComment\" name=\"rejectedComment\"></textarea>\n      </div>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" (click)=\"modal.deny('denied')\"\n    libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('close','click','cancel', telemetryService.telemetryPageId,  {key: 'dialog_id', value: 'review_comments'})\">{{configService.labelConfig?.button_labels?.close_btn_label}}</button>\n  </div>\n</sui-modal>\n\n  <lib-csv-upload *ngIf=\"showCsvUploadPopup\" [isCreateCsv]= \"isCreateCsv\"  (csvUploadEmitter)= \"hanndleCsvEmitter($event)\" [collectionId]=\"collectionId\">\n  </lib-csv-upload>\n\n","styles":["lib-editor .fancytree-helper-hidden{display:none}lib-editor .fancytree-helper-indeterminate-cb{color:#777}lib-editor .fancytree-helper-disabled{color:silver}lib-editor .fancytree-helper-spin{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}lib-editor ul.fancytree-container{font-family:inherit;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;min-height:0;position:relative}lib-editor ul.fancytree-container ul{padding:0 0 0 16px;margin:0}lib-editor ul.fancytree-container ul>li:before{content:none}lib-editor ul.fancytree-container li{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;list-style:none}lib-editor .ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}lib-editor ul.fancytree-connectors.fancytree-container li{background-image:url(../../assets/images/vline.gif);background-position:0 0}lib-editor ul.fancytree-container li.fancytree-lastsib,lib-editor ul.fancytree-no-connector>li{background-image:none}lib-editor li.fancytree-animating{position:relative}lib-editor #fancytree-drop-marker,lib-editor span.fancytree-checkbox,lib-editor span.fancytree-drag-helper-img,lib-editor span.fancytree-empty,lib-editor span.fancytree-expander,lib-editor span.fancytree-icon,lib-editor span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(../../assets/images/icons.gif);background-position:0 0}lib-editor span.fancytree-checkbox,lib-editor span.fancytree-custom-icon,lib-editor span.fancytree-expander,lib-editor span.fancytree-icon{margin-top:0}lib-editor span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}lib-editor img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}lib-editor span.fancytree-expander{cursor:pointer}lib-editor .fancytree-exp-n span.fancytree-expander,lib-editor .fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}lib-editor .fancytree-connectors .fancytree-exp-n span.fancytree-expander,lib-editor .fancytree-connectors .fancytree-exp-nl span.fancytree-expander{background-image:url(../../assets/images/icons.gif);margin-top:0}lib-editor .fancytree-connectors .fancytree-exp-n span.fancytree-expander,lib-editor .fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}lib-editor .fancytree-connectors .fancytree-exp-nl span.fancytree-expander,lib-editor .fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}lib-editor .fancytree-exp-c span.fancytree-expander{background-position:0 -80px}lib-editor .fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}lib-editor .fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}lib-editor .fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}lib-editor .fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}lib-editor .fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}lib-editor .fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}lib-editor .fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}lib-editor .fancytree-exp-e span.fancytree-expander,lib-editor .fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}lib-editor .fancytree-exp-e span.fancytree-expander:hover,lib-editor .fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}lib-editor .fancytree-exp-edl span.fancytree-expander,lib-editor .fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}lib-editor .fancytree-exp-edl span.fancytree-expander:hover,lib-editor .fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}lib-editor .fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}lib-editor .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,lib-editor .fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,lib-editor .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,lib-editor .fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}lib-editor span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}lib-editor span.fancytree-checkbox:hover{background-position:-16px -32px}lib-editor span.fancytree-checkbox.fancytree-radio{background-position:0 -48px}lib-editor span.fancytree-checkbox.fancytree-radio:hover{background-position:-16px -48px}lib-editor .fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}lib-editor .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}lib-editor .fancytree-partsel span.fancytree-checkbox.fancytree-radio{background-position:-64px -48px}lib-editor .fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover{background-position:-80px -48px}lib-editor .fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}lib-editor .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}lib-editor .fancytree-selected span.fancytree-checkbox.fancytree-radio{background-position:-32px -48px}lib-editor .fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-48px -48px}lib-editor .fancytree-unselectable span.fancytree-checkbox{opacity:.4}lib-editor .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}lib-editor .fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}lib-editor .fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}lib-editor .fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}lib-editor .fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}lib-editor .fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}lib-editor .fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,lib-editor .fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,lib-editor .fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,lib-editor .fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,lib-editor .fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,lib-editor .fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}lib-editor span.fancytree-icon{margin-left:3px;background-position:0 0}lib-editor .fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}lib-editor .fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}lib-editor .fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}lib-editor .fancytree-ico-e span.fancytree-icon{background-position:-64px 0}lib-editor .fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}lib-editor .fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}lib-editor .fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}lib-editor .fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}lib-editor .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}lib-editor .fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}lib-editor .fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}lib-editor .fancytree-loading span.fancytree-expander,lib-editor .fancytree-loading span.fancytree-expander:hover,lib-editor .fancytree-statusnode-loading span.fancytree-icon,lib-editor .fancytree-statusnode-loading span.fancytree-icon:hover,lib-editor span.fancytree-icon.fancytree-icon-loading{background-image:url(../../assets/images/loading.gif);background-position:0 0}lib-editor .fancytree-statusnode-error span.fancytree-icon,lib-editor .fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}lib-editor span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}lib-editor span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px;margin:0 0 0 3px}lib-editor span.fancytree-node.fancytree-error span.fancytree-title{color:red}lib-editor span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}lib-editor div.fancytree-drag-helper span.fancytree-childcounter,lib-editor div.fancytree-drag-helper span.fancytree-dnd-modifier{display:inline-block;color:#fff;background:#337ab7;border:1px solid gray;min-width:10px;height:10px;line-height:1;vertical-align:baseline;border-radius:10px;padding:2px;text-align:center;font-size:9px}lib-editor div.fancytree-drag-helper span.fancytree-childcounter{position:absolute;top:-6px;right:-6px}lib-editor div.fancytree-drag-helper span.fancytree-dnd-modifier{background:#5cb85c;border:none;font-weight:bolder}lib-editor div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}lib-editor div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}lib-editor #fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}lib-editor #fancytree-drop-marker.fancytree-drop-after,lib-editor #fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}lib-editor #fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}lib-editor #fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}lib-editor span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}lib-editor .fancytree-container.fancytree-rtl span.fancytree-connector,lib-editor .fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,lib-editor .fancytree-container.fancytree-rtl span.fancytree-expander,lib-editor .fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url(../../assets/images/icons-rtl.gif)}lib-editor .fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,lib-editor .fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}lib-editor .fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,lib-editor .fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander{background-image:url(../../assets/images/icons-rtl.gif)}lib-editor ul.fancytree-container.fancytree-rtl ul{padding:0 16px 0 0}lib-editor ul.fancytree-container.fancytree-rtl.fancytree-connectors li{background-position:right 0;background-image:url(../../assets/images/vline-rtl.gif)}lib-editor ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,lib-editor ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}lib-editor #fancytree-drop-marker.fancytree-rtl{background-image:url(../../assets/images/icons-rtl.gif)}lib-editor table.fancytree-ext-table{font-family:inherit;font-size:10pt;border-collapse:collapse}lib-editor table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}lib-editor table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}lib-editor table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}lib-editor table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}lib-editor table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}lib-editor table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}lib-editor table.fancytree-ext-columnview tbody tr td>ul{padding:0}lib-editor table.fancytree-ext-columnview tbody tr td>ul li{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;list-style:none}lib-editor table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}lib-editor table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}lib-editor table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}lib-editor .fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}lib-editor .fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,lib-editor .fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}lib-editor .fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,lib-editor .fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}lib-editor .fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,lib-editor .fancytree-ext-filter-hide tr.fancytree-hide{display:none}lib-editor .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,lib-editor .fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}lib-editor .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,lib-editor .fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}lib-editor .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,lib-editor .fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}lib-editor .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,lib-editor .fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}lib-editor .fancytree-ext-childcounter span.fancytree-custom-icon,lib-editor .fancytree-ext-childcounter span.fancytree-icon,lib-editor .fancytree-ext-filter span.fancytree-custom-icon,lib-editor .fancytree-ext-filter span.fancytree-icon{position:relative}lib-editor .fancytree-ext-childcounter span.fancytree-childcounter,lib-editor .fancytree-ext-filter span.fancytree-childcounter{color:#fff;background:#777;border:1px solid gray;position:absolute;top:-6px;right:-6px;min-width:10px;height:10px;line-height:1;vertical-align:baseline;border-radius:10px;padding:2px;text-align:center;font-size:9px}lib-editor ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;box-sizing:border-box}lib-editor ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}lib-editor ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;min-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}lib-editor .fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden{display:none}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom{border-bottom:3px solid rgba(0,0,0,.75)}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}lib-editor .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}lib-editor span.fancytree-title{border:1px solid transparent;border-radius:0}lib-editor span.fancytree-focused span.fancytree-title{outline:#000 dotted 1px}lib-editor span.fancytree-active span.fancytree-title,lib-editor span.fancytree-selected span.fancytree-title{background-color:#d4d4d4}lib-editor span.fancytree-selected span.fancytree-title{font-style:italic}lib-editor .fancytree-treefocus span.fancytree-active span.fancytree-title,lib-editor .fancytree-treefocus span.fancytree-selected span.fancytree-title{color:#fff;background-color:#3875d7}lib-editor table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99defd}lib-editor table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}lib-editor table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99defd}lib-editor table.fancytree-ext-columnview tbody tr td{position:relative;vertical-align:top;overflow:auto;border:1px solid gray}lib-editor table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#ccc}lib-editor table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#4169e1}lib-editor .optionsArray,lib-editor .optionsArrayMap,lib-editor .optionsLast{color:#000!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .required .sb-modal-dropdown-web ul::after,lib-editor .add-to-library .dynamic-form .required .sb-modal-dropdown-web .multi-select-container .list-border ul::after,lib-editor .dynamic-form .required .sb-modal-dropdown-web label::after{content:\" \"!important}lib-editor .dynamic-form sb-dynamic-checkbox{margin-top:3.5rem}lib-editor .dynamic-form .sb-dropdown-select{padding:16px 8px!important}lib-editor .dynamic-form .list-border{margin-top:2px!important}lib-editor body{background:#fff!important}lib-editor .add-to-library{position:relative;z-index:998!important;background:#e5edf5}lib-editor .add-to-library .sb-required{color:#ff4558;padding-left:2px;position:relative;top:-5px}lib-editor .add-to-library .back-btn:hover{background:0 0!important}lib-editor .add-to-library .back-btn{min-width:auto}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .multi-select-section-app ul,lib-editor .add-to-library .dynamic-form .multi-select-section-app .multi-select-container .list-border ul,lib-editor .add-to-library .dynamic-form .multi-select-section-app label{margin-bottom:.3rem!important;z-index:inherit}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border ul,lib-editor .add-to-library .dynamic-form label{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:600}lib-editor .add-to-library .dynamic-form .list-border,lib-editor .add-to-library .dynamic-form .sb-textarea,lib-editor .add-to-library .dynamic-form .sb-textbox,lib-editor .add-to-library .dynamic-form .topic-picker-selector,lib-editor .add-to-library .dynamic-form select{border:1px solid rgba(34,36,38,.15)!important;padding:.85rem .5rem!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500}lib-editor .add-to-library .dynamic-form select{padding:12px 8px!important}lib-editor .add-to-library .dynamic-form .list-border{margin-top:2px!important;min-height:43px!important;height:inherit!important;padding:5px 8px!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .placeholder{font-weight:500!important;color:#333!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border ul{color:#333;padding:0;margin:0!important;opacity:1!important;font-weight:500!important;position:inherit!important}lib-editor .add-to-library .dynamic-form .sb-modal-dropdown-web ul{color:#333;padding:0;margin:0!important;opacity:1!important;font-size:12px!important;font-weight:500;border:2px solid #eeeeef;z-index:99999!important}lib-editor .add-to-library .dynamic-form .sb-keywordbox{border:1px solid rgba(34,36,38,.15)!important;padding:0!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500}lib-editor .add-to-library .dynamic-form .sb-keywordbox .ng2-tag-input{padding:0}lib-editor .add-to-library .dynamic-form .sb-keywordbox .ng2-tag-input tag{margin-left:.5rem}lib-editor .add-to-library .dynamic-form .sb-keywordbox .ng2-tags-container{margin-top:.2rem}lib-editor .add-to-library .dynamic-form .sb-keywordbox .tag-wrapper,lib-editor .add-to-library .dynamic-form .sb-keywordbox delete-icon svg{height:24px;line-height:24px}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .sb-dropdown ul,lib-editor .add-to-library .dynamic-form .sb-dropdown .multi-select-container .list-border ul,lib-editor .add-to-library .dynamic-form .sb-dropdown label{padding:0}lib-editor .add-to-library .dynamic-form .textbox .sb-textarea-container .sb-textarea{height:10rem!important;padding-top:.5rem!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .textbox .sb-textarea-container ul,lib-editor .add-to-library .dynamic-form .textbox .sb-textarea-container .multi-select-container .list-border ul,lib-editor .add-to-library .dynamic-form .textbox .sb-textarea-container label{padding:0}lib-editor .add-to-library .dynamic-form .sb-textarea-container .sb-textarea{height:2.9rem;padding-top:.5rem!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .sb-textarea-container ul,lib-editor .add-to-library .dynamic-form .sb-textarea-container .multi-select-container .list-border ul,lib-editor .add-to-library .dynamic-form .sb-textarea-container label{padding:0}lib-editor .add-to-library .dynamic-form .sb-checkbox{padding:0;margin-top:0}lib-editor .add-to-library .dynamic-form sb-icon-dropdown{top:10px!important;right:6px!important}lib-editor .add-to-library .sb-dropdown,lib-editor .add-to-library .sb-textarea-container{margin:1rem 0!important}lib-editor .add-to-library .sb-container{width:95%!important}lib-editor .sb-checkbox-tnc .sb-required{position:absolute;padding-left:0;left:18px}lib-editor .h-100vh{height:100vh}lib-editor .ui.column.grid>[class*=\"eight wide\"].column{width:73%!important}lib-editor .footer-fix{padding-bottom:1rem!important}lib-editor .bg-white,lib-editor .ui.twelve.grid{background:#fff!important}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}lib-editor .sb-loading-spinner{width:1rem;height:1rem;margin-right:8px;display:inline-block;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}lib-editor .sb-btn-loading:before{position:absolute;content:\"\";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}lib-editor .sb-btn-loading:after{position:absolute;content:\"\";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:.6s linear infinite button-spin;animation:.6s linear infinite button-spin;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}lib-editor .sb-btn-outline-disabled{background-color:#fff;border:1px solid #ccc;color:#999;cursor:default;font-weight:400}lib-editor .chat_bot,lib-editor lib-chat-window{display:none!important}lib-editor .add-to-library .dynamic-form .topic-picker-selector::-webkit-input-placeholder,lib-editor .sb-textbox::-webkit-input-placeholder{color:var(--gray-100)!important;font-weight:600!important}lib-editor .treepicker-parent{margin:.6rem 0!important}lib-editor .ck-content ul{list-style-type:disc!important}lib-editor .ck-content ul li{margin-bottom:0!important}lib-editor sb-dynamic-richtext .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{border-left:1px solid #c4c4c4!important;border-right:1px solid #c4c4c4!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important}lib-editor sb-dynamic-richtext .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,lib-editor sb-dynamic-richtext .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border:1px solid #c4c4c4!important;border-color:var(--ck-color-base-border)!important}lib-editor sb-dynamic-richtext .ck-content .table{margin:.8rem 0!important}lib-editor .add-to-library .dynamic-form .topic-picker-selector::-moz-placeholder,lib-editor .sb-textarea::-moz-placeholder,lib-editor .sb-textbox::-moz-placeholder{color:#333!important;font-weight:500!important}lib-editor .add-to-library .dynamic-form .topic-picker-selector:-ms-input-placeholder,lib-editor .sb-textarea:-ms-input-placeholder,lib-editor .sb-textbox:-ms-input-placeholder{color:#333!important;font-weight:500!important}lib-editor .add-to-library .dynamic-form .topic-picker-selector::placeholder,lib-editor .sb-textarea::placeholder,lib-editor .sb-textbox::placeholder{color:#333!important;font-weight:500!important}lib-editor .multi-select-container .sb-modal-dropdown-web ul{border:1px solid #d6d4d4!important;box-shadow:0 0 2px #cecaca!important}lib-editor .sb-disabled-textarea{background:var(--gray-0)!important;border:.0625rem solid!important;opacity:.45!important;pointer-events:none!important;font-size:1em!important}lib-editor .overflow-y{overflow-y:auto}lib-editor input:focus-visible{border:none!important}lib-editor .dialcodeModal input:focus-visible{border:.0625rem solid #999!important}lib-editor #fancytree-drop-marker.fa-long-arrow-right:before{content:\" \"!important}lib-editor .sb-collectionTree-fancyTreelist ul>li>span:first-child{padding:15px 33px}lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-n span.fancytree-expander,lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-nl span.fancytree-expander{background:0 0!important}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree li:before,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree ul li:before,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree ul:before,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree:before{content:none!important}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree li .fancytree-custom-icon::before{color:var(--primary-color)!important;margin-left:5px}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree .fancytree-folder .fancytree-title{color:var(--primary-color)!important;font-size:.9286rem!important;font-weight:700!important;padding-left:5px;width:inherit!important}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree .fa-caret-down,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree .fa-caret-right,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree ul .fa-caret-down,lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree ul .fa-caret-right{display:block!important}lib-editor .sb-collectionTree-fancyTreelist ul.fancytree-container{font-size:inherit!important;font-family:inherit!important;border:none!important}lib-editor .sb-collectionTree-fancyTreelist ul.fancytree-connectors.fancytree-container li{background-image:none!important}lib-editor .sb-collectionTree-fancyTreelist span.fancytree-node{width:inherit!important}lib-editor .sb-collectionTree-fancyTreelist .fancytree-treefocus span.fancytree-active span.fancytree-title,lib-editor .sb-collectionTree-fancyTreelist .fancytree-treefocus span.fancytree-selected span.fancytree-title,lib-editor .sb-collectionTree-fancyTreelist span.fancytree-active span.fancytree-title,lib-editor .sb-collectionTree-fancyTreelist span.fancytree-selected span.fancytree-title{background:0 0!important}lib-editor .sb-collectionTree-fancyTreelist span.fancytree-focused span.fancytree-title{outline:0!important}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree{margin:0!important}lib-editor .sb-collectionTree-fancyTreelist .ui-fancytree ul,lib-editor .sb-collectionTree-fancyTreelist.ui-fancytree{margin:0 0 0 .625rem!important}lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-e span.fancytree-expander,lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-ed span.fancytree-expander{background-position:-32px -68px!important}lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-edl span.fancytree-expander,lib-editor .sb-collectionTree-fancyTreelist .fancytree-exp-el span.fancytree-expander{background-position:-34px -94px!important}lib-editor .sb-collectionTree-fancyTreelist .fancytree-treefocus span.fancytree-active span.fancytree-title,lib-editor .sb-collectionTree-fancyTreelist .fancytree-treefocus span.fancytree-selected span.fancytree-title{color:inherit}lib-editor .sb-loader{position:fixed;top:0;left:23%;transform:translate(-50%,-50%)}lib-editor .sb-loader:after{content:\"\";width:32px;height:32px;border-radius:50%;border:2px solid;border-color:#ccc #ccc transparent;-webkit-animation:.5s infinite loader;animation:.5s infinite loader;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}lib-editor .sb-loader.dimmer{width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999}@-webkit-keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}lib-editor .sb-success-loader{position:absolute!important;top:46%!important;left:-12%!important;transform:translate(-46%,-50%)!important}lib-editor .sb-success-loader:after{width:1.2rem!important;height:1.2rem!important}lib-editor .pos-relative{position:relative}lib-editor .sb-circle-ul{list-style-type:disc;padding:0;font-size:.785rem}lib-editor .sb-circle-ul li{margin:0!important;line-height:1.4}lib-editor .sb-bg-color-success-0{background:#e1ffdf}lib-editor .flex-ai-center{-ms-grid-row-align:center!important;align-self:center!important}lib-editor .sb-br-primary{border:1px dashed #aedbfd!important}lib-editor .sb-min-h-250{min-height:250px}lib-editor .z-index-9 .menu{z-index:99999!important}lib-editor .p-50{padding:10px 0 10px 50px}lib-editor .h-1{height:1.1em!important}lib-editor .mn-15{margin:-15px!important}lib-editor .upload-input-button{position:relative}lib-editor .upload-input-button input{position:absolute;opacity:0;left:0}lib-editor .bg-none{background:0 0}lib-editor .label-disable{opacity:.3!important;font-weight:500!important}lib-editor .sb-folder-menu{position:absolute;left:35px;display:flex;justify-content:space-between;width:24%;margin-top:5px}lib-editor .sb-disable-icon{color:#ccc!important}lib-editor .sb-w-240px{width:240px}lib-editor .showCollaborator .ui.dimmer{overflow-y:unset!important}lib-editor .showCollaborator .ui.segment{max-height:calc(80vh - 8em)!important;overflow-y:auto!important}lib-editor .showCollaborator .sb-modal-content .flex-align-item-center{border-bottom:1px solid #ccc;margin:0 -16px;padding:0 20px}lib-editor .showCollaborator .ui.pointing{margin:0 -15px!important}lib-editor .showCollaborator .ui.pointing .item.active{font-weight:600!important}lib-editor .add-to-library .dynamic-form .multi-select-container .list-border .publish-checklist ul,lib-editor .publish-checklist .add-to-library .dynamic-form .multi-select-container .list-border ul,lib-editor .publish-checklist label{font-size:13px!important;padding:0 1.5rem!important}lib-editor .sb-keywords input{width:100%}lib-editor .sb-keywords input::-moz-placeholder{display:block!important;width:100%}lib-editor .sb-keywords input:-ms-input-placeholder{display:block!important;width:100%}lib-editor .sb-keywords input::placeholder{display:block!important;width:100%}lib-editor .sb-keywords .ng2-tags-container{width:inherit!important;display:block!important}lib-editor .sb-keywords .ng2-tags-container tag{display:inline-flex!important}lib-editor .sb-dialcode{border-bottom:.5px solid #333;padding:8px 5px!important;border-radius:0!important}lib-editor .sb-dialcode:focus-visible{border-bottom:.5px solid #333!important;border-radius:0!important;outline:0!important}lib-editor sb-dynamic-timer .sb-timer-input{width:10rem;font-size:.785rem!important;border:1px solid rgba(34,36,38,.15)!important;border-radius:.28571429rem;padding:12px 10px;margin-right:5px;height:44px}lib-editor sb-dynamic-timer .sb-timer-input:focus-visible{border:1px solid rgba(34,36,38,.15)!important}lib-editor sb-dynamic-timer .sb-btn-normal{height:42px!important}"]}]}],"members":{"editorConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"editorEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["modal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":98,"character":117},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":79}]}],"unloadHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":103,"character":3},"arguments":["window:unload",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"initializeFrameworkAndChannel":[{"__symbolic":"method"}],"getFrameworkDetails":[{"__symbolic":"method"}],"setEditorForms":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"mergeCollectionExternalProperties":[{"__symbolic":"method"}],"sethierarchyConfig":[{"__symbolic":"method"}],"fetchFrameWorkDetails":[{"__symbolic":"method"}],"getHierarchyChildrenConfig":[{"__symbolic":"method"}],"toggleCollaboratorModalPoup":[{"__symbolic":"method"}],"toolbarEventListener":[{"__symbolic":"method"}],"redirectToChapterListTab":[{"__symbolic":"method"}],"updateToolbarTitle":[{"__symbolic":"method"}],"showLibraryComponentPage":[{"__symbolic":"method"}],"showQuestionLibraryComponentPage":[{"__symbolic":"method"}],"libraryEventListener":[{"__symbolic":"method"}],"onQuestionLibraryChange":[{"__symbolic":"method"}],"addResourceToQuestionset":[{"__symbolic":"method"}],"saveContent":[{"__symbolic":"method"}],"submitHandler":[{"__symbolic":"method"}],"validateFormStatus":[{"__symbolic":"method"}],"previewContent":[{"__symbolic":"method"}],"sendForReview":[{"__symbolic":"method"}],"rejectContent":[{"__symbolic":"method"}],"publishContent":[{"__symbolic":"method"}],"sourcingApproveContent":[{"__symbolic":"method"}],"sourcingRejectContent":[{"__symbolic":"method"}],"setUpdatedTreeNodeData":[{"__symbolic":"method"}],"updateTreeNodeData":[{"__symbolic":"method"}],"treeEventListener":[{"__symbolic":"method"}],"setTemplateList":[{"__symbolic":"method"}],"deleteNode":[{"__symbolic":"method"}],"updateSubmitBtnVisibility":[{"__symbolic":"method"}],"generateTelemetryEndEvent":[{"__symbolic":"method"}],"handleTemplateSelection":[{"__symbolic":"method"}],"redirectToQuestionTab":[{"__symbolic":"method"}],"questionEventListener":[{"__symbolic":"method"}],"showCommentAddedAgainstContent":[{"__symbolic":"method"}],"handleCsvDropdownOptionsOnCollection":[{"__symbolic":"method"}],"onClickFolder":[{"__symbolic":"method"}],"setCsvDropDownOptionsDisable":[{"__symbolic":"method"}],"downloadHierarchyCsv":[{"__symbolic":"method"}],"isReviewMode":[{"__symbolic":"method"}],"downloadCSVFile":[{"__symbolic":"method"}],"hanndleCsvEmitter":[{"__symbolic":"method"}],"onFormStatusChange":[{"__symbolic":"method"}],"assignPageEmitterListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setEvidence":[{"__symbolic":"method"}],"setEcm":[{"__symbolic":"method"}],"setAllowEcm":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1,"character":1},"arguments":[{"selector":"lib-collection-editor-library","template":"\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"interpolate"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"sanitizeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-contentplayer-page","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<div class=\"aspectratio\" data-ratio=\"16:9\" #aspectRatio>\n\n<iframe #contentIframe id=\"contentPlayer\" *ngIf=\"playerType === 'default-player'\"  class=\"contentViewerIframeShadow\" name=\"contentPlayer\"></iframe>\n\n<sunbird-epub-player *ngIf=\"playerType === 'epub-player'\" [playerConfig]=\"playerConfig\"\n        (playerEvent)=\"eventHandler($event)\" (telemetryEvent)=\"generateContentReadEvent($event, true)\"></sunbird-epub-player>\n\n<sunbird-pdf-player *ngIf=\"playerType === 'pdf-player'\" [playerConfig]=\"playerConfig\"\n    (playerEvent)=\"eventHandler($event)\" (telemetryEvent)=\"generateContentReadEvent($event, true)\"></sunbird-pdf-player>\n\n<sunbird-video-player *ngIf=\"playerType === 'video-player'\" [playerConfig]=\"playerConfig\"\n(playerEvent)=\"eventHandler($event)\" (telemetryEvent)=\"generateContentReadEvent($event, true)\"></sunbird-video-player>\n</div>\n<div class=\"ui grid text-font pt-15 bg-white mx-0 mb-10\">\n    <div class=\"six wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.name}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.name}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.board}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.board}}</div>\n        </div>\n    </div>\n    <div class=\"two wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.medium}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.medium}}</div>\n        </div>\n    </div>\n    <div class=\"six wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.grade}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.gradeLevel}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.subject}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.subject}}</div>\n        </div>\n    </div>\n    <div class=\"two wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.author}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.author}}</div>\n        </div>\n    </div>\n    <div class=\"six wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.license}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.license}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.copyRightsAndYear}}</label>\n            <div class=\"fs-0-92\">{{contentDetails?.contentData?.copyright}}</div>\n        </div>\n    </div>\n</div>","styles":["lib-contentplayer-page{height:380px}.aspectratio lib-contentplayer-page{display:block}.aspectratio{position:relative;height:0;width:100%}.aspectratio[data-ratio=\"16:9\"]{padding-top:56.25%}.aspectratio [data-ratio=\"4:3\"]{padding-top:75%}.aspectratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.aspectratio>* iframe,.aspectratio>* video{width:100%;height:100%!important}.aspectratio.player-fullscreen{width:100%;height:calc(100vh - 4rem)!important;position:fixed;top:calculateRem(0);left:0;bottom:0;right:0;border:none;margin:0;padding:0;z-index:9999}.aspectratio.player-fullscreen iframe,.aspectratio.player-fullscreen video{width:100%;height:calc(100vh - 4rem)!important;background:var(--white)}.bg-white .fs-0-92{word-break:break-all}lib-contentplayer-page .contentViewerIframeShadow{width:100%;top:0!important}sunbird-pdf-player{display:block;height:410px}.video-js{width:100%!important;height:100%!important;padding-top:0!important}.video-js .vjs-tech{width:100%;height:100%}.text-font .fs-0-92,.text-font label{font-size:.8rem!important}.content-video__player__details{min-height:calculateRem(64px);padding:calculateRem(8px)}.content-video__player__title{font-weight:700;color:var(--primary-400);font-size:16px}.content-video__player__title__subtitle{display:flex;color:var(--gray-800)}.content-video__player__title__subtitle i{color:var(--yellow)}.content-video__player__screenpart{padding-left:calculateRem(16px)}.content-video__player__screenpart .separator{border-left:calculateRem(.5px) solid var(--gray-400);height:calculateRem(40px);width:.5rem}.content-video__content{overflow-y:auto;padding-right:calculateRem(8px);margin-right:calculateRem(-8px);padding-bottom:calculateRem(8px)}"]}]}],"members":{"contentIframe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["contentIframe"]}]}],"contentMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getContentDetails":[{"__symbolic":"method"}],"setPlayerType":[{"__symbolic":"method"}],"loadDefaultPlayer":[{"__symbolic":"method"}],"adjustPlayerHeight":[{"__symbolic":"method"}],"eventHandler":[{"__symbolic":"method"}],"generateContentReadEvent":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":46,"character":113}]}],"initialize":[{"__symbolic":"method"}],"setIsReviewerEditEnable":[{"__symbolic":"method"}],"setIsReviewModificationAllowed":[{"__symbolic":"method"}],"getToolbarConfig":[{"__symbolic":"method"}],"nextBulkUploadStatus":[{"__symbolic":"method"}],"emitshowLibraryPageEvent":[{"__symbolic":"method"}],"getshowLibraryPageEmitter":[{"__symbolic":"method"}],"emitshowQuestionLibraryPageEvent":[{"__symbolic":"method"}],"getshowQuestionLibraryPageEmitter":[{"__symbolic":"method"}],"getQuestionList":[{"__symbolic":"method"}],"fetchCollectionHierarchy":[{"__symbolic":"method"}],"readQuestionSet":[{"__symbolic":"method"}],"fetchContentDetails":[{"__symbolic":"method"}],"updateHierarchy":[{"__symbolic":"method"}],"getFieldsToUpdate":[{"__symbolic":"method"}],"updateCollection":[{"__symbolic":"method"}],"reviewContent":[{"__symbolic":"method"}],"submitRequestChanges":[{"__symbolic":"method"}],"publishContent":[{"__symbolic":"method"}],"addResourceToHierarchy":[{"__symbolic":"method"}],"addResourceToQuestionset":[{"__symbolic":"method"}],"getQuestionStream$":[{"__symbolic":"method"}],"publish":[{"__symbolic":"method"}],"setQuestionIds":[{"__symbolic":"method"}],"getMaxScore":[{"__symbolic":"method"}],"calculateMaxScore":[{"__symbolic":"method"}],"getCollectionHierarchy":[{"__symbolic":"method"}],"getHierarchyObj":[{"__symbolic":"method"}],"_toFlatObjFromHierarchy":[{"__symbolic":"method"}],"getRelationalMetadataObj":[{"__symbolic":"method"}],"getCategoryDefinition":[{"__symbolic":"method"}],"fetchContentListDetails":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"isNotEmpty":[{"__symbolic":"method"}],"apiErrorHandling":[{"__symbolic":"method"}],"getContentChildrens":[{"__symbolic":"method"}],"contentsCountAddedInLibraryPage":[{"__symbolic":"method"}],"checkIfContentsCanbeAdded":[{"__symbolic":"method"}],"getHierarchyFolder":[{"__symbolic":"method"}],"validateCSVFile":[{"__symbolic":"method"}],"downloadHierarchyCsv":[{"__symbolic":"method"}],"generatePreSignedUrl":[{"__symbolic":"method"}],"downloadBlobUrlFile":[{"__symbolic":"method"}],"generateCSV":[{"__symbolic":"method"}],"getBranchingLogicByFolder":[{"__symbolic":"method"}],"getDependentNodes":[{"__symbolic":"method"}],"getBranchingLogicByNodeId":[{"__symbolic":"method"}],"getBranchingLogicEntry":[{"__symbolic":"method"}],"getFlattenedBranchingLogic":[{"__symbolic":"method"}],"getParentDependentMap":[{"__symbolic":"method"}],"getPrimaryCategoryName":[{"__symbolic":"method"}],"fetchOutComeDeclaration":[{"__symbolic":"method"}],"setQualityFormConfig":[{"__symbolic":"method"}],"setIsReviewerQualityCheckEnabled":[{"__symbolic":"method"}],"appendCloudStorageHeaders":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"}]}],"initialize":[{"__symbolic":"method"}],"nextTreeStatus":[{"__symbolic":"method"}],"setTreeElement":[{"__symbolic":"method"}],"updateNode":[{"__symbolic":"method"}],"updateAppIcon":[{"__symbolic":"method"}],"updateMetaDataProperty":[{"__symbolic":"method"}],"updateTreeNodeMetadata":[{"__symbolic":"method"}],"addNode":[{"__symbolic":"method"}],"removeNode":[{"__symbolic":"method"}],"getTreeObject":[{"__symbolic":"method"}],"getActiveNode":[{"__symbolic":"method"}],"setActiveNode":[{"__symbolic":"method"}],"getParent":[{"__symbolic":"method"}],"getFirstChild":[{"__symbolic":"method"}],"findNode":[{"__symbolic":"method"}],"expandNode":[{"__symbolic":"method"}],"replaceNodeId":[{"__symbolic":"method"}],"getNodeById":[{"__symbolic":"method"}],"getChildren":[{"__symbolic":"method"}],"getLeafNodes":[{"__symbolic":"method"}],"highlightNode":[{"__symbolic":"method"}],"setTreeCache":[{"__symbolic":"method"}],"clearTreeCache":[{"__symbolic":"method"}],"setNodeTitle":[{"__symbolic":"method"}],"removeSpecialChars":[{"__symbolic":"method"}],"closePrevOpenedDropDown":[{"__symbolic":"method"}],"reloadTree":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"InfoToasterCritical":[{"__symbolic":"method"}],"success":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"warning":[{"__symbolic":"method"}],"simpleInfo":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵj"}]}],"initialize":[{"__symbolic":"method"}],"setShuffleValue":[{"__symbolic":"method"}],"getLicenses":[{"__symbolic":"method"}],"getAvailableLicenses":[{"__symbolic":"method"}],"getChannelData":[{"__symbolic":"method"}],"hmsToSeconds":[{"__symbolic":"method"}],"getTimerFormat":[{"__symbolic":"method"}],"getAllUser":[{"__symbolic":"method"}],"updateCollaborator":[{"__symbolic":"method"}],"addDepthToHierarchy":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵj"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":15,"character":20}]}]},"statics":{"ɵprov":{}}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":48,"character":20}]}],"getWithHeaders":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"postWithHeaders":[{"__symbolic":"method"}],"post":[{"__symbolic":"method"}],"patch":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getHeader":[{"__symbolic":"method"}],"getDateDiff":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"}]}],"initializeTelemetry":[{"__symbolic":"method"}],"getTelemetryInteractEdata":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"end":[{"__symbolic":"method"}],"interact":[{"__symbolic":"method"}],"impression":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"getEventOptions":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"}]}],"getQumlPlayerConfig":[{"__symbolic":"method"}],"getPlayerConfig":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵi"}]}],"initialize":[{"__symbolic":"method"}],"getFrameworkCategories":[{"__symbolic":"method"}],"getTargetFrameworkCategories":[{"__symbolic":"method"}],"getFrameworkData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}],"reserveDialCode":[{"__symbolic":"method"}],"linkDialcode":[{"__symbolic":"method"}],"downloadQRCode":[{"__symbolic":"method"}],"searchDialCode":[{"__symbolic":"method"}],"updateDialCode":[{"__symbolic":"method"}],"clearDialCode":[{"__symbolic":"method"}],"changeDialCode":[{"__symbolic":"method"}],"validateDialCode":[{"__symbolic":"method"}],"checkDuplicateDialCode":[{"__symbolic":"method"}],"validateUnitsDialcodes":[{"__symbolic":"method"}],"highlightNodeForInvalidDialCode":[{"__symbolic":"method"}],"storeDialCodes":[{"__symbolic":"method"}],"dialcodeLink":[{"__symbolic":"method"}],"readExistingQrCode":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-qumlplayer-page","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"<div>\n    <div [ngClass]=\"{'potrait-mode': showPotrait}\">\n        <div class=\"b-1-100 br-2 mt-5\" *ngIf=\"showPlayerPreview\">\n            <lib-quml-player [questionSetHierarchy]=\"hierarchy\" [isSingleQuestionPreview]=\"true\" (toolbarEmitter)=\"reviewQuestion()\"></lib-quml-player>\n        </div>\n    </div>\n<div class=\"ui mt-20\" *ngIf=\"(editorService.editorMode === 'edit')\">\n    <div class=\"ui twelve column grid m-0\">\n        <div class=\"nine wide column p-0 text-left\">\n            <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary mr-15\"*ngIf=\"(questionMetaData?.status != 'Live' &&\n            questionMetaData?.status !='Approved')\" (click)=\"editQuestion();\"\n                libTelemetryInteract\n                [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('edit','click','launch', telemetryService.telemetryPageId)\">\n                <i class=\"icon edit\"></i>Edit</button>\n            <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary\"\n                (click)=\"removeQuestion()\"><i class=\"icon trash sb-color-primary\" aria-hidden=\"true\" libTelemetryInteract\n                    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('delete','click','launch', telemetryService.telemetryPageId)\"></i>{{configService.labelConfig?.button_labels?.delete_btn_label}}</button>\n        </div>\n        <div class=\"three wide column p-0 text-right\">\n            <span>\n                <button type=\"button\" (click)=\"switchToLandscapeMode();\" class=\"btn-none\">\n                    <i class=\"tv icon sb-color-primary fs-1-143\" [ngClass]=\"{'opacity-icon': showPotrait}\"></i>\n                </button>\n                <span class=\"fs-1-16 font-weight-normal sb-color-gray-100\">|</span>\n                <button type=\"button\" (click)=\"switchToPotraitMode();\" class=\"w-10 btn-none\">\n                    <i class=\"mobile alternate icon sb-color-primary fs-1-3\" [ngClass]=\"{'opacity-icon': !showPotrait}\"></i>\n                </button>\n            </span>\n        </div>\n    </div>\n</div>\n\n<hr class=\"my-20\">\n<div class=\"ui grid text-font\">\n    <div class=\"five wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.name}}</label>\n            <div class=\"fs-0-92 text-capitalize break-word\">{{questionMetaData?.name}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.board}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.board}}</div>\n        </div>\n    </div>\n    <div class=\"three wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.medium}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.medium}}</div>\n        </div>\n    </div>\n    <div class=\"five wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.grade}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.gradeLevel}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.subject}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.subject}}</div>\n        </div>\n    </div>\n    <div class=\"three wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.attributions}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.attributions}}</div>\n        </div>\n    </div>\n    <div class=\"five wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.author}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.author}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.audience}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.audience}}</div>\n        </div>\n    </div>\n    <div class=\"three wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.copyRight}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.copyright}}</div>\n        </div>\n    </div>\n    <div class=\"five wide column\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.licensedBy}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData?.license}}</div>\n        </div>\n    </div>\n    <div class=\"four wide column\" *ngIf=\"questionMetaData?.qType === 'MCQ'\">\n        <div class=\"sb-field-group\">\n            <label class=\"sb-color-gray-100\">{{configService.labelConfig?.lbl?.marks}}</label>\n            <div class=\"fs-0-92 text-capitalize\">{{questionMetaData.maxScore? questionMetaData.maxScore : 1}}</div>\n        </div>\n    </div>\n</div>","styles":[".btn-none{background:0 0!important;border:none!important;padding:0!important;cursor:pointer}.opacity-icon{opacity:.45!important}"]}]}],"members":{"questionMetaData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"questionSetHierarchy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"toolbarEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnChanges":[{"__symbolic":"method"}],"initQumlPlayer":[{"__symbolic":"method"}],"switchToPotraitMode":[{"__symbolic":"method"}],"switchToLandscapeMode":[{"__symbolic":"method"}],"removeQuestion":[{"__symbolic":"method"}],"editQuestion":[{"__symbolic":"method"}],"reviewQuestion":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"lib-header","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"template":"<!-- Blue Header -->\n<div class=\"sb-bg-color-primary\">\n  <div class=\"ui container py-15\">\n    <div class=\"d-flex flex-ai-center sb-color-white\">\n      <button class=\"sb-btn sb-btn-primary sb-btn-xs back-btn px-0 hover-none fs-0-92 font-weight-bold\"\n      (click)=\"buttonEmitter({type: 'backContent'})\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('back','click','launch', telemetryService.telemetryPageId)\" aria-label=\"back\">\n        <i class=\"arrow left icon\" aria-hidden=\"true\"></i> {{configService.labelConfig?.button_labels?.back_btn_label}}\n      </button>\n    </div>\n  </div>\n</div>\n\n<div class=\"sb-bg-lightBlue bb-1\">\n<div class=\"d-flex flex-jc-space-between flex-ai-center py-20 ui container\">\n  <div>\n    <div class=\"practical-header__title font-weight-bold pl-20 fs-0-92\" tabindex=\"0\">\n      {{ labelConfigData.title }}\n    </div>\n\n    <div class=\"mt-8 pl-20\">\n      <span class=\"sb-btn sb-btn-normal mr-10\" *ngIf=\"visibility.showSourcingStatus\" [ngClass]=\"sourcingStatusClass\">{{ sourcingStatusText }}</span>\n      <!--span data-title=\"View review comments\" ((click)=\"buttonEmitter({type: 'showReviewcomments'})\" *ngIf=\"buttonLoaders?.showReviewComment\" libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('view_comments','click','launch', telemetryService.telemetryPageId)\">\n        <i class=\"icon comment flex-as-baseline mr-05\" aria-hidden=\"true\"></i>{{configService.labelConfig?.lbl?.viewComments}}\n      </span-->\n      <span class=\"fs-0-92\" data-title=\"View review comments\" (click)=\"buttonEmitter({type: 'showReviewcomments'})\" *ngIf=\"buttonLoaders?.showReviewComment || visibility.showCorrectionComments\" libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('view_comments','click','launch', telemetryService.telemetryPageId)\">\n        <i class=\"icon comment alternate outline sb-color-primary flex-as-baseline mr-05\" aria-hidden=\"true\"></i>{{configService.labelConfig?.lbl?.viewComments}}\n      </span>\n      <a *ngIf=\"visibility.showOriginPreviewUrl && originPreviewUrl\" class=\"sb-color-primary mr-8 pl-10 fs-0-785 font-weight-bold\"\n      href=\"{{originPreviewUrl}}\" target=\"_blank\">{{configService.labelConfig?.lbl?.viewOnOrigin}}</a>\n      <label *ngIf=\"visibility.showOriginPreviewUrl && !originPreviewUrl\" class=\"sb-color-error mr-8 pl-10 fs-0-785 font-weight-bold\">\n        {{configService.labelConfig?.err?.contentNotFoundonOrigin}}\n      </label>\n    </div>\n  </div>\n  <div class=\"d-flex flex-ai-center\" *ngIf=\"pageId === 'collection_editor' && labelConfigData\">\n    <div *ngIf=\"visibility && visibility?.addCollaborator\" [attr.data-title]=\"labelConfigData?.isAddCollaborator ? 'Add collaborator' : 'View collaborator'\" class=\"cursor-pointer sb-color-primary mr-20 font-weight-bold\"\n    (click)=\"buttonEmitter({type: 'addCollaborator'})\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_collaborator','click','launch', telemetryService.telemetryPageId)\">\n      <i class=\"icon user plus mr-0\" aria-hidden=\"true\"></i>\n    </div>\n    <lib-dialcode *ngIf=\"visibility && visibility?.dialcode && labelConfigData?.showDialcode === 'yes'\" class=\"d-flex flex-ai-center\"></lib-dialcode>\n    <button *ngIf=\"visibility && visibility?.submitContent && !bulkUploadStatus && labelConfigData?.hasChildren && !visibility.hideSubmitForReviewBtn && visibility.showPaginationBtn\"\n    class=\"sb-btn sb-btn-normal sb-btn-primary mr-10\" (click)=\"buttonEmitter({type:'pagination'})\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('submit','click','submit', telemetryService.telemetryPageId)\"\n    >\n      <em class=\"{{labelConfigData.submit_collection_btn_icon}}\"></em>\n      {{labelConfigData.add_page_numbers_to_questions_btn_label}}\n    </button>\n    <lib-bulk-upload *ngIf=\"visibility && visibility?.bulkUpload && labelConfigData?.showBulkUploadBtn\" class=\"d-flex flex-ai-center mr-10\" (bulkUploadEmitter)=\"bulkUploadListener($event)\" ></lib-bulk-upload>\n    <button *ngIf=\"visibility && visibility?.previewContent  && labelConfigData?.hasChildren && !bulkUploadStatus\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\"\n      [ngClass]=\"!buttonLoaders?.previewButtonLoader ? '': 'sb-btn-loading-spinner sb-btn-outline-disabled'\"\n      (click)=\"buttonEmitter({type: 'previewContent'})\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('preview','click','launch', telemetryService.telemetryPageId)\">\n      <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.previewButtonLoader\" role=\"status\" aria-hidden=\"true\"></div>\n      <i *ngIf=\"labelConfigData.preview_collection_btn_icon && !buttonLoaders?.previewButtonLoader\" class=\"{{labelConfigData.preview_collection_btn_icon}}\"></i>\n      {{ labelConfigData.preview_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.saveContent && !bulkUploadStatus\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\"\n    [ngClass]=\"!buttonLoaders?.saveAsDraftButtonLoader ? '': 'sb-btn-loading-spinner sb-btn-outline-disabled'\"\n    (click)=\"buttonEmitter({type:'saveContent'})\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('save_as_draft','click','submit', telemetryService.telemetryPageId)\"\n    >\n      <i class=\"{{labelConfigData.save_collection_btn_icon}}\" *ngIf=\"!buttonLoaders?.saveAsDraftButtonLoader\"></i>\n      <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.saveAsDraftButtonLoader\" role=\"status\" aria-hidden=\"true\"></div>\n      {{labelConfigData.save_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.submitContent && !bulkUploadStatus && labelConfigData?.hasChildren && !visibility.hideSubmitForReviewBtn\" class=\"sb-btn sb-btn-normal sb-btn-primary mr-10\" (click)=\"buttonEmitter({type:'submitContent'})\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('send_for_review','click','launch', telemetryService.telemetryPageId)\"\n    >\n      <i class=\"{{labelConfigData.submit_collection_btn_icon}}\"></i>\n      {{labelConfigData.submit_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.rejectContent\" class=\"sb-btn sb-btn-outline-error sb-btn-normal ripple mr-10\" (click)=\"openRequestChangePopup('rejectContent')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('reject','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.reject_collection_btn_icon}}\"></i>\n      {{labelConfigData.reject_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.publishContent\" class=\"sb-btn sb-btn-secondary sb-btn-normal ripple\" (click)=\"openPublishCheckListPopup('publishContent')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('publish','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.publish_collection_btn_icon}}\"></i>\n      {{labelConfigData.publish_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sendForCorrectionsContent\" class=\"sb-btn sb-btn-outline-primary sb-btn-normal ripple mr-10\" (click)=\"openRequestChangePopup('sendForCorrections')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('send_back_for_correction','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.send_back_for_correction_collection_btn_icon}}\"></i>\n      {{labelConfigData.send_back_for_correction_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sourcingApproveContent\" class=\"sb-btn sb-btn-secondary sb-btn-normal ripple mr-10\" (click)=\"openPublishCheckListPopup('sourcingApprove')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('approve','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.sourcing_approve_collection_btn_icon}}\"></i>\n      {{labelConfigData.sourcing_approve_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sourcingRejectContent\" class=\"sb-btn sb-btn-error sb-btn-normal ripple\" (click)=\"openRequestChangePopup('sourcingReject')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('reject','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.sourcing_reject_collection_btn_icon}}\"></i>\n      {{labelConfigData.sourcing_reject_collection_btn_label}}\n    </button>\n\n  </div>\n  <div class=\"d-flex flex-ai-center\" *ngIf=\"pageId === 'question' && labelConfigData\">\n    <ng-container *ngIf=\"labelConfigData.showPreview; else editMode\">\n      <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\" *ngIf=\"visibility && visibility?.editContent\"\n              (click)=\"buttonEmitter({type: 'editContent'})\" libTelemetryInteract\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('edit','click','launch', telemetryService.telemetryPageId)\">\n        <i *ngIf=\"labelConfigData.edit_question_btn_icon\" class=\"{{labelConfigData.edit_question_btn_icon}}\"></i>\n        {{ labelConfigData.edit_question_btn_label}}\n      </button>\n    </ng-container>\n    <ng-template #editMode>\n      <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\" *ngIf=\"!labelConfigData.showPreview\"\n              [ngClass]=\"!buttonLoaders?.previewButtonLoader ? '': 'sb-btn-loading-spinner sb-btn-outline-disabled'\"\n              (click)=\"buttonEmitter({type: 'previewContent'})\" libTelemetryInteract\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('preview','click','launch', telemetryService.telemetryPageId)\">\n        <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.previewButtonLoader\" role=\"status\" aria-hidden=\"true\"></div>\n        <i *ngIf=\"labelConfigData.preview_question_btn_icon && !buttonLoaders?.previewButtonLoader\" class=\"{{labelConfigData.preview_question_btn_icon}}\"></i>\n        {{ labelConfigData.preview_question_btn_label}}\n      </button>\n      <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\"\n              (click)=\"buttonEmitter({type: 'cancelContent'})\" libTelemetryInteract *ngIf=\"visibility?.saveContent\"\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('cancel','click','launch', telemetryService.telemetryPageId)\">\n        <i *ngIf=\"labelConfigData.cancel_question_btn_icon\" class=\"{{labelConfigData.cancel_question_btn_icon}}\"></i>\n        {{ labelConfigData.cancel_question_btn_label}}\n      </button>\n      <button class=\"sb-btn sb-btn-normal sb-btn-primary mr-10\" (click)=\"buttonEmitter({type: 'saveContent'})\" *ngIf=\"visibility?.saveContent\"\n              [ngClass]=\"!buttonLoaders?.saveButtonLoader ? '': 'sb-btn-loading-spinner sb-btn-outline-disabled'\"\n              libTelemetryInteract\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('save','click','submit', telemetryService.telemetryPageId)\">\n        <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.saveButtonLoader\" role=\"status\" aria-hidden=\"true\"></div>\n        <i *ngIf=\"labelConfigData.save_question_btn_icon && !buttonLoaders?.saveButtonLoader\" class=\"{{labelConfigData.save_question_btn_icon}}\"></i>\n        {{ labelConfigData.save_question_btn_label}}\n      </button>\n    </ng-template>\n\n    <!-- <button *ngIf=\"labelConfigData.add_translation\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary mr-10\"\n    (click)=\"buttonEmitter({type: 'showTranslation'})\">\n    <i class=\"plus circle icon\"></i>\n    {{ labelConfigData.add_translation_label}}\n    </button> -->\n    <button *ngIf=\"visibility && visibility?.submitContent && labelConfigData?.questionContribution && !visibility.hideSubmitForReviewBtn && !visibility.showSourcingStatus\" class=\"sb-btn sb-btn-normal sb-btn-secondary\" (click)=\"buttonEmitter({type:'submitQuestion'})\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('submit','click','submit', telemetryService.telemetryPageId)\"\n    >\n      <i class=\"{{labelConfigData.submit_collection_btn_icon}}\"></i>\n      {{labelConfigData.submit_collection_btn_label}}\n    </button>\n    <button *ngIf=\"visibility && visibility?.rejectContent && labelConfigData?.questionContribution\" class=\"sb-btn sb-btn-outline-error sb-btn-normal ripple mr-10\" (click)=\"openRequestChangePopup('rejectQuestion')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('reject','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.reject_collection_btn_icon}}\"></i>\n      {{labelConfigData.reject_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.publishContent && labelConfigData?.questionContribution\" class=\"sb-btn sb-btn-secondary sb-btn-normal ripple\" (click)=\"firstLevelPublish()\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('publish','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.publish_collection_btn_icon}}\"></i>\n      {{labelConfigData.publish_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sendForCorrectionsContent\" class=\"sb-btn sb-btn-outline-primary sb-btn-normal ripple mr-10\" (click)=\"openRequestChangePopup('sendForCorrectionsQuestion')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('send_back_for_correction_question','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.send_back_for_correction_collection_btn_icon}}\"></i>\n      {{labelConfigData.send_back_for_correction_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sourcingApproveContent\" class=\"sb-btn sb-btn-secondary sb-btn-normal ripple mr-10\" (click)=\"openPublishCheckListPopup('sourcingApproveQuestion')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('approve','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.sourcing_approve_collection_btn_icon}}\"></i>\n      {{labelConfigData.sourcing_approve_collection_btn_label}}\n    </button>\n\n    <button *ngIf=\"visibility && visibility?.sourcingRejectContent\" class=\"sb-btn sb-btn-error sb-btn-normal ripple\" (click)=\"openRequestChangePopup('sourcingRejectQuestion')\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('reject','click','submit', telemetryService.telemetryPageId)\">\n      <i class=\"{{labelConfigData.sourcing_reject_collection_btn_icon}}\"></i>\n      {{labelConfigData.sourcing_reject_collection_btn_label}}\n    </button>\n  </div>\n</div>\n</div>\n\n<sui-modal *ngIf=\"showRequestChangesPopup\" [mustScroll]=\"true\" [isClosable]=\"false\" [transitionDuration]=\"0\"\n  [size]=\"'normal'\" class=\"sb-modal bx-none overflow-modal\" appBodyScroll #modal (dismissed)=\"showRequestChangesPopup = false;\">\n  <div class=\"sb-modal-header\">\n      {{configService.labelConfig?.lbl?.addReviewComments}}\n  </div>\n  <form #FormControl=\"ngForm\" class=\"ui form\">\n  <div class=\"sb-modal-content\">\n      <div class=\"sb-field-group\">\n          <label>{{configService.labelConfig?.lbl?.enterYourComments}}</label>\n          <div class=\"sb-field relative\">\n\n              <textarea type=\"text\" class=\"wmd-input width-100 sb-form-control\" id=\"wmd-input\" [(ngModel)]=\"rejectComment\" placeholder=\"Add comment\" name=\"rejectComment\" required maxlength=\"{{configService?.editorConfig?.rejectCommentsMaxLength}}\"></textarea>\n              <label class=\"ui basic red error label pt-1 mt-5 width-100\"\n                  *ngIf=\"FormControl.form.controls.rejectComment?.touched && !FormControl.form.valid\">{{configService.labelConfig?.lbl?.fillComments}} </label>\n              <!-- <textarea rows=\"4\" name=\"moretext\" class=\"sb-form-control\" placeholder=\"Type here...\"></textarea>\n              <span class=\"characters-left\">1000 Characters left</span> -->\n          </div>\n      </div>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button id=\"submitReview\" type=\"submit\" class=\"sb-btn sb-btn-normal\" [ngClass]=\"{'sb-btn-primary': FormControl.form.valid, 'sb-btn-disabled': !FormControl.form.valid}\" (click)=\"buttonEmitter({type: actionType, comment: rejectComment}); showRequestChangesPopup = false;\"\n    [disabled]=\"!FormControl.form.valid\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('submit_review','click','submit', telemetryService.telemetryPageId, {key: 'dialog_id', value: 'add_review_comments'})\"\n    > {{configService.labelConfig?.button_labels?.submit_review_btn_label}} </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" (click)=\"modal.deny('denied')\"\n    libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('cancel','click','cancel', telemetryService.telemetryPageId,  {key: 'dialog_id', value: 'add_review_comments'})\">{{configService.labelConfig?.button_labels?.cancel_btn_label}}</button>\n  </div>\n</form>\n</sui-modal>\n\n\n\n<lib-publish-checklist *ngIf=\"showPublishCollectionPopup\" [actionType]=\"actionType\" [objectType]=\"objectType\" [publishchecklist]=\"publishchecklist\"\n (publishEmitter)=\"publishEmitter($event)\">\n</lib-publish-checklist>\n\n\n","styles":[".sb-disabled{background:var(--gray-0);border:.0625rem solid var(--gray-0);opacity:.45;pointer-events:none}.hover-none:hover{background:0 0!important}.bx-none .ui.modal{box-shadow:none!important}.overflow-modal .ui.modal{box-shadow:none}.overflow-modal .sb-tabset-segment{border:none}.sb-bg-header-blue{background:#d8e1e8}.sb-bg-lightBlue{background:var(--primary-0)!important}.bb-1{border-bottom:1px solid #d8d8d8}.flex-as-baseline{align-self:baseline!important}div[data-title]:before{position:absolute;right:30%;top:85%;height:25px}.sb-modal-fullscreen .modals.dimmer .ui.scrolling.modal{margin:0 auto!important}"]}]}],"members":{"pageId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"labelConfigData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"buttonLoaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"showComment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"publishchecklist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"requestChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"toolbarEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"bulkUploadEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"FormControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["FormControl"]}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["modal"]}]}],"qualityParamEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"handleActionButtons":[{"__symbolic":"method"}],"getSourcingData":[{"__symbolic":"method"}],"openRequestChangePopup":[{"__symbolic":"method"}],"buttonEmitter":[{"__symbolic":"method"}],"openPublishCheckListPopup":[{"__symbolic":"method"}],"firstLevelPublish":[{"__symbolic":"method"}],"publishEmitter":[{"__symbolic":"method"}],"bulkUploadListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"lib-fancy-tree","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"template":"<div #fancyTree></div>\n<div class=\"sb-fixed-with-whitebg pr-20 d-flex flex-jc-space-between\" *ngIf=\"config && config.mode === 'edit'\">\n  <div class=\"d-flex w-25\">\n    <div class=\"sb-btn-cover\">\n      <button [ngClass]=\"visibility?.addSibling ? '' : 'sb-disabled'\" (click)=\"addSibling();\"\n        class=\"sb-btn sb-btn-outline-primary sb-btn-normal sb-btn-radius p-0 b-none\"><i aria-hidden=\"true\" class=\"icon plus\"></i>\n        {{configService.labelConfig?.button_labels?.add_sibling_btn_label}} </button>\n    </div>\n    <div class=\"sb-btn-cover\">\n      <button [ngClass]=\"visibility?.addChild ? '' : 'sb-disabled'\" (click)=\"addChild();\"\n        class=\"sb-btn sb-btn-outline-primary sb-btn-normal sb-btn-radius b-none p-0\"><i class=\"icon plus\"></i>\n        {{configService.labelConfig?.button_labels?.add_child_btn_label}} </button>\n    </div>\n  </div>\n  <button *ngIf=\"config.objectType !== 'QuestionSet'\" (click)=\"addFromLibrary();\"\n    [disabled]=\"!visibility?.addFromLibrary\"\n    [ngClass]=\"[!visibility?.addFromLibrary ? 'sb-btn-outline-disabled' : '', (visibility?.addFromLibrary && buttonLoaders?.addFromLibraryButtonLoader) ? 'sb-btn-loading-spinner sb-btn-outline-disabled': '']\"\n    class=\"sb-btn sb-btn-outline-primary sb-btn-normal mt-10 mr-30\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_from_library','click','launch', telemetryService.telemetryPageId)\">\n    <i class=\"icon plus\" aria-hidden=\"true\" *ngIf=\"!buttonLoaders?.addFromLibraryButtonLoader\"></i>\n    <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.addFromLibraryButtonLoader\" role=\"status\" aria-hidden=\"true\">\n    </div>\n    {{configService.labelConfig?.button_labels?.add_from_library_btn_label}}\n  </button>\n  <div class=\"d-flex mt-10 mr-30\" *ngIf=\"config.objectType === 'QuestionSet'\">\n    <button [disabled]=\"!visibility?.addQuestionFromLibrary\" (click)=\"addQuestionFromLibrary();\"\n    [ngClass]=\"[!visibility?.addQuestionFromLibrary ? 'sb-btn-outline-disabled' : 'sb-btn-outline-primary', (visibility?.addQuestionFromLibrary && buttonLoaders?.addQuestionFromLibraryButtonLoader) ? 'sb-btn-loading-spinner sb-btn-outline-disabled': '']\"\n    class=\"sb-btn sb-btn-normal  mr-10\" libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_from_library','click','launch', telemetryService.telemetryPageId)\">\n    <i class=\"icon plus\" aria-hidden=\"true\" *ngIf=\"!buttonLoaders?.addQuestionFromLibraryButtonLoader\"></i>\n    <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.addQuestionFromLibraryButtonLoader\" role=\"status\" aria-hidden=\"true\">\n    </div>\n    {{configService.labelConfig?.button_labels?.add_from_library_btn_label}}\n  </button>\n  <button class=\"sb-btn sb-btn-normal sb-btn-primary\" [disabled]=\"!visibility?.createNew\"\n    [ngClass]=\"[!visibility?.createNew ? 'sb-btn-outline-disabled' : '', (visibility?.createNew && buttonLoaders?.addFromLibraryButtonLoader) ? 'sb-btn-loading-spinner sb-btn-outline-disabled': '']\"\n    type=\"button\"  (click)=\"createNewContent()\"\n    libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('create_new','click','launch', telemetryService.telemetryPageId)\">\n    <i class=\"icon plus\" *ngIf=\"!buttonLoaders?.addFromLibraryButtonLoader\"></i>\n    <div class=\"sb-loading-spinner\" *ngIf=\"buttonLoaders?.addFromLibraryButtonLoader\" role=\"status\" aria-hidden=\"true\">\n    </div>\n    {{configService.labelConfig?.button_labels?.create_new_btn_label}}\n  </button>\n  </div>\n</div>\n","styles":[".sb-collectionTree-fancyTreelist ul{padding:0!important}.sb-collectionTree-fancyTreelist .ui-fancytree{margin-bottom:1rem!important;margin:0;padding:0;list-style-type:none}.sb-collectionTree-fancyTreelist .ui-fancytree ul::before,.sb-collectionTree-fancyTreelist .ui-fancytree:before{background:0 0!important}.sb-collectionTree-fancyTreelist .ui-fancytree .fancytree-folder .fancytree-title{color:var(--primary-color)!important;font-size:.9286rem!important;font-weight:700!important;padding-left:5px;width:inherit!important}.sb-collectionTree-fancyTreelist .ui-fancytree .fancytree-folder .fancytree-title.highlightNode,.sb-collectionTree-fancyTreelist .ui-fancytree .fancytree-folder .fancytree-title.highlightNode::before{color:red!important}.sb-collectionTree-fancyTreelist .ui-fancytree li{padding:0;margin:0 0 1px}.sb-collectionTree-fancyTreelist .ui-fancytree li .highlightNode{color:red!important}.sb-collectionTree-fancyTreelist .ui-fancytree li .fancytree-ico-c{padding-left:5px!important}.sb-collectionTree-fancyTreelist .ui-fancytree li .fancytree-expanded{padding:15px 33px;border:1px solid transparent;background-color:#fff}.sb-collectionTree-fancyTreelist .ui-fancytree li .fancytree-active{border:1px solid #d0e0f3;background-color:var(--primary-0);padding:15px 33px;border-top:none}.sb-collectionTree-fancyTreelist .ui-fancytree li:last-child:after{display:none}.sb-collectionTree-fancyTreelist .ui-fancytree li ul{padding-top:1px}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li{list-style-type:none}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-custom-icon::before{color:var(--primary-color)!important;margin-top:2px;float:left;margin-left:6px;font-size:16px}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-custom-icon:last-child:after{display:none}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-custom-icon.highlightNode::before{color:red!important}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-node{padding:6px 6px 8px 5px;margin-left:45px;border:1px solid transparent}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-node.fancytree-active,.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-node.fancytree-focused,.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-node:hover{border:1px solid #d0e0f3;background-color:var(--primary-0);border-right:0}.sb-collectionTree-fancyTreelist .ui-fancytree li ul li .fancytree-node.dependent{margin-left:65px}.sb-collectionTree-fancyTreelist .ui-fancytree li::before{background:0 0!important}.sb-collectionTree-fancyTreelist .ui-fancytree li .sb-fancyTree-icon{color:var(--gray-300)!important}.sb-collectionTree-fancyTreelist .ui-fancytree li .fancytree-custom-icon::before{color:var(--primary-color)!important;margin-left:5px}.sb-collectionTree-fancyTreelist .ui-fancytree .fa-caret-down{margin-top:6px;display:block;width:10px;padding-left:2px}.sb-collectionTree-fancyTreelist .ui-fancytree .fa-caret-right{margin-top:6px;display:block;width:10px;padding-left:6px}.sb-fixed-with-whitebg{position:fixed;width:100%;border-top:1px solid #ddd;left:0;right:0;bottom:0;background-color:#fff;z-index:99999;padding:0!important}.sb-fixed-with-whitebg .sb-btn-cover{padding:.5rem;border-right:1px solid #ccc;width:50%;text-align:center}.sb-fixed-with-whitebg .sb-btn-cover .sb-btn:hover{background:0 0!important;color:var(--primary-400)}.sb-dotted-dropdown{position:absolute!important;right:6px;padding-left:33px}.sb-dotted-dropdown .menu{right:0!important;left:inherit!important}.sb-dotted-dropdown .menu .item{font-size:.785rem!important}.eight.bg-white{border-left:solid 1px var(--gray-100);padding-bottom:4.5rem!important}.b-none{border:none!important}.w-25{width:25.1%;max-width:25.1%}#removeNodeIcon{padding-right:24px}"]}]}],"members":{"tree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["fancyTree"]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"buttonLoaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"treeEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":61,"character":67},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵo"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"buildTreeFromFramework":[{"__symbolic":"method"}],"removeIntermediateLevelsFromFramework":[{"__symbolic":"method"}],"buildTree":[{"__symbolic":"method"}],"isFolder":[{"__symbolic":"method"}],"getIconClass":[{"__symbolic":"method"}],"isContent":[{"__symbolic":"method"}],"renderTree":[{"__symbolic":"method"}],"getTreeConfig":[{"__symbolic":"method"}],"eachNodeActionButton":[{"__symbolic":"method"}],"addChild":[{"__symbolic":"method"}],"addSibling":[{"__symbolic":"method"}],"getActiveNode":[{"__symbolic":"method"}],"attachContextMenu":[{"__symbolic":"method"}],"dropNode":[{"__symbolic":"method"}],"dragDrop":[{"__symbolic":"method"}],"dropNotAllowed":[{"__symbolic":"method"}],"maxTreeDepth":[{"__symbolic":"method"}],"checkContentAddition":[{"__symbolic":"method"}],"removeNode":[{"__symbolic":"method"}],"handleActionButtons":[{"__symbolic":"method"}],"addFromLibrary":[{"__symbolic":"method"}],"addQuestionFromLibrary":[{"__symbolic":"method"}],"getTelemetryInteractEdata":[{"__symbolic":"method"}],"createNewContent":[{"__symbolic":"method"}],"moveDependentNodes":[{"__symbolic":"method"}],"rearrangeBranchingLogic":[{"__symbolic":"method"}],"updateTreeCache":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"lib-meta-form","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"template":"<ng-container *ngIf=\"formFieldProperties\">\n  <lib-collection-icon *ngIf=\"showAppIcon\" [appIcon]=\"appIcon\" [appIconConfig]=\"appIconConfig\" (iconEmitter)=\"appIconDataHandler($event)\"></lib-collection-icon>\n  <sb-dynamic-form [config]=\"formFieldProperties\" (initialize)=\"outputData($event)\" (statusChanges)=\"onStatusChanges($event)\" (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n</ng-container>","styles":["@charset \"UTF-8\";.one-column-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr);-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;-moz-column-gap:.5rem;column-gap:.5rem}.two-column-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-moz-column-gap:.5rem;column-gap:.5rem;border-bottom:solid 1px var(--gray-100)}.two-column-grid:last-child{border-bottom:none}.three-column-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;-moz-column-gap:.5rem;column-gap:.5rem}.formSection{padding:1.5rem 0}.formSection:first-child{padding:0 0 1.5rem}.multi-select-section-app label{margin-bottom:.3rem!important;z-index:inherit}.list-border{height:inherit!important;min-height:45px!important}.list-border ul{padding:0 22px 0 0!important;position:inherit!important}.list-border ul span{font-weight:500!important;font-size:.785rem;padding:1.4rem 0!important}.multi-select-container .sb-modal-dropdown-web ul{border:none!important}.list-border,.sb-textarea,.sb-textbox,.topic-picker-selector,select{border:1px solid rgba(34,36,38,.15)!important;padding:.85rem .5rem!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500!important}.sb-keywordbox{border:1px solid rgba(34,36,38,.15)!important;padding:0!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500}.sb-keywordbox .ng2-tag-input{padding:0}.sb-keywordbox .ng2-tag-input tag{margin-left:.5rem}.sb-keywordbox .ng2-tags-container{margin-top:.2rem}.sb-keywordbox .tag-wrapper,.sb-keywordbox delete-icon svg{height:24px!important;line-height:24px}label{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:500}.multi-select-container .caret-down.disabled+.list-border{cursor:not-allowed;background-color:#fafafa!important}​ .multi-select-container .list-border ul{font-size:12px!important;color:#333;padding:0;margin:0!important;opacity:1!important;font-weight:500!important;position:inherit!important}.sb-dropdown label{padding:0!important}.sb-textarea-container .sb-textarea{height:2.9rem;padding-top:.5rem!important}.sb-textarea-container label{padding:0!important}sb-icon-dropdown{top:10px!important;right:6px!important}.sb-dropdown,.sb-textarea-container{margin:1rem 0!important}.dynamic-form .sb-search-input::-webkit-input-placeholder{padding-left:1.4rem!important}.dynamic-form .required label:after{content:\"*\";margin:-.2em 0 0 .2em;color:#db2828}.dynamic-form sb-dynamic-checkbox label{padding-left:1.5rem!important}.dynamic-form sb-dynamic-checkbox label:after{color:#fff!important;width:1rem!important;height:1rem!important}.sb-dropdown-select[disabled],.sb-textarea[disabled=true],.sb-textbox[disabled=true],.treepicker-parent div[disabled=true],[disabled=true].topic-picker-selector{opacity:1!important;font-weight:500!important;cursor:not-allowed;background-color:#fafafa!important}lib-meta-form sb-dynamic-form .dynamic-form{min-height:1100px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fs-8{font-size:.5rem}.fs-10{font-size:.625rem}.fs-12{font-size:.75rem}.fs-14{font-size:.875rem}.fs-16{font-size:1rem}.fs-18{font-size:1.125rem}.fs-20{font-size:1.25rem}.fs-22{font-size:1.375rem}.fs-24{font-size:1.5rem}.fs-26{font-size:1.625rem}.fs-28{font-size:1.75rem}.fs-30{font-size:1.875rem}.fs-36{font-size:2.25rem}[data-title]:hover::before{content:attr(data-title);position:absolute;left:0;top:20px!important;bottom:initial!important;display:inline-block;padding:3px 6px;border-radius:2px;background:#fff;color:#000;font-size:12px;font-family:sans-serif;white-space:normal!important;border:1px solid #ccc!important;height:auto!important;font-weight:600!important}"]}]}],"members":{"rootFormConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"unitFormConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"nodeMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"toolbarEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnChanges":[{"__symbolic":"method"}],"setAppIconData":[{"__symbolic":"method"}],"setShuffleValue":[{"__symbolic":"method"}],"showShuffleMessage":[{"__symbolic":"method"}],"fetchFrameWorkDetails":[{"__symbolic":"method"}],"attachDefaultValues":[{"__symbolic":"method"}],"isReviewMode":[{"__symbolic":"method"}],"ifFieldIsEditable":[{"__symbolic":"method"}],"outputData":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"appIconDataHandler":[{"__symbolic":"method"}],"showTimer":[{"__symbolic":"method"}],"getFramework":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}],"createLeavels":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-content-library","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"template":"<div class=\"add-to-library mb-0\">\n  <!-- Blue Header -->\n  <div class=\"sb-bg-color-primary add-to-library__header\">\n    <div class=\"ui container sb-container  relative position\">\n      <div class=\"d-flex flex-ai-center\">\n        <button class=\"sb-btn sb-btn-primary sb-btn-xs back-btn px-0\" libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('back','click','launch', telemetryService?.telemetryPageId)\"(click)=\"back();\"><i class=\"arrow left icon fs-1\"></i></button>\n        <div class=\"ml-8 sb-color-white\">\n          <div class=\"d-flex flex-ai-center fsmall\">\n            <div class=\"font-weight-bold fs-1-16\">{{configService.labelConfig?.lbl?.addFromLibrary}}</div>\n            <!-- <div class=\"sb-border-vertical mx-15\"></div>\n            <div class=\"flex flex-wrap\">\n              <h5>Chapter 1</h5>\n              <span>Science</span><span class=\"add-to-library-dot\"></span><span>Class 10</span><span\n                class=\"add-to-library-dot\"></span><span>DP-1205</span>\n            </div> -->\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n<!-- Filter -->\n  <lib-library-filter *ngIf=\"!showLoader\" [filterValues]=\"defaultFilters\" [searchFormConfig]=\"searchFormConfig\" [filterOpenStatus]=\"isFilterOpen\" [frameworkId]=\"frameworkId\" (filterChangeEvent)=\"onFilterChange($event);\"></lib-library-filter>\n  <div class=\"ui container sb-container min-h-500\" *ngIf=\"!showLoader && contentList?.length\">\n    <!-- Player Section -->\n    <div class=\"sb-g add-to-library__toc-player\">\n      <!-- Left Sidebar for cards -->\n      <section class=\"sb-g-col-xs-12 sb-g-col-md-4 sb-g-col-lg-4\">\n          <lib-library-list (contentChangeEvent)= \"onContentChangeEvent($event)\" [selectedContent] = \"selectedContent\"[contentList]=\"contentList\" [showAddedContent]=\"showAddedContent\" (moveEvent)=\"showResourceTemplate($event)\"></lib-library-list>\n      </section>\n      <!-- Right Player Sections -->\n      <section class=\"sb-g-col-xs-12 sb-g-col-md-8 sb-g-col-lg-8 relative position ml-24\">\n          <lib-library-player [contentListDetails]=\"selectedContent\" (moveEvent)=\"showResourceTemplate($event)\"></lib-library-player>\n      </section>\n    </div>\n  </div>\n</div>\n<div class=\"result-no-found\">\n  <div class=\"ui container sb-container\" *ngIf=\"showLoader\">\n    <div class=\"sb-g add-to-library__toc-player ml-30\">\n      <!-- Left Sidebar for cards -->\n      <section class=\"sb-g-col-xs-12 sb-g-col-md-4 sb-g-col-lg-4\">\n        <div class=\"sbtoc-container pr-8 mt-20\">\n          <div class=\"sbaccordion__panel-content p-16 mb-8 sb-dock-skeleton-bx\">\n            <div class=\"sbchapter__item\" *ngFor=\"let number of [].constructor(4)\">\n              <lib-skeleton-loader [width]=\"'90%'\" [height]=\"'12px'\" class=\"sb-dock-flex-auto\"></lib-skeleton-loader>\n              <div>\n                <lib-skeleton-loader [width]=\"'30%'\" [height]=\"'12px'\" class=\"sb-dock-flex-auto\"></lib-skeleton-loader>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"showSelectResourceModal\">\n  <lib-resource-reorder [prevUnitSelect]= \"selectedUnit\" [collectionhierarcyData]=\"collectionhierarcyData\" [collectionUnits]=\"collectionHierarchy\" [selectedContentDetails]=\"selectedContent\" [collectionId]=\"collectionId\" (moveEvent)=\"showResourceTemplate($event)\"></lib-resource-reorder>\n</div>\n\n<!--empty result -->\n<div class=\"result-no-found\">\n  <div class=\"ui container sb-container\" *ngIf=\"!showLoader && !contentList?.length\">\n    <div class=\"add-to-library__no-result\">\n      <h5 class=\"font-weight-bold\">{{configService.labelConfig?.lbl?.noMatchingContent}}</h5>\n      <img alt=\"No Content available\" class=\"mt-16\" src=\"assets/images/emptyResult.svg\">\n      <h6 class=\"sb-color-gray-300 font-weight-normal mt-8\">{{configService.labelConfig?.lbl?.changeFilterMessage}}</h6>\n      <button class=\"sb-btn sb-btn-secondary sb-btn-normal mt-16\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('change_filter','click','launch', telemetryService?.telemetryPageId)\" (click)=\"openFilter();\">{{configService.labelConfig?.lbl?.changeFilter}}</button>\n    </div>\n  </div>\n</div>","styles":[".add-to-library__header{height:55px;line-height:50px}.add-to-library__no-result{display:flex;flex-direction:column;align-items:center;padding:5.5rem 0 0;width:20rem;text-align:center;margin:0 auto}.sb-dock-skeleton-bx{border-top:.0625rem solid #e0e0e0;background:var(--gray-0);min-height:2rem;overflow:hidden;overflow-y:auto;box-shadow:rgba(0,0,0,.1)}.sb-dock-flex-auto{flex:1 1 auto}.sb-dock-width-auto{width:auto}.sbchapter{border-bottom:solid #ddd;padding:calculateRem(16px) calculateRem(16px) calculateRem(8px)}.sbchapter h4{font-size:10px;line-height:normal;color:var(--gray-800);margin-bottom:calculateRem(8px)}.sbchapter .textbookBtnLink{visibility:hidden}.sbchapter__item{background:var(--white);border:solid #ddd;box-shadow:0 calculateRem(3px) calculateRem(4px) 0 rgba(2,79,157,.1);display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;cursor:pointer;min-height:3.2rem;position:relative}.sbchapter__item.active{background:var(--secondary-300);border:.0625rem solid var(--gray-100);border-bottom:0}.sbchapter__item.active.active:last-child{border-bottom:.0625rem solid var(--gray-100)}.sbchapter__item.active .textbookBtnLink{visibility:visible;right:12px}.sbchapter__item.active .textbookBtnLink .sb-btn-link{border-color:var(--secondary-0)!important;background-color:var(--secondary-0)!important}.sbchapter__item.selected{background:var(--secondary-300);border:solid 1px var(--primary-600)}.sbchapter__item.active.selected{border:1px solid!important}.sbchapter__item .btn-addtoLibrary{position:absolute;right:1px;display:flex;justify-content:center;align-items:center;padding:8px}.sbchapter__item h4{font-size:12px;line-height:calculateRem(20px);color:var(--primary-400);margin:0;padding:0}.sbchapter__item .sbchapter__img{width:calculateRem(40px);height:calculateRem(40px);flex:0 0 calculateRem(40px);overflow:hidden}.sbchapter__item .sbchapter__img img{width:100%}.sbchapter__item:last-child{margin-bottom:0}.sbchapter__item:hover{background:var(--secondary-0);visibility:visible}.sbchapter__item--active{background:var(--primary-100)}.sbchapter__item .sb-checkbox.ui.checkbox{min-width:30px!important}.sb-btn-dark-green{background:var(--green);border:1px solid green!important;color:var(--white)}.b-none{border:none!important}.fs-0785{font-size:.785rem}.bg-white{background:#fff}.result-no-found{background:#fff!important;position:relative;z-index:99}.result-no-found .ui.container{width:100%!important;height:100vh}.chat_bot,lib-chat-window{display:none}"]}]}],"members":{"libraryInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"libraryEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":38,"character":30},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"onFilterChange":[{"__symbolic":"method"}],"setDefaultFilters":[{"__symbolic":"method"}],"fetchContentList":[{"__symbolic":"method"}],"getUnitWithChildren":[{"__symbolic":"method"}],"generateNodeMeta":[{"__symbolic":"method"}],"onContentChangeEvent":[{"__symbolic":"method"}],"showResourceTemplate":[{"__symbolic":"method"}],"getHierarchyData":[{"__symbolic":"method"}],"sortContentList":[{"__symbolic":"method"}],"openFilter":[{"__symbolic":"method"}],"filterContentList":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-library-filter","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"template":"<div class=\"sb-prominent-filter sb-bg-header-blue\">\n  <div class=\"ui container pt-5 pb-20\">\n    <div class=\"d-flex flex-w-wrap flex-jc-space-between flex-ai-center\">\n      <div class=\"sb-search-box small no-btn\">\n        <div class=\"input-div relative\">\n          <i class=\"search icon\"></i>\n          <input id=\"searchInputField\" class=\"sb-search-input\" [(ngModel)]=\"searchQuery\" type=\"text\" (keyup.enter)=\"onQueryEnter($event);\" placeholder={{configService.labelConfig?.lbl?.searchLibrary}}\n          libTelemetryInteract\n          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('search_library','click',undefined, this.telemetryService?.telemetryPageId)\"/>\n        </div>\n        <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.lbl?.search}}</button>\n      </div>\n      <div class=\"fs-0-785 cursor-pointer\" (click)=\"showfilter()\"\n        libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('filter_accordion','click',undefined, this.telemetryService?.telemetryPageId)\">\n        {{configService.labelConfig?.lbl?.filterText}}\n        <i *ngIf=\"isFilterShow\" class=\"caret up icon\"></i>\n        <i *ngIf=\"!isFilterShow\" class=\"caret down icon\"></i>\n      </div>\n    </div>\n\n    <div class=\"library-filter pt-16\" *ngIf=\"isFilterShow\">\n      <hr class=\"mb-20\">\n      <ng-container *ngIf=\"filterConfig\">\n        <sb-dynamic-form [config]=\"filterConfig\" (initialize)=\"outputData($event)\"\n          (statusChanges)=\"onStatusChanges($event)\" (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n      </ng-container>\n      <div class=\"d-flex flex-as-center pt-10 sb-btn-cover flex-jc-space-end\">\n        <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary ml-5\" (click)=\"resetFilter();\"\n        libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('reset','click','submit', this.telemetryService?.telemetryPageId)\"\n        >{{configService.labelConfig?.button_labels?.reset_btn_label}}</button>\n        <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary ml-15\" (click)=\"applyFilter();\"\n        libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('apply','click','submit', this.telemetryService?.telemetryPageId, {filters: filterValues})\"\n        >{{configService.labelConfig?.button_labels?.apply_btn_label}}</button>\n      </div>\n    </div>\n  </div>\n</div>","styles":[".library-filter .two-column-grid{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.library-filter .list-border.cursor-pointer{margin-top:12px}.library-filter .list-border{background:#fff}.library-filter sb-dynamic-dropdown .sb-dropdown-select{margin-top:.1rem;padding:14px 8px!important}.library-filter .ui.modals{z-index:9999!important}.sb-search-box .sb-search-input{padding:0 3.5rem 0 2rem!important}.sb-prominent-filter-field{width:33.2%!important}.sb-prominent-filter{position:relative;top:unset;box-shadow:none}.sb-prominent-filter:nth-child(6){padding-right:0}.sb-prominent-filter .sb-search-box{width:36%;border:1px solid var(--gray-200)}.sb-prominent-filter .sb-search-box .search.icon:before{color:#bbb7b2}.sb-prominent-filter .sb-search-box .sb-search-input{padding:.5rem}.sb-prominent-filter .small{max-width:inherit}.sb-prominent-filter .sb-prominent-filter-field{cursor:pointer}.sb-prominent-filter .sb-prominent-filter-field:last-child{text-align:inherit!important;margin:inherit!important}.sb-prominent-filter .sb-prominent-filter-field .ui.selection.dropdown{border-color:#999}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.selection.dropdown .text{padding-left:.7rem;text-transform:none}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.search.dropdown>input.search{left:0}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.multiple.search.dropdown>input.search{margin:0}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.multiple.search.dropdown>.text{top:2px}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.multiple.dropdown .label{margin:.25rem;vertical-align:middle}.sb-prominent-filter .sb-prominent-filter-field ::ng-deep .ui.multiple.dropdown>.text{line-height:1.4rem;vertical-align:bottom;padding:0 0 0 .7rem}.flex-jc-space-end{justify-content:flex-end!important}.multi-select-container .list-border{height:inherit!important}.multi-select-container .list-border ul{position:static!important;padding:0 20px 0 0!important}.ui.modals{z-index:9999!important}"]}]}],"members":{"sessionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"filterValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"filterOpenStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"searchFormConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"frameworkId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"filterChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"setFilterDefaultValues":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchFrameWorkDetails":[{"__symbolic":"method"}],"populateFilters":[{"__symbolic":"method"}],"onQueryEnter":[{"__symbolic":"method"}],"showfilter":[{"__symbolic":"method"}],"resetFilter":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"emitApplyFilter":[{"__symbolic":"method"}],"outputData":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-library-list","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<div class=\"sbtoc-container pr-8 mt-20\">\n  <div class=\"title sb-color-primary font-weight-bold fs-1\">\n    Showing ({{contentList?.length}}) most relevant content\n  </div>\n  <div class=\"d-flex flex-w-wrap flex-jc-space-between flex-ai-baseline mb-15\">\n    <div>\n      <small class=\"sb-color-gray-200 d-block pb-10\">{{configService.labelConfig?.lbl?.selectContentToAdd}}</small>\n      <sui-checkbox class=\"toggle\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('show_content_added_to_collection','click','launch', telemetryService?.telemetryPageId, {showAddedContent: !showAddedContent})\"\n       [(ngModel)]=\"showAddedContent\" (checkChange)=\"onShowAddedContentChange();\"></sui-checkbox>\n        <small class=\"d-block mt-5 fs-0785\"> {{configService.labelConfig?.lbl?.showContentAddedToCollection}}</small>\n    </div>\n    <div class=\"sb-w-75\">\n      <label class=\"d-block font-weight-normal fs-0785\">{{configService.labelConfig?.lbl?.sortBy}}</label>\n      <div (click)=\"sortContentList();\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('sort_by','click','launch', telemetryService?.telemetryPageId, {sortContent: !sortContent})\"\n       [ngClass]=\"{'sb-btn-outline-primary': sortContent}\" class=\"sb-btn sb-btn-outline-gray sb-btn-normal ripple\">{{configService.labelConfig?.lbl?.sortlabel}}</div>\n</div>\n  </div>\n  <!-- Class separator -->\n  <div class=\"sb-library-scroll\">\n    <div *ngFor=\"let content of contentList\">\n      <div class=\"sbchapter__item mb-0 d-flex flex-dc\" [ngClass]=\" {'selected':content.identifier === selectedContent.identifier}\"\n       (click)=\"onContentChange(content)\" libTelemetryInteract\n       [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('on_click_content','click','launch', telemetryService?.telemetryPageId)\"\n       [class.d-none]=\"content.isAdded && !showAddedContent\">\n      <!-- <div class=\"sbchapter__img\"><img src=\"./assets/images/book.png\" /></div> -->\n        <div class=\"d-flex w-100\">\n          <div class=\"w-60\">\n            <h4 class=\"pl-8\">\n              <div class=\"sbcard__title mb-0 font-weight-bold ellipsis w-75\" popupDelay=\"1000\" suiPopup\n              popupText=\"{{content.name}}\">{{content.name}}</div>\n              <div class=\"sbchapter__item__title text-left sb__ellipsis sb__ellipsis--two mr-8 sb-color-black\">\n              <span *ngIf=\"content.board\"> By {{content.board}} </span>\n              </div>\n            </h4>\n          </div>\n          <div class=\"w-40\">\n            <div class=\"text-right\" [hidden]=\"!content.isAdded\">\n              <button type=\"button\" class=\"text-right py-0 sb-btn sb-btn-normal sb-btn-link sb-btn-hover-none\n              sb-color-success sb-left-icon-btn fs-0-785\"><i class=\"circle check icon\"></i>\n              {{configService.labelConfig?.lbl?.addedToCollection}}</button>\n            </div>\n            <div libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('select_content','click','launch', telemetryService?.telemetryPageId)\" class=\"text-right pr-5\" *ngIf=\"content.identifier === selectedContent.identifier\">\n              <button class=\"sb-btn sb-btn-xs sb-btn-dark-green sb-left-icon-btn font-weight-bold text-inherit\" (click)=\"addToLibrary()\">\n                <i class=\"plus square icon mr-4\" ></i>{{configService.labelConfig?.lbl?.selectContent}}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <h6 class=\"sb-color-gray-400 font-weight-normal mt-20\">{{configService.labelConfig?.lbl?.changingFilters}} </h6>\n  <a class=\"sb-color-primary cursor-pointer font-weight-bold fs-0-785 text-inherit\" (click)=\"changeFilter()\" libTelemetryInteract\n  [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('change_filter','click','launch', telemetryService?.telemetryPageId)\">{{configService.labelConfig?.lbl?.ChangeFilters}}</a>\n</div>","styles":[".sbtoc-container .ui.toggle.checkbox label:before{width:4rem!important;background:rgba(0,0,0,.15)!important}.ui.toggle.checkbox input:checked~label:after{left:3rem!important}.sbchapter{border-bottom:solid #ddd;padding:calculateRem(16px) calculateRem(16px) calculateRem(8px)}.sbchapter h4{font-size:10px;line-height:normal;color:var(--gray-800);margin-bottom:calculateRem(8px)}.sbchapter .textbookBtnLink{visibility:hidden}.sbchapter__item{background:var(--white)!important;border:solid #ddd!important;box-shadow:0 calculateRem(3px) calculateRem(4px) 0 rgba(2,79,157,.1);display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:calculateRem(8px);padding:calculateRem(8px);cursor:pointer;min-height:calculateRem(56px);position:relative}.sbchapter__item.active{background:var(--secondary-300);border:.0625rem solid var(--gray-100);border-bottom:0}.sbchapter__item.active.active:last-child{border-bottom:.0625rem solid var(--gray-100)}.sbchapter__item.active .textbookBtnLink{visibility:visible;right:12px}.sbchapter__item.active .textbookBtnLink .sb-btn-link{border-color:var(--secondary-0)!important;background-color:var(--secondary-0)!important}.sbchapter__item.selected{background:var(--secondary-300);border:solid 1px var(--primary-600)}.sbchapter__item.active.selected{border:1px solid!important}.sbchapter__item .btn-addtoLibrary{position:absolute;right:1px;display:flex;justify-content:center;align-items:center;padding:8px}.sbchapter__item h4{font-size:12px;line-height:calculateRem(20px);color:var(--primary-400);margin:0;padding:0}.sbchapter__item .sbchapter__img{width:calculateRem(40px);height:calculateRem(40px);flex:0 0 calculateRem(40px);overflow:hidden}.sbchapter__item .sbchapter__img img{width:100%}.sbchapter__item:last-child{margin-bottom:0}.sbchapter__item:hover{background:var(--secondary-0)!important;visibility:visible}.sbchapter__item--active{background:var(--primary-100)}.sbchapter__item .sb-checkbox.ui.checkbox{min-width:30px!important}.sbchapter-open{border-bottom:solid #e0e0e0;padding-bottom:var(--base-block-space)}.sbchapter-open__title{font-size:14px;font-weight:700;color:var(--primary-400);margin:0;padding:calculateRem(16px);width:100%}.sbchapter-open__topics{padding:0}.sbchapter-open__topics__title{font-size:14px;margin:0 0 calculateRem(8px);color:var(--primary-400);padding:0 calculateRem(16px)}.sbchapter-open__topic{font-size:12px;padding:calculateRem(8px) calculateRem(32px);margin:0;color:var(--primary-400)}.sbchapter-open__topic--active{background:var(--primary-100)}.sbchapter-open__topic:hover{background:var(--gray-0)}.sb-library-scroll{max-height:calc(100vh - 72px);overflow:auto}.textbookBtnLink{right:0}"]}]}],"members":{"contentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":1}}]}],"showAddedContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":1}}]}],"contentChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":1}}]}],"moveEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":1}}]}],"selectedContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"onContentChange":[{"__symbolic":"method"}],"changeFilter":[{"__symbolic":"method"}],"onShowAddedContentChange":[{"__symbolic":"method"}],"sortContentList":[{"__symbolic":"method"}],"addToLibrary":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"lib-question","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"<div *ngIf='showLoader' class=\"ui container\">\n  <app-loader></app-loader>\n</div>\n<div class=\"sb-editor-container mb-0\" *ngIf=\"!showLoader\">\n  <lib-header [labelConfigData]=\"toolbarConfig\" [buttonLoaders]=\"buttonLoaders\" [pageId]=\"pageId\" [requestChange] = \"requestChangesPopupAction\" (toolbarEmitter)=\"toolbarEventListener($event)\">\n  </lib-header>\n\n  <div class=\"sb-bg-white py-20\">\n    <div class=\"ui container sb-container\">\n      <div class=\"ui twelve column wide h-100\">\n        <div class=\"px-16\">\n          <div *ngIf=\"showPreview\" class=\"br-2 b-1-100\">\n            <lib-quml-player [questionSetHierarchy]=\"questionSetHierarchy\" [isSingleQuestionPreview]=\"true\"></lib-quml-player>\n          </div>\n          <div style=\"display: flex;align-items: flex-end;justify-content: flex-end;\"\n            *ngIf=\"showOptions || isChildQuestion \">\n            <div class=\"options\">\n              <sui-select [(ngModel)]=\"condition\" valueField=\"value\" class=\"selection multiselect\"\n              labelField=\"label\" [placeholder]=\"'Select Condition'\" #select [isDisabled]=\"isReadOnlyMode\">\n                <sui-select-option [value]=\"{label:'Equal to',value:'eq'}\"></sui-select-option>\n                <sui-select-option [value]=\"{label:'Not equal',value:'ne'}\"></sui-select-option>\n              </sui-select>\n\n              <sui-multi-select class=\"selection multiselect\" [(ngModel)]=\"selectedOptions\" valueField=\"value\"\n                labelField=\"label\" [isSearchable]=\"false\" #multiSelect [placeholder]=\"'Select options'\" [isDisabled]=\"isReadOnlyMode\" >\n                <sui-select-option *ngFor=\"let option of options\" [value]=\"option\">\n                </sui-select-option>\n              </sui-multi-select>\n            </div>\n          </div>\n          <div class=\"py-20 px-32 br-4 b-1-100\" *ngIf=\"!showPreview\" [ngClass]=\"{'sb-bg-color-primary-0': !isReadOnlyMode}\">\n            <div class=\"sb-field-group\">\n              <label *ngIf=\"!isReadOnlyMode\" class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.question}}<span class=\"sb-required\">*</span></label>\n              <div class=\"sb-field\">\n                <div [ngClass]=\"{'ckeditor-tool__question': !isReadOnlyMode, 'ckeditor-tool__question-readonly': isReadOnlyMode, 'mb-5': true}\">\n                  <lib-ckeditor-tool\n                    *ngIf=\"!isReadOnlyMode\"\n                    (editorDataOutput)=\"editorDataHandler($event, 'question')\"\n                    [editorDataInput]=\"editorState.question\"\n                    (videoDataOutput)=\"videoDataOutput($event)\" [videoShow]=\"videoShow\"></lib-ckeditor-tool>\n                  <ng-container *ngIf=\"isReadOnlyMode\">\n                    <label class=\"px-16 py-8 fs-0-92 mb-0 ckeditor-tool__label width-100\">{{configService.labelConfig?.lbl?.question}}</label>\n                    <div class=\"ckeditor-tool__solution__body\">\n                      <p class=\"fs-0-785 p-16\" [innerHTML]=\"editorState.question | sanitizeHtml\"></p>\n                    </div>\n                  </ng-container>\n                </div>\n                <label *ngIf=\"\n                    showFormError &&\n                    [undefined, ''].includes(editorState.question)\n                  \" class=\"sb-color-error fs-0-785\">{{configService.labelConfig?.lbl?.questionRequired}}</label>\n              </div>\n              <lib-question-option-sub-menu *ngIf=\"subMenus?.length\" [subMenus]=\"subMenus\"\n                (onChange)=\"subMenuChange($event)\"></lib-question-option-sub-menu>\n\n              <lib-answer *ngIf=\"questionInteractionType === 'default'\"\n                [editorState]=\"editorState\" [showFormError]=\"showFormError\"\n                (editorDataOutput)=\"editorDataHandler($event)\" [isReadOnlyMode]=\"isReadOnlyMode\"></lib-answer>\n\n              <lib-options *ngIf=\"questionInteractionType === 'choice'\"\n                [questionPrimaryCategory]=\"questionPrimaryCategory\"\n                [editorState]=\"editorState\" [showFormError]=\"showFormError\"\n                (editorDataOutput)=\"editorDataHandler($event)\"\n                [sourcingSettings]=\"sourcingSettings\" [mapping]=\"scoreMapping\"\n                [isReadOnlyMode]=\"isReadOnlyMode\"></lib-options>\n\n              <lib-slider *ngIf=\"questionInteractionType === 'slider'\" [editorDataInput]=\"sliderOptions\"\n                (onChange)=\"sliderData($event)\"></lib-slider>\n\n              <ng-container *ngIf=\"!isReadOnlyMode; else readOnlySolutionsContainer\">\n                <div *ngIf=\"sourcingSettings?.showSolution !== false\" class=\"d-flex flex-ai-center ckeditor-tool__solution py-10 px-16 mt-15 sb-bg-color-white\">\n                  <label class=\"fs-0-92 mb-0 ckeditor-tool__label pb-4\">\n                    <span class=\"sb-color-primary fs-0-785 mr-4\">{{configService.labelConfig?.lbl?.solution}}</span>\n                    <span class=\"sb-color-gray-200 fxsmall font-weight-normal\">{{configService.labelConfig?.lbl?.optional}}</span>\n                  </label>\n                  <div\n                    class=\"ui dropdown sb-btn sb-btn-outline-primary sb-btn-normal sb-right-icon-btn sb-btn-radius ml-auto\"\n                    suiDropdown autoClose=\"itemClick\" *ngIf=\"showSolutionDropDown\" libTelemetryInteract\n                    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('choose_type','click','single_select', telemetryService.telemetryPageId)\">\n                    <div class=\"text gray-200\">{{configService.labelConfig?.lbl?.chooseType}}</div>\n                    <i class=\"dropdown icon mx-8\"></i>\n                    <div class=\"menu\" suiDropdownMenu>\n                      <div class=\"item\" (click)=\"selectSolutionType('Text+Image')\" (keydown.enter)=\"selectSolutionType('Text+Image')\" tabindex=\"0\" libTelemetryInteract\n                        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('solution_type','select','single_select', telemetryService.telemetryPageId, {solution_type:'Text+Image'})\">\n                        {{configService.labelConfig?.lbl?.textImage}}\n                      </div>\n                      <div class=\"item\" (click)=\"selectSolutionType('video')\" (keydown.enter)=\"selectSolutionType('video')\" tabindex=\"0\" libTelemetryInteract\n                        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('solution_type','select','single_select', telemetryService.telemetryPageId, {solution_type:'video'})\">\n                        {{configService.labelConfig?.lbl?.video}}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"solution_html\" *ngIf=\"selectedSolutionType == 'html'\">\n                  <div class=\"ckeditor-tool-container\">\n                    <div class=\"sb-ckeditor relative mb-8\">\n                      <button (click)=\"deleteSolution()\" class=\"sb-btn sb-ckeditor-close absolute\" libTelemetryInteract\n                        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('delete_solution','click','cancel', telemetryService.telemetryPageId, {solution_type:'Text+Image'})\">\n                        <i class=\"icon close\"></i>\n                      </button>\n                      <lib-ckeditor-tool (editorDataOutput)=\"\n                          editorDataHandler($event, 'solution')\n                        \"[editorDataInput]=\"editorState.solutions\"\n                        class=\"ckeditor-tool__option\"></lib-ckeditor-tool>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"solution_video\" *ngIf=\"selectedSolutionType == 'video' && showSolution\">\n                  <div class=\"ckeditor-tool__solution sb-bg-color-white sb-ckeditor relative\">\n                    <div class=\"solution-media p-16 d-flex flex-ai-center ckeditor-tool__option p-16\">\n                      <div class=\"mcq-checkbox-answer\">\n                        <button class=\"sb-btn sb-ckeditor-close absolute\" (click)=\"deleteSolution()\"\n                          libTelemetryInteract\n                          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('delete_solution','click','cancel', this.telemetryService.telemetryPageId, {solution_type:'video'})\">\n                          <i class=\"icon close\"></i>\n                        </button>\n                      </div>\n                      <div class=\"solution-media__video relative position\">\n                        <div class=\"overlay-image\" [ngStyle]=\"\n                            videoThumbnail\n                              ? { background: 'url(' + videoThumbnail + ')' }\n                              : { background: 'rgba(0,0,0,0.3)' }\n                          \">\n                          <i class=\"play circle icon\"></i>\n                        </div>\n                      </div>\n                      <div class=\"solution-media__desc ml-16 sb-color-primary\">\n                        {{ videoSolutionName\n                        }}\n                        <!-- <i class=\"icon ellipsis vertical sb-color-black\"></i> -->\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </ng-container>\n              <ng-template #readOnlySolutionsContainer>\n                <div class=\"row\" *ngIf=\"editorState.solutions\">\n                  <div class=\"twelve wide column p-0\">\n                      <div class=\"ckeditor-tool width-100\">\n                          <div class=\"ckeditor-tool__question-readonly mb-24\">\n                              <label class=\"px-16 py-8 fs-0-92 mb-0 ckeditor-tool__label width-100\">Solution</label>\n                              <div class=\"ckeditor-tool__solution__body\" *ngIf=\"selectedSolutionType == 'html'\">\n                                  <p class=\"fs-0-785 p-16\" [innerHTML]=\"editorState.solutions | sanitizeHtml\"></p>\n                              </div>\n                              <div class=\"ckeditor-tool__solution__body\" *ngIf=\"selectedSolutionType == 'video' && showSolution\">\n                                  <div class=\"solution-media p-16 d-flex flex-ai-center\">\n                                      <div class=\"solution-media__video relative position\">\n                                      <div class=\"overlay-image\" [ngStyle]=\"videoThumbnail ?  {'background' : 'url(' + videoThumbnail + ')' }  : {'background': 'rgba(0,0,0,0.3)'}\"><i class=\"play circle icon\"></i></div>\n                                      </div>\n                                      <div class=\"solution-media__desc ml-16\">\n                                      {{videoSolutionName}}\n                                      </div>\n                                  </div>\n                              </div>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n              </ng-template>\n            </div>\n          </div>\n          <!-- <lib-translations *ngIf=\"showTranslation\"></lib-translations> -->\n          <!-- child question section -->\n          <div class=\"b-1-100 br-4 my-15 px-32 py-10 sb-bg-color-primary-0\"\n            *ngFor=\"let question of dependentQuestions;let childindex=index\">\n            {{ questionSetHierarchy.children ? 'Q'+ (questionSetHierarchy.children.length+1):''}} {{'. '+\n            (childindex+1)}}\n            <button\n              class=\"sb-btn sb-btn-outline-primary sb-btn-xs sb-left-icon-btn text-inherit b-0 bg-none no-hover pl-0\">\n              <span class=\"sb-line-height-24\">edit question</span>\n            </button>\n          </div>\n          <hr>\n          <div *ngIf=\"questionFormConfig\">\n            <div class=\"pl-5 py-10 font-weight-bold fs-0-92\">\n              {{configService.labelConfig?.lbl?.Questiondetails}}\n            </div>\n            <div class=\"form-container px-30\">\n              <sb-dynamic-form [config]=\"questionFormConfig\" (initialize)=\"output($event)\"\n                (statusChanges)=\"onStatusChanges($event)\" (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<sui-modal *ngIf=\"showConfirmPopup\" [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'small'\"\n  class=\"sb-modal bx-none overflow-modal\" appBodyScroll (dismissed)=\"showConfirmPopup = !showConfirmPopup\" #modal>\n  <div class=\"sb-modal-header\"></div>\n  <div class=\"sb-modal-content\">\n    {{configService.labelConfig?.lbl?.confirmQuestionNotSaved}}\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-primary\" (click)=\"redirectToQuestionset()\">\n      {{configService.labelConfig?.button_labels?.yes_btn_label}}\n    </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" (click)=\"showConfirmPopup = !showConfirmPopup\">\n      {{configService.labelConfig?.button_labels?.no_btn_label}}\n    </button>\n  </div>\n</sui-modal>\n\n<lib-term-and-condition\n        [showEditingConsent]=\"editorService.isReviewerEditEnable\"\n        [showSubmitConfirmPopup]=\"showSubmitConfirmPopup\" (sendForReviewOutput)=\"onConsentSubmit($event)\">\n</lib-term-and-condition>\n\n<sui-modal *ngIf=\"showReviewModal\" [mustScroll]=\"true\" [isClosable]=\"false\" [transitionDuration]=\"0\"\n  [size]=\"'normal'\" class=\"sb-modal bx-none overflow-modal\" appBodyScroll #modal (dismissed)=\"showReviewModal = false;\">\n  <div class=\"sb-modal-header\">\n    {{configService.labelConfig?.lbl?.reviewComments}}\n  </div>\n  <div class=\"sb-modal-content\">\n      <div class=\"sb-field\">\n          <label>{{configService.labelConfig?.lbl?.comments}}</label>\n            <textarea disabled=\"disabled\" type=\"text\" class=\"wmd-input width-100 sb-form-control p-10 sb-disabled-textarea\" id=\"wmd-input\" [(ngModel)]=\"contentComment\" name=\"rejectedComment\"></textarea>\n      </div>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" (click)=\"modal.deny('denied')\"\n    libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('close','click','cancel', telemetryService.telemetryPageId,  {key: 'dialog_id', value: 'review_comments'})\">{{configService.labelConfig?.button_labels?.close_btn_label}}</button>\n  </div>\n</sui-modal>\n\n<lib-quality-params-modal\n  [labelConfigData]=\"toolbarConfig\"\n  [showQualityParameterPopup]=\"showQualityParameterPopup\"\n  [qualityFormConfig]=\"qualityFormConfig\"\n  (qualityParamChanged)=\"onQualityFormSubmit($event)\">\n</lib-quality-params-modal>\n","styles":[".sb-w-85{width:85%}sui-select{width:100%;border:1px solid rgba(34,36,38,.15);font-size:.8rem;padding:.4rem .2rem;background:#fff}.dropdown.icon{float:right!important}.menu{width:100%}.solution-media__video{width:166px;height:96px}.solution-media__video .overlay-image{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;right:0;cursor:pointer;z-index:1}.solution-media__video .overlay-image .play.icon{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;color:rgba(255,255,255,.6);font-size:32px;cursor:pointer;height:auto}.solution-media__desc{font-size:12px;font-weight:700;color:#333;max-width:180px;height:96px;display:flex;align-items:flex-end;line-height:13px}.ckeditor-tool__option,.ckeditor-tool__question{border:1px solid #c4c4c4;border-radius:4px;border-top:0;position:relative;display:flow-root}.ckeditor-tool__option-readonly,.ckeditor-tool__question-readonly,.ckeditor-tool__solution{border:1px solid #c4c4c4;border-radius:4px;margin-bottom:-4px}.ckeditor-tool__label{background-color:#f3f8ff;color:var(--primary-color)!important;font-weight:600;border-top-left-radius:4px;border-top-right-radius:4px}.mcq-checkbox-answer{background:#f2f2f2;padding:8px;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ckeditor-tool__solution .menu .item{font-size:.785rem!important}.solution_video .ckeditor-tool__option{border:0}.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{border-radius:4px!important}.solution_html .sb-ckeditor .sb-ckeditor-close,.solution_video .sb-ckeditor .sb-ckeditor-close{right:5px;top:-30px;border:0;background:0 0;min-width:auto;padding:0;color:#999}.sb-ckeditor .sb-ckeditor-close{right:-5px;top:-22px;border:0;background:0 0;min-width:auto;padding:0;color:#999}.sb-mcq-form .sb-mcq-item:nth-child(4) .sb-ckeditor .ckeditor-tool__option{margin-bottom:0!important}.two-column-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-moz-column-gap:.5rem;column-gap:.5rem;border-bottom:solid 1px var(--gray-100)}.two-column-grid:last-child{border-bottom:none}.dynamic-form .sb-search-input::-webkit-input-placeholder{padding-left:1.4rem!important}.dynamic-form .required label:after,.sb-editor-container .dynamic-form .multi-select-container .list-border .required ul:after,.sb-editor-container .dynamic-form .required .multi-select-container .list-border ul:after{content:\"*\";margin:-.2em 0 0 .2em;color:#db2828}.list-border{height:inherit!important}.list-border ul{padding:0!important}.list-border ul span{font-weight:500!important;font-size:.785rem}.sb-editor-container{position:relative;z-index:998!important}.sb-editor-container .sb-input:first-child{margin:1rem 0!important}.sb-editor-container .sb-container{width:95%!important}.sb-editor-container .dynamic-form .sb-dropdown-select{padding:11px 8px!important}.sb-editor-container .dynamic-form .multi-select-container .list-border ul,.sb-editor-container .dynamic-form label{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:600}.sb-editor-container .dynamic-form .list-border,.sb-editor-container .dynamic-form .sb-textarea,.sb-editor-container .dynamic-form .sb-textbox,.sb-editor-container .dynamic-form .topic-picker-selector,.sb-editor-container .dynamic-form select{border:1px solid rgba(34,36,38,.15)!important;padding:12px 8px!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500}.sb-editor-container .dynamic-form .multi-select-container .list-border ul{color:#333;padding:0;margin:0!important;opacity:1!important;font-weight:500!important}.sb-editor-container .dynamic-form .sb-modal-dropdown-web ul{color:#333;padding:0;margin:0!important;opacity:1!important;font-size:12px!important;font-weight:500;border:2px solid #eeeeef}.sb-editor-container .dynamic-form .sb-keywordbox{border:1px solid rgba(34,36,38,.15)!important;padding:0!important;border-radius:.28571429rem;font-size:.785rem!important;font-weight:500}.sb-editor-container .dynamic-form .sb-keywordbox .ng2-tag-input{padding:0}.sb-editor-container .dynamic-form .sb-keywordbox .ng2-tag-input tag{margin-left:.5rem}.sb-editor-container .dynamic-form .sb-keywordbox .ng2-tags-container{margin-top:.2rem}.sb-editor-container .dynamic-form .sb-keywordbox .tag-wrapper,.sb-editor-container .dynamic-form .sb-keywordbox delete-icon svg{height:24px;line-height:24px}.sb-editor-container .dynamic-form .multi-select-container .list-border .sb-dropdown ul,.sb-editor-container .dynamic-form .sb-dropdown .multi-select-container .list-border ul,.sb-editor-container .dynamic-form .sb-dropdown label{padding:0}.sb-editor-container .dynamic-form .sb-textarea-container .sb-textarea{height:2.9rem;padding-top:.5rem!important}.sb-editor-container .dynamic-form .multi-select-container .list-border .sb-textarea-container ul,.sb-editor-container .dynamic-form .sb-textarea-container .multi-select-container .list-border ul,.sb-editor-container .dynamic-form .sb-textarea-container label{padding:0}.sb-editor-container .dynamic-form .sb-checkbox{padding:0;margin-top:0}.sb-editor-container .dynamic-form sb-icon-dropdown{top:10px!important;right:6px!important}.sb-editor-container .sb-dropdown,.sb-editor-container .sb-textarea-container{margin:1rem 0!important}.chat_bot,lib-chat-window{display:none!important}.h-100{height:100%!important}.sb-required{color:#ff4558;padding-left:2px;position:relative;top:-5px}select[disabled]{opacity:.8!important;font-weight:500!important}.multiselect{position:relative;top:-7px;height:48px;left:7px;font-size:14px;font-weight:400}.treepicker-parent .list-border{height:38px!important;padding:1rem!important;margin-top:15px!important}.options{justify-content:flex-end;margin-right:10px;display:flex;gap:10px}"]}]}],"members":{"questionInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"leafFormConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"sourcingSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"questionEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":119,"character":64},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"EditorCursor"}]}],"ngOnInit":[{"__symbolic":"method"}],"fetchFrameWorkDetails":[{"__symbolic":"method"}],"populateFrameworkData":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"toolbarEventListener":[{"__symbolic":"method"}],"handleRedirectToQuestionset":[{"__symbolic":"method"}],"submitHandler":[{"__symbolic":"method"}],"saveContent":[{"__symbolic":"method"}],"onConsentSubmit":[{"__symbolic":"method"}],"sendForReview":[{"__symbolic":"method"}],"requestForChanges":[{"__symbolic":"method"}],"sendQuestionForPublish":[{"__symbolic":"method"}],"rejectQuestion":[{"__symbolic":"method"}],"publishQuestion":[{"__symbolic":"method"}],"sourcingUpdate":[{"__symbolic":"method"}],"sendBackQuestion":[{"__symbolic":"method"}],"validateQuestionData":[{"__symbolic":"method"}],"redirectToQuestionset":[{"__symbolic":"method"}],"redirectToChapterList":[{"__symbolic":"method"}],"editorDataHandler":[{"__symbolic":"method"}],"setMedia":[{"__symbolic":"method"}],"addResourceToQuestionset":[{"__symbolic":"method"}],"saveQuestion":[{"__symbolic":"method"}],"videoDataOutput":[{"__symbolic":"method"}],"selectSolutionType":[{"__symbolic":"method"}],"deleteSolution":[{"__symbolic":"method"}],"getSolutionObj":[{"__symbolic":"method"}],"getQuestionMetadata":[{"__symbolic":"method"}],"getResponseDeclaration":[{"__symbolic":"method"}],"getMcqQuestionHtmlBody":[{"__symbolic":"method"}],"getDefaultSessionContext":[{"__symbolic":"method"}],"setQuestionTypeValues":[{"__symbolic":"method"}],"prepareRequestBody":[{"__symbolic":"method"}],"prepareQuestionBody":[{"__symbolic":"method"}],"prepareSourcingUpdateBody":[{"__symbolic":"method"}],"upsertQuestion":[{"__symbolic":"method"}],"createQuestion":[{"__symbolic":"method"}],"saveQuestions":[{"__symbolic":"method"}],"updateQuestion":[{"__symbolic":"method"}],"saveUpdateQuestions":[{"__symbolic":"method"}],"showHideSpinnerLoader":[{"__symbolic":"method"}],"previewContent":[{"__symbolic":"method"}],"setQumlPlayerData":[{"__symbolic":"method"}],"getPlayerEvents":[{"__symbolic":"method"}],"getTelemetryEvents":[{"__symbolic":"method"}],"setQuestionId":[{"__symbolic":"method"}],"setQuestionTitle":[{"__symbolic":"method"}],"output":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}],"validateFormFields":[{"__symbolic":"method"}],"previewFormData":[{"__symbolic":"method"}],"isEditable":[{"__symbolic":"method"}],"populateFormData":[{"__symbolic":"method"}],"subMenuChange":[{"__symbolic":"method"}],"subMenuConfig":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"sliderData":[{"__symbolic":"method"}],"optionHandler":[{"__symbolic":"method"}],"buildCondition":[{"__symbolic":"method"}],"updateTarget":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}],"getParentQuestionOptions":[{"__symbolic":"method"}],"updateTreeCache":[{"__symbolic":"method"}],"setCondition":[{"__symbolic":"method"}],"getBranchingLogic":[{"__symbolic":"method"}],"onQualityFormSubmit":[{"__symbolic":"method"}],"saveQualityParameters":[{"__symbolic":"method"}],"openRequestChangesPopup":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":15,"character":53},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"}]}],"readQuestion":[{"__symbolic":"method"}],"upsertQuestion":[{"__symbolic":"method"}],"updateQuestion":[{"__symbolic":"method"}],"updateHierarchyQuestionCreate":[{"__symbolic":"method"}],"updateHierarchyQuestionUpdate":[{"__symbolic":"method"}],"getAssetMedia":[{"__symbolic":"method"}],"createMediaAsset":[{"__symbolic":"method"}],"uploadMedia":[{"__symbolic":"method"}],"generatePreSignedUrl":[{"__symbolic":"method"}],"getVideo":[{"__symbolic":"method"}],"getQuestionList":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-options","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<ng-container *ngIf=\"!isReadOnlyMode; else readOnlyContainer\">\n  <div class=\"pt-10 fs-0-92 sb-w-85\">\n    <label class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.options}}<span class=\"sb-required\">*</span></label>\n    <label class=\"fs-0-92 d-inline-block\">{{configService.labelConfig?.lbl?.selectLayout}}</label>\n    <i class=\"icon info circle ml-8\" suiPopup popupDelay=\"500\" popupText={{configService.labelConfig?.lbl?.optionsPopupText}}></i>\n    <span class=\"divider mr-8\"></span>\n    <span><button class=\"sb-btn sb-btn-xs sb-btn-outline-gray mr-5 q-sb-layout-single\" [ngClass]=\"{active: 'mcq-vertical' === templateType}\" (click)=\"setTemplete('mcq-vertical')\"><i class=\"mr-10 h-7\"></i> {{configService.labelConfig?.lbl?.vertical}}</button></span>\n    <span><button class=\"sb-btn sb-btn-xs sb-btn-outline-gray mr-5 q-sb-layout-two\" [ngClass]=\"{active: 'mcq-vertical-split' === templateType}\" (click)=\"setTemplete('mcq-vertical-split')\"><i class=\"mr-10 h-7 w-20\"></i>{{configService.labelConfig?.lbl?.grid}}</button></span>\n    <span><button class=\"sb-btn sb-btn-xs sb-btn-outline-gray q-sb-layout-three\" [ngClass]=\"{active: 'mcq-horizontal' === templateType}\" (click)=\"setTemplete('mcq-horizontal')\"> <i class=\"mr-10 h-7\"></i> {{configService.labelConfig?.lbl?.horizontal}}</button></span>\n  </div>\n  <label *ngIf=\"showFormError && !editorState.answer && sourcingSettings?.enforceCorrectAnswer\" class=\"ui basic red error label pt-1 mt-10\">\n    {{configService.labelConfig?.lbl?.selectOneAns}}</label>\n  <div class=\"d-flex pt-10 flex-dc sb-mcq-form\">\n    <div class=\"d-flex sb-mcq-item flex-w-wrap\" *ngFor=\"let option of editorState.options; let i = index\">\n      <div class=\"sb-w-85 sb-ckeditor relative mb-15\">\n        <button [disabled]=\"editorState.options.length < 3\" class=\"sb-btn sb-ckeditor-close absolute\"\n          (click)=\"editorState.deleteOption(i);editorDataHandler($event);\"\n          libTelemetryInteract\n          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('delete_option','click','submit',telemetryService.telemetryPageId)\">\n          <i class=\"icon close\"></i>\n        </button>\n        <lib-ckeditor-tool (editorDataOutput)=\"option.body = $event.body; option.length = $event.length; editorDataHandler($event)\"\n          [editorDataInput]=\"option.body\" class=\"ckeditor-tool__option mb-10\"\n          [class.mb-5]=\"showFormError && ([undefined, ''].includes(option.body) || option.length > setCharacterLimit)\">\n        </lib-ckeditor-tool>\n        <label *ngIf=\"\n            showFormError && (option.body === undefined || option.body === '')\n          \" class=\"sb-color-error fs-0-785\">{{configService.labelConfig?.lbl?.fillThisOption}}</label>\n        <label *ngIf=\"option.length > setCharacterLimit\" class=\"ui basic red error label pt-1\">\n          {{configService.labelConfig?.lbl?.reduceSize}}</label>\n      </div>\n      <div class=\"sb-checkbox sb-checkbox-primary pl-10 mt-0 pt-0\" [class.selected]=\"editorState.answer === i.toString()\" *ngIf=\"sourcingSettings?.enforceCorrectAnswer !== false\">\n        <input type=\"radio\" id=\"answer_{{ i + 1 }}\" name=\"example\" value=\"{{ i }}\"  (change)=\"editorDataHandler($event);\"\n        [(ngModel)]=\"editorState.answer\" [ngModelOptions]=\"{ standalone: true }\" [checked]=\"editorState.answer === i.toString()\"\n        libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('mark_as_right_anwser','click',undefined,telemetryService.telemetryPageId,{answer:i.toString()})\" />\n        <label for=\"answer_{{ i + 1 }}\" class=\"mr-0 fs-0-785\">{{configService.labelConfig?.lbl?.correctAns}}</label>\n      </div>\n      <div class=\"w-100\" *ngIf=\"showSubMenu\">\n        <lib-question-option-sub-menu [subMenus]=\"subMenus[i]\" (onChange)=\"subMenuChange($event,i)\"></lib-question-option-sub-menu>\n        <div *ngIf=\"parentMeta?.allowScoring === 'Yes'\">\n          <label for=\"score\" class=\"d-block mt-10 optionLabel\">Score <span class=\"sb-required\">*</span></label>\n          <input\n            class=\"sb-textbox false mb-30\"\n            [placeholder]=\"'Add score here'\"\n            (change)=\"setScore($event.target.value,i)\"\n            *ngIf=\"sourcingSettings.showAddScore\"\n            type=\"number\"\n            [value]=\"mapping[i]?.outcomes?.score\"\n          />\n        </div>\n      </div>\n    </div>\n    <div class=\"d-flex\">\n      <button *ngIf=\"editorState.options.length < editorState.maximumOptions\"\n        class=\"sb-btn sb-btn-outline-primary sb-btn-xs sb-left-icon-btn text-inherit b-0 bg-none no-hover p-0 mb-10 mt-10\"\n        (click)=\"editorState.addOptions();editorDataHandler($event);\"\n        libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_option','click','submit',telemetryService.telemetryPageId)\" >\n        <i class=\"plus circle icon fs-1-286 pull-left mr-0\" aria-hidden=\"true\"></i><span class=\"sb-line-height-24\">{{configService.labelConfig?.lbl?.addOption}}</span>\n      </button>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #readOnlyContainer>\n  <div class=\"row mb-0 p-0\" *ngFor=\"let option of editorState.options; let i=index\">\n    <div class=\"twelve wide column p-0\">\n      <div class=\"ckeditor-tool width-100\">\n        <div class=\"ckeditor-tool__question-readonly mb-24\">\n          <label class=\"px-16 py-8 fs-0-92 mb-0 ckeditor-tool__label width-100\">Option {{ i+1 }}</label>\n          <div class=\"ckeditor-tool__solution__body\">\n            <p class=\"fs-0-785 p-16\" [innerHTML]=\"option.body  | sanitizeHtml\"></p>\n            <div class=\"mcq-checkbox-answer\" *ngIf=\"editorState.answer === i.toString()\">\n              <div class=\"sb-checkbox sb-checkbox-primary mr-auto selected\">\n                <input type=\"checkbox\" id=\"check1\" name=\"example\" disabled checked>\n                <label for=\"check1\">{{configService.labelConfig?.lbl?.correctAns}}</label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"w-100\" *ngIf=\"showSubMenu\">\n        <lib-question-option-sub-menu [subMenus]=\"subMenus[i]\" (onChange)=\"subMenuChange($event,i)\"></lib-question-option-sub-menu>\n        <div *ngIf=\"parentMeta?.allowScoring === 'Yes'\">\n          <label for=\"score\" class=\"d-block mt-10 optionLabel\">Score</label>\n          <input\n            class=\"sb-textbox false mb-30\"\n            [placeholder]=\"'Add score here'\"\n            (change)=\"setScore($event.target.value,i)\"\n            *ngIf=\"sourcingSettings.showAddScore\"\n            type=\"number\"\n            [value]=\"mapping[i]?.outcomes?.score\" \n            disabled\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":[".q-sb-layout-single:before{content:url(/assets/images/layoutoneicon.svg)}.q-sb-layout-single.active,.q-sb-layout-single:hover{border-color:var(--primary-400);background-color:#fff;color:var(--primary-400)}.q-sb-layout-single.active:before,.q-sb-layout-single:hover:before{content:url(/assets/images/layoutoneicon_blue.svg)}.q-sb-layout-two:before{content:url(/assets/images/layouttwoicon.svg)}.q-sb-layout-two.active,.q-sb-layout-two:hover{border-color:var(--primary-400);background-color:#fff;color:var(--primary-400)}.q-sb-layout-two.active:before,.q-sb-layout-two:hover:before{content:url(/assets/images/layouttwoicon_blue.svg)}.q-sb-layout-three:before{content:url(/assets/images/layoutthreeicon.svg);top:-2px;position:relative}.q-sb-layout-three.active,.q-sb-layout-three:hover{border-color:var(--primary-400);background-color:#fff;color:var(--primary-400)}.q-sb-layout-three.active:before,.q-sb-layout-three:hover:before{content:url(/assets/images/layoutthreeicon_blue.svg)}.q-sb-layout-imgoption:before{content:url(/assets/images/imageicon.svg)}.q-sb-layout-imgoption.active:before,.q-sb-layout-imgoption:hover:before{content:url(/assets/images/imageicon_blue.svg)}.q-sb-layout-alignleft:before{content:url(/assets/images/leftalignicon.svg)}.q-sb-layout-alignleft.active:before,.q-sb-layout-alignleft:hover:before{content:url(/assets/images/leftalignicon_blue.svg)}.q-sb-layout-aligncenter:before{content:url(/assets/images/middlealignicon.svg)}.q-sb-layout-aligncenter.active:before,.q-sb-layout-aligncenter:hover:before{content:url(/assets/images/middlealignicon_blue.svg)}.q-sb-layout-alignright:before{content:url(/assets/images/rightalignicon.svg)}.q-sb-layout-alignright.active:before,.q-sb-layout-alignright:hover:before{content:url(/assets/images/rightalignicon_blue.svg)}.h-7{height:7px}.w-20{width:20px}.b-0{border:0!important}.sb-line-height-24{line-height:24px}.bg-none,.bg-none:focus,.bg-none:hover{background-color:transparent!important}.sb-w-85 div[data-title]:hover::before{left:0;top:-122%!important;width:256px}.sb-field-group .sb-left-icon-btn.sb-btn-xs{padding:0!important;margin-top:-10px}.optionLabel{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:600}"]}]}],"members":{"editorState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"showFormError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"sourcingSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"questionPrimaryCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"mapping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isReadOnlyMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"editorDataOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"editorDataHandler":[{"__symbolic":"method"}],"prepareMcqBody":[{"__symbolic":"method"}],"getResponseDeclaration":[{"__symbolic":"method"}],"getInteractions":[{"__symbolic":"method"}],"setTemplete":[{"__symbolic":"method"}],"subMenuChange":[{"__symbolic":"method"}],"subMenuConfig":[{"__symbolic":"method"}],"setScore":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-answer","template":"<div class=\"sb-field-group mt-15\">\n  <label class=\"fs-0-92\">{{configService.labelConfig?.lbl?.answers}}<span class=\"sb-required\">*</span></label><i class=\"icon info circle ml-2\" aria-hidden=\"true\" suiPopup popupDelay=\"500\" popupText={{configService.labelConfig?.lbl?.answersPopupText}}></i>\n  <div class=\"sb-field\">\n    <div [ngClass]=\"{'ckeditor-tool__option': !isReadOnlyMode, 'ckeditor-tool__option-readonly': isReadOnlyMode, 'mb-5': true}\">\n      <lib-ckeditor-tool *ngIf=\"!isReadOnlyMode\" (editorDataOutput)=\"editorDataHandler($event)\"\n        [editorDataInput]=\"editorState.answer\"></lib-ckeditor-tool>\n      <ng-container *ngIf=\"isReadOnlyMode\">\n        <label class=\"px-16 py-8 mb-0 ckeditor-tool__label width-100\">{{configService.labelConfig?.lbl?.answers}}</label>\n        <div class=\"ckeditor-tool__solution__body\">\n            <p class=\"fs-0-785 p-16\" [innerHTML]=\"editorState.answer | sanitizeHtml\"></p>\n        </div>\n      </ng-container>\n    </div>\n    <label *ngIf=\"showFormError && [undefined, ''].includes(editorState.answer)\"\n        class=\"sb-color-error fs-0-785\">{{configService.labelConfig?.lbl?.answersRequired}}</label>\n  </div>\n</div>","styles":[""]}]}],"members":{"editorState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"showFormError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isReadOnlyMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"editorDataOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"editorDataHandler":[{"__symbolic":"method"}],"prepareAnwserData":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-ckeditor-tool","template":"<div class=\"editorWrapper\" [ngClass]=\"{'hasError': limitExceeded}\">\n  <button type=\"button\" data-tooltip=\"Add image\" data-position=\"bottom center\" data-variation=\"mini\" data-inverted=\"\"\n    title=\"Add image\" [disabled]=\"isAssetBrowserReadOnly || isEditorFocused\" (click)=\"initializeImagePicker('question')\"\n    class=\"ui icon button insert-image-btn\">\n    <i class=\"image outline icon\" aria-hidden=\"true\"></i>\n  </button>\n  <textarea class=\"editor\" #editor name=\"question\" placeholder=\"\"></textarea>\n  <div *ngIf=\"setCharacterLimit > 0\">\n    <div class=\"characterCount\">\n      {{configService.labelConfig?.lbl?.charactersLeft}} {{setCharacterLimit - characterCount}}\n    </div>\n  </div>\n</div>\n\n<sui-modal [isClosable]=\"true\" class=\"sb-modal overflow-modal\" [isInverted]=\"false\" (dismissed)=\"dismissImagePicker()\"\n  *ngIf=\"showImagePicker\" [size]=\"'normal'\" [isFullScreen]=\"false\" [mustScroll]=\"true\" #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.selectImage}}</div>\n  <div class=\"sb-modal-content p-0\">\n    <sui-tabset>\n      <div class=\"sb-tabset-menu\">\n        <a class=\"sb-item\" (activate)=\"getMyImages(0)\" suiTabHeader=\"1\">{{configService.labelConfig?.lbl?.myImages}}</a>\n        <a class=\"sb-item\" (activate)=\"getAllImages(0)\" suiTabHeader=\"2\">{{configService.labelConfig?.lbl?.allImage}}</a>\n      </div>\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadMyImages()\" suiTabContent=\"1\">\n        <div class=\"ui  pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchImages($event, 'myImages')\" class=\"sb-search-input\" [(ngModel)]=\"searchMyInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" (click)=\"searchImages('clearInput', 'myImages')\" aria-hidden=\"true\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\" >{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!myAssets?.length && searchMyInput\" class=\"fs-0785\"> {{emptyImageSearchMessage}} </div>\n        <div class=\"sb-grid-layout image\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of myAssets\">\n            <div class=\"sb-image-section relative position\">\n              <img (click)=\"addImageInEditor(data.downloadUrl, data.identifier, data.name)\" alt=\"{{data?.name}}\" [src]=\"data.downloadUrl\">\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadAllImages()\" suiTabContent=\"2\">\n        <div class=\"ui  pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchImages($event, 'allImages')\" class=\"sb-search-input\" [(ngModel)]=\"searchAllInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" (click)=\"searchImages('clearInput', 'allImages')\" aria-hidden=\"true\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\">{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!allImages?.length && searchAllInput\" class=\"fs-0785\"> {{emptyImageSearchMessage}} </div>\n        <div class=\"sb-grid-layout image\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of allImages\">\n            <div class=\"sb-image-section\">\n              <img (click)=\"addImageInEditor(data.downloadUrl, data.identifier, data.name)\" alt=\"{{data?.name}}\" [src]=\"data.downloadUrl\">\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </sui-tabset>\n  </div>\n  <div class=\"sb-modal-actions flex-jc-space-end\">\n    <button (click)=\"openImageUploadModal();\" class=\"sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.upload_use_btn_label}}</button>\n  </div>\n</sui-modal>\n\n<sui-modal [isClosable]=\"isClosable\" class=\"sb-modal overflow-modal\" [isInverted]=\"false\"\n  (dismissed)=\"dismissVideoPicker()\" *ngIf=\"showVideoPicker\" [size]=\"'normal'\" [isFullScreen]=\"false\"\n  [mustScroll]=\"true\" #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.selectVideo}}</div>\n  <div class=\"sb-modal-content p-0\">\n    <sui-tabset>\n      <div class=\"sb-tabset-menu\">\n        <a class=\"sb-item\" (activate)=\"getMyVideos(0)\" suiTabHeader=\"1\">{{configService.labelConfig?.lbl?.myVideos}}</a>\n        <a class=\"sb-item\" (activate)=\"getAllVideos(0)\" suiTabHeader=\"2\">{{configService.labelConfig?.lbl?.allVideos}}</a>\n      </div>\n\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadMyVideos()\" suiTabContent=\"1\">\n        <div class=\"pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchVideo($event, 'myVideos')\" class=\"sb-search-input\" [(ngModel)]=\"searchMyInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" (click)=\"searchVideo('clearInput', 'myVideos')\" aria-hidden=\"true\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\" >{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!myAssets?.length && searchMyInput\" class=\"fs-0785\"> {{emptyVideoSearchMessage}} </div>\n        <div class=\"sb-grid-layout video\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of myAssets\">\n            <div class=\"sb-image-section relative position\" [ngClass]=\"{'active': selectedVideoId === data.identifier}\"\n              (click)=\"selectVideo(data)\">\n              <div class=\"overlay-image\"><i class=\"play circle icon\" aria-hidden=\"true\"></i></div>\n              <i class=\"check circle icon selected-video\" aria-hidden=\"true\"></i>\n              <img [src]=\"data.thumbnail\" alt=\"{{data?.name}}\">\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadAllVideos()\" suiTabContent=\"2\">\n        <div class=\" pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchVideo($event, 'allVideos')\" class=\"sb-search-input\" [(ngModel)]=\"searchAllInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" (click)=\"searchVideo('clearInput', 'allVideos')\" aria-hidden=\"true\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\" >{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!allVideos?.length && searchAllInput\" class=\"fs-0785\"> {{emptyVideoSearchMessage}} </div>\n        <div class=\"sb-grid-layout video\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of allVideos\">\n            <div class=\"sb-image-section relative position\" [ngClass]=\"{'active': selectedVideoId === data.identifier}\"\n              (click)=\"selectVideo(data);\">\n              <div class=\"overlay-image\"><i class=\"play circle icon\" aria-hidden=\"true\"></i></div>\n              <i class=\"check circle icon selected-video\" aria-hidden=\"true\"></i>\n              <img [src]=\"data.thumbnail\" alt=\"{{data?.name}}\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </sui-tabset>\n  </div>\n  <div class=\"sb-modal-actions flex-jc-space-between pl-20\">\n    <div>\n      <button (click)=\"addVideoInEditor();\" class=\"sb-btn sb-btn-normal\"\n        [ngClass]=\"{'sb-btn-primary': showAddButton, 'sb-btn-disabled': !showAddButton}\">{{configService.labelConfig?.button_labels?.add_btn_label}}</button>\n    </div>\n    <div>\n      <button (click)=\"openVideoUploadModal();\" class=\"sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.upload_use_btn_label}}</button>\n    </div>\n  </div>\n</sui-modal>\n\n<!-- Upload image pop up code here  -->\n\n<sui-modal class=\"sb-modal overflow-modal\" [isClosable]=\"isClosable\" [isInverted]=\"false\"\n  (dismissed)=\"dismissImageUploadModal()\" *ngIf=\"showImageUploadModal\" [size]=\"'large'\" [isFullScreen]=\"false\"\n  [mustScroll]=\"true\" appBodyScroll #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.uploadAndUse}}</div>\n  <div class=\"p-10 sb-bg-white\">\n    <div class=\"d-flex\">\n      <div class=\"w-50\">\n        <div class=\"content\">\n          <h6 class=\"mb-8 fs-normal\">{{configService.labelConfig?.lbl?.chooseOrDragImage}}<span class=\"red\">*</span></h6>\n          <div class=\"upload-image-modal-section d-flex flex-ai-center flex-jc-center flex-dc\">\n            <ng-container>\n              <button class=\"upload-input-button sb-btn sb-btn-success sb-btn-normal\">\n                 {{configService.labelConfig?.button_labels?.upload_from_computer_btn_label}}\n                <input (change)=\"uploadImage($event)\" type=\"file\" [accept]=\"acceptImageType\" name=\"assetfile\">\n              </button>\n              <div class=\"py-10 fs-0-785 sb-color-primary\" *ngIf=\"imageUploadLoader\"> {{assetName}} </div>\n              <span class=\"fsmall mt-8\">{{configService.labelConfig?.lbl?.upload}} {{assetConfig.image.accepted}} ({{configService.labelConfig?.lbl?.maxFileSize}}\n                {{assetConfig.image.size}}{{assetConfig.image.sizeType}})</span>\n              <div *ngIf=\"showErrorMsg\" class=\"sb-color-error fsmall mt-8\">\n                <p>{{errorMsg}}</p>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"ui info message sb-info-bx\">\n            <ul class=\"list\">\n              <li class=\"fs-0785\">{{configService.labelConfig?.lbl?.allowedFileTypes}} {{assetConfig.image.accepted}}</li>\n              <li class=\"fs-0785\">{{configService.labelConfig?.lbl?.maximumAllowedFileSize}} {{assetConfig.image.size}}{{assetConfig.image.sizeType}}</li>\n            </ul>\n          </div>\n          <h6 class=\"fs-0785\">{{configService.labelConfig?.lbl?.copyRightsAndLicense}}<span class=\"red\">*</span></h6>\n          <p class=\"fsmall mt-8 terms-and-condition\">{{termsAndCondition}}</p>\n        </div>\n      </div>\n      <div class=\"w-50 pl-10 ml-10 b-bl\">\n        <div class=\"ui info message sb-info-bx mb-0\">\n          <ul class=\"list\">\n            <li class=\"fs-0785 font-weight-bold\">\n              <i class=\"icon info circle\" aria-hidden=\"true\"></i>\n              {{configService.labelConfig?.lbl?.dropChooseFile}}</li>\n          </ul>\n        </div>\n        <div class=\"sb-form-fields\">\n          <div class=\"form-container upload-form\">\n            <sb-dynamic-form [config]=\"formConfig\" (statusChanges)=\"onStatusChanges($event)\"\n              (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sb-modal-actions flex-jc-space-between p-0\">\n      <div>\n        <button (click)=\"dismissPops(modal);\" class=\"mr-10 sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.cancel_btn_label}}</button>\n          <button type=\"button\" class=\"sb-btn sb-btn-normal text-left sb-btn-loading-spinner sb-btn-primary\"\n          [disabled]=\"!imageFormValid\"  (click)=\"uploadAndUseImage(modal);\" \n          [ngClass]=\"{'sb-btn-primary': imageFormValid, 'sb-btn-disabled': !imageFormValid}\">\n            <div class=\"sb-loading-spinner\"  *ngIf=\"loading\" role=\"status\" aria-hidden=\"true\"></div>\n            {{configService.labelConfig?.button_labels?.upload_use_btn_label}}\n          </button>\n      </div>\n      <div>\n        <button (click)=\"dismissImageUploadModal();\" class=\" sb-btn sb-btn-primary sb-btn-normal\"> {{configService.labelConfig?.button_labels?.back_btn_label}}</button>\n      </div>\n    </div>\n  </div>\n</sui-modal>\n\n<!-- Upload video pop up code here  -->\n<sui-modal class=\"sb-modal overflow-modal\" [isClosable]=\"isClosable\" [isInverted]=\"false\"\n  (dismissed)=\"dismissVideoUploadModal()\" *ngIf=\"showVideoUploadModal\" [size]=\"'large'\" [isFullScreen]=\"false\"\n  [mustScroll]=\"true\" appBodyScroll #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.uploadAndUse}}</div>\n  <div class=\"p-10 sb-bg-white\">\n    <div class=\"d-flex\">\n      <div class=\"w-50\">\n        <div class=\"content\">\n          <h6 class=\"mb-8 fs-normal\">{{configService.labelConfig?.lbl?.chooseOrDragVideo}}<span class=\"red\">*</span></h6>\n          <div class=\"upload-image-modal-section d-flex flex-ai-center flex-jc-center flex-dc\">\n            <ng-container>\n              <button class=\"upload-input-button sb-btn sb-btn-success sb-btn-normal\">\n                 {{configService.labelConfig?.button_labels?.upload_from_computer_btn_label}}\n                <input (change)=\"uploadVideoFromLocal($event)\" type=\"file\" [accept]=\"acceptVideoType\" name=\"assetfile\">\n              </button>\n              <div class=\"py-10 fs-0-785 sb-color-primary\" *ngIf=\"imageUploadLoader\"> {{videoFile?.name}} </div>\n              <span class=\"fsmall mt-8\">{{configService.labelConfig?.lbl?.upload}} {{assetConfig.video.accepted}} ({{configService.labelConfig?.lbl?.maxFileSize}}\n                {{assetConfig.video.size}}{{assetConfig.video.sizeType}})</span>\n              <div *ngIf=\"showErrorMsg\" class=\"sb-color-error fsmall mt-8\">\n                <p>{{errorMsg}}</p>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"ui info message sb-info-bx\">\n            <ul class=\"list\">\n              <li class=\"fs-0785\">{{configService.labelConfig?.lbl?.allowedFileTypes}} {{assetConfig.video.accepted}}</li>\n              <li class=\"fs-0785\">{{configService.labelConfig?.lbl?.maximumAllowedFileSize}} {{assetConfig.video.size}}{{assetConfig.video.sizeType}}</li>\n            </ul>\n          </div>\n          <h6 class=\"fs-0785\">{{configService.labelConfig?.lbl?.copyRightsAndLicense}}<span class=\"red\">*</span></h6>\n          <p class=\"fsmall mt-8 terms-and-condition\">{{termsAndCondition}}</p>\n        </div>\n      </div>\n      <div class=\"w-50 pl-10 ml-10 b-bl\">\n        <div class=\"ui info message sb-info-bx mb-0\">\n          <ul class=\"list\">\n            <li class=\"fs-0785 font-weight-bold\">\n              <i class=\"icon info circle\" aria-hidden=\"true\"></i>\n              {{configService.labelConfig?.lbl?.dropChooseFile}}</li>\n          </ul>\n        </div>\n        <div class=\"sb-form-fields\">\n          <div class=\"form-container upload-form\">\n            <sb-dynamic-form [config]=\"formConfig\" (statusChanges)=\"onStatusChanges($event)\"\n              (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sb-modal-actions flex-jc-space-between p-0\">\n      <div>\n        <button (click)=\"dismissVideoPops(modal);\" class=\"mr-10 sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.cancel_btn_label}}</button>\n          <button type=\"button\" class=\"sb-btn sb-btn-normal text-left sb-btn-loading-spinner sb-btn-primary\"\n          [disabled]=\"!imageFormValid\"  (click)=\"uploadVideo(modal);\" \n          [ngClass]=\"{'sb-btn-primary': imageFormValid, 'sb-btn-disabled': !imageFormValid}\">\n            <div class=\"sb-loading-spinner\"  *ngIf=\"loading\" role=\"status\" aria-hidden=\"true\"></div>\n           {{configService.labelConfig?.lbl?.uploadAndUse}}\n          </button>\n      </div>\n      <div>\n        <button (click)=\"dismissVideoUploadModal();\" class=\" sb-btn sb-btn-primary sb-btn-normal\"> {{configService.labelConfig?.button_labels?.back_btn_label}}</button>\n      </div>\n    </div>\n  </div>\n</sui-modal>","styles":[".editorWrapper{border:0 solid #fff}.editorWrapper.hasError{border:0 solid red}.characterCount{text-align:right;border-top:0;padding-right:7px;font-size:11px;font-weight:700;margin-top:-16px;position:relative}.custom-image img{border:1px dotted;padding:7px;margin:6px;cursor:pointer}.resource-image{height:180px!important}.asset_container{overflow-y:auto;overflow-x:hidden;min-height:300px!important;max-height:300px!important;padding:5px}.insert-image-btn{position:absolute;z-index:1;left:653px;background-color:transparent;padding:12px 14px!important;margin-left:6px}.insert-image-btn>.icon{opacity:1}.insert-image-btn:active{background-color:transparent}.upload-file-description p{color:#999}.upload-file-description ul{margin:0;list-style:disc}.upload-file-description ul li{margin-bottom:8px}.upload-file-description ul li a{cursor:pointer;font-size:12px}.sb-grid-layout{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:16px}.sb-grid-layout.image{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.sb-grid-layout.video{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sb-grid-layout .sb-video-content .sb-image-section{height:96px;overflow:hidden;border-radius:4px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5)}.sb-image-section .selected-video{display:none}.sb-image-section.active .selected-video{position:absolute;right:4px;top:4px;color:#07bc81;font-size:20px;display:block}.sb-grid-layout .sb-video-content .sb-image-section img{width:100%;height:100%;cursor:pointer}.overlay-image{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;right:0;cursor:pointer}.overlay-image .play.icon{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;color:rgba(255,255,255,.6);font-size:32px;cursor:pointer}::ng-deep .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,::ng-deep .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{border-left:none;border-right:none;border-bottom:1px solid #c4c4c4;border-radius:0}::ng-deep .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,::ng-deep .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border:none}::ng-deep .ck-dropdown.ck-font-size-dropdown .ck-dropdown__panel{height:150px;overflow-y:scroll}::ng-deep figure.image.ck-widget{width:auto;height:auto;overflow:visible}::ng-deep figure.image img{width:100%}::ng-deep figure.image.resize-25{width:25%;height:auto}::ng-deep figure.image.resize-50{width:50%;height:auto}::ng-deep figure.image.resize-75{width:75%;height:auto}::ng-deep figure.image.resize-100{width:100%;height:auto}::ng-deep figure.table{margin:2.2rem 0 1.5rem 1rem!important}::ng-deep .text-center{text-align:center}::ng-deep .text-left{text-align:left}::ng-deep .text-right{text-align:right}::ng-deep .fs-8{font-size:.5rem}::ng-deep .fs-10{font-size:.625rem}::ng-deep .fs-12{font-size:.75rem}::ng-deep .fs-14{font-size:.875rem}::ng-deep .fs-16{font-size:1rem}::ng-deep .fs-18{font-size:1.125rem}::ng-deep .fs-20{font-size:1.25rem}::ng-deep .fs-22{font-size:1.375rem}::ng-deep .fs-24{font-size:1.5rem}::ng-deep .fs-26{font-size:1.625rem}::ng-deep .fs-28{font-size:1.75rem}::ng-deep .fs-30{font-size:1.875rem}::ng-deep .fs-36{font-size:2.25rem}.upload-image-modal-section{border-radius:4px;width:100%;min-height:130px;background:#f5f9fc;border:1px dashed #024f9d}.upload-input-button input[type=file]{position:absolute;right:0;top:0;font-size:118px;margin:0;padding:0;cursor:pointer;opacity:0;height:100%}.upload-file-section{display:flex;height:240px;width:100%;max-width:800px;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;background-color:#f5f9fc;border:1px dashed #80a7ce}.qq-uploader.qq-uploader-selector.custom-qq-uploader{background:inherit;border:none;max-height:inherit;min-height:inherit;overflow-y:inherit;width:688px;height:240px;display:flex;justify-content:center;align-items:center}.terms-and-condition{line-height:14px}.sb-info-bx{padding:.4rem!important}.sb-info-bx li{margin:0!important;padding:0!important}.sb-info-bx li::before{content:\"\"!important}.red{color:red}.b-bl{border-left:1px solid #e4e1e1}.sb-form-fields .sb-field-group{margin:1rem 0}.sb-form-fields .sb-field{position:relative;margin-bottom:.5rem}.sb-form-fields .sb-field .sb-form-control{border:1px solid rgba(34,36,38,.15);width:100%;border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;padding:.25rem .5rem!important}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.sb-loading-spinner{width:1rem;height:1rem;margin-right:8px;display:inline-block;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.sb-btn-loading:before{position:absolute;content:\"\";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.sb-btn-loading:after{position:absolute;content:\"\";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:.6s linear infinite button-spin;animation:.6s linear infinite button-spin;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.sb-btn-outline-disabled{background-color:#fff;border:1px solid #ccc;color:#999;cursor:default;font-weight:400}.sb-color-grey{color:#666}.flex-jc-space-end{justify-content:flex-end!important}.fs-0785{font-size:.785rem!important}.ui.info.message{color:#276f86!important}.sb-textbox[disabled=true]{opacity:.3!important;font-weight:500!important}.sb-tabset-segment{min-height:288px;max-height:288px;overflow-y:auto}input:focus-visible{border:none!important}"]}]}],"members":{"editorRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["editor"]}]}],"editorDataInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"editorDataOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"videoDataOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"videoShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"setCharacterLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"setImageLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initializeImagePicker":[{"__symbolic":"method"}],"initializeVideoPicker":[{"__symbolic":"method"}],"dismissImagePicker":[{"__symbolic":"method"}],"dismissVideoPicker":[{"__symbolic":"method"}],"dismissImageUploadModal":[{"__symbolic":"method"}],"initiateImageUploadModal":[{"__symbolic":"method"}],"dismissVideoUploadModal":[{"__symbolic":"method"}],"initiateVideoUploadModal":[{"__symbolic":"method"}],"isEditorReadOnly":[{"__symbolic":"method"}],"getAcceptType":[{"__symbolic":"method"}],"customImageResizer":[{"__symbolic":"method"}],"initializeEditors":[{"__symbolic":"method"}],"changeTracker":[{"__symbolic":"method"}],"pasteTracker":[{"__symbolic":"method"}],"checkImageLimit":[{"__symbolic":"method"}],"checkCharacterLimit":[{"__symbolic":"method"}],"getMyImages":[{"__symbolic":"method"}],"addImageInEditor":[{"__symbolic":"method"}],"addVideoInEditor":[{"__symbolic":"method"}],"getAllImages":[{"__symbolic":"method"}],"getMyVideos":[{"__symbolic":"method"}],"getAllVideos":[{"__symbolic":"method"}],"lazyloadMyImages":[{"__symbolic":"method"}],"lazyloadAllImages":[{"__symbolic":"method"}],"lazyloadMyVideos":[{"__symbolic":"method"}],"lazyloadAllVideos":[{"__symbolic":"method"}],"uploadImage":[{"__symbolic":"method"}],"resetFormConfig":[{"__symbolic":"method"}],"populateFormData":[{"__symbolic":"method"}],"uploadAndUseImage":[{"__symbolic":"method"}],"openImageUploadModal":[{"__symbolic":"method"}],"dismissPops":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}],"searchImages":[{"__symbolic":"method"}],"resetFormData":[{"__symbolic":"method"}],"openVideoUploadModal":[{"__symbolic":"method"}],"dismissVideoPops":[{"__symbolic":"method"}],"uploadVideoFromLocal":[{"__symbolic":"method"}],"uploadVideo":[{"__symbolic":"method"}],"generateAssetCreateRequest":[{"__symbolic":"method"}],"uploadToBlob":[{"__symbolic":"method"}],"updateContentWithURL":[{"__symbolic":"method"}],"getUploadVideo":[{"__symbolic":"method"}],"searchMyVideo":[{"__symbolic":"method"}],"searchAllVideo":[{"__symbolic":"method"}],"searchVideo":[{"__symbolic":"method"}],"selectVideo":[{"__symbolic":"method"}],"countCharacters":[{"__symbolic":"method"}],"countCharactersInElement":[{"__symbolic":"method"}],"getMediaOriginURL":[{"__symbolic":"method"}],"attachEvent":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-library-player","template":"\n<div class=\"d-flex flex-w-wrap content-video__player__details mt-15 pb-0 pl-0\">\n  <div class=\"d-flex flex-dc flex-basis-1\">\n    <div class=\"content-video__player__title mr-auto sb__ellipsis sb__ellipsis--one mb-5\" >{{contentListDetails?.name}} </div>\n    <div class=\"content-video__player__title__subtitle fs-0-785 mb-10\"><span class=\"mr-8\" *ngIf=\"contentListDetails?.board\">By {{contentListDetails?.board}}</span>\n     <span *ngIf=\"contentListDetails?.me_averageRating\"> <span class=\"mr-8\" > {{contentListDetails?.me_averageRating}}</span>\n      <i class=\"icon star\"></i> </span>\n      <div class=\"textbookBtnLink\"  *ngIf=\"contentListDetails?.isAdded\">\n        <button type=\"button\" class=\"sb-btn-link sb-btn-hover-none py-0\n        sb-color-success sb-left-icon-btn fs-0-785\"><i aria-hidden=\"true\" class=\"circle check icon green-color\"></i>\n         {{configService.labelConfig?.lbl?.addedToCollection}}</button>\n      </div>\n    </div>\n  </div>\n  <div class=\"d-flex content-video__player__screenpart mb-10\"  (click)=\"addToLibrary()\">\n    <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-dark-green font-weight-bold\"\n    libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('select_content','click','launch', telemetryService?.telemetryPageId)\"\n      ><i class=\"plus square icon\"></i>{{configService.labelConfig?.lbl?.selectContent}}</button>\n  </div>\n</div>\n<lib-contentplayer-page [contentMetadata]=\"contentListDetails\"></lib-contentplayer-page>","styles":[".green-color{color:#05bc80!important}"]}]}],"members":{"contentListDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":1}}]}],"moveEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"addToLibrary":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"lib-resource-reorder","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"},"template":"<sui-modal [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'normal'\" class=\"sb-modal\"\n  appBodyScroll (dismissed)=\"closePopup()\" #modal>\n  <div class=\"sb-modal-header\">\n    {{configService.labelConfig?.lbl?.whereDoYouWantToAddThisContent}}\n  </div>\n\n\n  <ng-template #rootNodeTemplateRef let-root>\n    <sui-accordion class=\"styled fluid sb-accordion sb-chapterlist-accordion sb-select-content\" [closeOthers]=\"true\">\n      <div *ngIf=\"root.children && root.children.length\" class=\"root__children\">\n        <ng-template ngFor [ngForOf]=\"root.children\" [ngForTemplate]=\"nodeTemplateRef\">\n        </ng-template>\n      </div>\n    </sui-accordion>\n  </ng-template>\n\n  <ng-template #nodeTemplateRef let-child>\n    <sui-accordion-panel [isOpen]=\"child?.children && child?.children.length > 0 ? true : false\">\n      <div title class=\"sb-accordion-title d-flex flex-ai-center mt-0\">\n        <div class=\"item d-flex flex-ai-center cursor-pointer w-100\">\n          <label for=\"{{child?.identifier}}\" class=\"sb-color-primary font-weight-bold mb-0\">{{child?.name}}</label>\n          <div class=\"textbookBtnLink\"  *ngIf=\"child.identifier === prevUnitSelect && isContentAdded\">\n            <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-link sb-btn-hover-none\n            sb-color-success sb-left-icon-btn fs-0-785\"><i class=\"circle check icon\" aria-hidden=\"true\"></i>\n             {{configService.labelConfig?.lbl?.alreadyContentPresent}}</button>\n          </div>\n        </div>\n        <div class=\"sb-radio-btn-checkbox sb-radio-btn-primary\" [ngClass]=\"{'sb-disabled': child?.showButton}\">\n          <input type=\"radio\" disabled=\"{{child?.showButton}}\" id=\"{{child?.identifier}}\" value=\"{{child?.identifier}}\"\n            name=\"mainUnit\" [(ngModel)]=\"prevUnitSelect\" (change)=\"setCollectionUnitBreadcrumb();\" libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata(child?.identifier,'select','radio_button', telemetryService?.telemetryPageId, {key:'dialog_id',value:'add_to'})\">\n          <label for=\"{{child?.identifier}}\" class=\"sb-color-primary font-weight-bold\"></label>\n        </div>\n        <div class=\"chevron-icon\">\n          <i class=\"chevron down icon\"></i>\n        </div>\n      </div>\n      <div content class=\"sb-row-bb\" *ngIf=\"child.children && child.children.length\">\n        <div class=\"item cursor-pointer w-100\">\n          <ng-template ngFor [ngForOf]=\"child.children\" [ngForTemplate]=\"nodeTemplateRef\">\n          </ng-template>\n        </div>\n      </div>\n    </sui-accordion-panel>\n  </ng-template>\n\n  <!-- Selection of Layout in modal -->\n  <div class=\"sb-modal-content sb-chapterlist-modal scrolling content sb-dock-accordion py-20\">\n    <ng-template [ngTemplateOutlet]=\"rootNodeTemplateRef\"\n      [ngTemplateOutletContext]=\"{ $implicit: { children: collectionUnits } }\">\n    </ng-template>\n  </div>\n\n  <div class=\"sb-modal-actions flex-dr flex-jc-space-between py-10\" *ngIf=\"selectedContentDetails\">\n    <div class=\"ui tiny breadcrumb fxsmall line-height-1-3 w-80 d-flex sb-content-breadcrumb\"\n      [style.visibility]=\"(collectionUnitsBreadcrumb.length > 0? 'visible' : 'hidden')\">\n       {{configService.labelConfig?.lbl?.addingTo}}<span class=\"font-weight-bold px-10  section\">{{selectedContentDetails?.name}}</span>\n      <span class=\"section ml-10\" *ngFor=\"let unit of collectionUnitsBreadcrumb;first as first;last as last;\">\n        <i class=\"right chevron icon divider b-0\" [hidden]=\"first\"></i>\n        <span [class.font-weight-bold]=\"first\"> {{ unit }}</span>\n      </span>\n    </div>\n    <div class=\"w-20 text-right\">\n      <button id=\"addResource\" [disabled] = \"isContentAdded\" class=\"sb-btn sb-btn-normal text-inherit text-right\"\n      [ngClass]=\"{'sb-btn-primary': !isContentAdded, 'sb-btn-disabled': isContentAdded}\"\n        (click)=\"addResource()\" libTelemetryInteract\n        [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_content','click','submit', telemetryService?.telemetryPageId, {key:'dialog_id',value:'add_to'})\">\n        {{configService.labelConfig?.lbl?.addContent}}\n      </button>\n    </div>\n  </div>\n</sui-modal>\n","styles":[":root{font-size:16px;--font-stack-en:\"Noto Sans\",\"Noto Sans Devanagari\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",\"Noto Nastaliq Urdu\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--font-stack-hi:\"Noto Sans Devanagari\",\"Noto Sans\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",\"Noto Nastaliq Urdu\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--font-stack-ur:\"Noto Sans\",\"Noto Nastaliq Urdu\",\"Noto Sans Devanagari\",\"Noto Sans Tamil\",\"Noto Sans Bengali\",\"Noto Sans Malayalam\",\"Noto Sans Gurmukhi\",\"Noto Sans Gujarati\",\"Noto Sans Telugu\",\"Noto Sans Kannada\",\"Noto Sans Oriya\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;--blue:#024f9d;--green:#008840;--orange:#e55a28;--red:#ff4558;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--yellow:#ffc107;--teal:#20c997;--cyan:#17a2b8;--black:#000000;--white:#ffffff;--gray-hs:0,0%;--gray:hsl(var(--gray-hs), 20%);--gray-0:hsl(var(--gray-hs), 95%);--gray-100:hsl(var(--gray-hs), 80%);--gray-200:hsl(var(--gray-hs), 60%);--gray-300:hsl(var(--gray-hs), 59%);--gray-400:hsl(var(--gray-hs), 40%);--gray-800:var(--gray);--primary-color:#024f9d;--secondary-color:#008840;--tertiary-color:#e55a28;--primary-0:#f3f7fa;--primary-100:#edf4f9;--primary-200:#80a7ce;--primary-250:#d3e7f4;--primary-300:#7ab4ee;--primary-400:var(--primary-color);--primary-600:#005391;--primary-800:#002e50;--secondary-0:#e1ffdf;--secondary-100:#00c786;--secondary-200:#07bc81;--secondary-300:#D4EFE6;--secondary-400:var(--secondary-color);--tertiary-0:#feedd7;--tertiary-100:#ffa11d;--tertiary-400:var(--tertiary-color);--red-0:#fbccd1;--red-100:#ff6979;--red-400:var(--red);--info-color:var(--blue);--success-color:var(--green);--warning-color:var(--orange);--danger-color:var(--red);--body-background-color:var(--primary-0);--default-text-color:var(--gray-800);--bg-body:var(--primary-0);--body-color:var(--gray-800);--alpha0:0;--alpha25:0.25;--alpha50:0.5;--alpha75:0.75;--font-default-size:0.875rem;--font-size-base:var(--font-default-size);--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--font-weight-base:var(--font-weight-normal);--line-height-base:calc(var(--font-size-base) * 1.61803398875);--h1-font-size:2rem;--h2-font-size:1.75rem;--h3-font-size:1.5rem;--h4-font-size:1.2rem;--h5-font-size:1rem;--h6-font-size:var(--font-size-base);--font-size-lg:var(--h4-font-size);--font-size-md:var(--h5-font-size);--font-size-normal:var(--font-size-base);--font-size-sm:0.75rem;--font-size-xs:0.625rem;--p-font-size:var(--font-size-base);--base-font-size:0.875rem;--base-block-space:0.5rem;--icon-svg-xxs:0.75rem;--icon-svg-xs:calc(var(--base-block-space) * 2);--icon-svg-sm:calc(var(--base-block-space) * 3);--icon-svg-md:calc(var(--base-block-space) * 4);--icon-svg-lg:calc(var(--base-block-space) * 5);--icon-svg-xl:calc(var(--base-block-space) * 6);--rc-96C8DA:#96C8DA;--rc-0076FE:#0076FE;--rc-E5EDF5:#E5EDF5;--rc-7c7b7b:#7c7b7b;--rc-f5f5f5:#f5f5f5;--rc-fdfdfd:#fdfdfd;--rc-dedede:#dedede;--rc-F5F9FC:#F5F9FC;--rc-c4c4c4:#c4c4c4;--rc-d8d8d8:#d8d8d8;--rc-e9e5e5:#e9e5e5;--rc-dddddd:#dddddd;--rc-7b86f4:#7b86f4;--rc-d0d0d0:#d0d0d0;--rc-5c8db7:#5c8db7;--rc-91aecc:#91aecc;--rc-f9f9f9:#f9f9f9;--rc-d4d3d3:#d4d3d3;--rc-FAFAFA:#FAFAFA;--rc-866A6A:#866a6a;--rc-979797:#979797;--rc-e0e1e2:#e0e1e2;--rc-00BD7F:#00BD7F;--rc-9F9F9F:#9F9F9F;--rc-F3F8FF:#F3F8FF;--rc-80A7CE:#80A7CE;--rc-9b9b9b:#9b9b9b;--rc-2ca58d:#2ca58d;--rc-007AFF:#007AFF;--rc-bdbdbd:#bdbdbd;--rc-cecece:#cecece;--rc-2972a4:#2972a4;--rc-E0F1FD:#E0F1FD;--rc-C8D6EA:#C8D6EA;--rc-e2e3e5:#e2e3e5;--rc-BCBEC0:#BCBEC0;--rc-d4d4d5:#d4d4d5;--rc-d4d8da:#d4d8da;--rc-bfe1cf:#bfe1cf;--rc-289fd9:#289fd9;--rc-e68900:#e68900;--rc-2f4272:#2f4272;--rc-e0e0e0:#e0e0e0;--rc-2361ff:#2361ff;--rc-c2c2c2:#c2c2c2;--rc-e5e5e5:#e5e5e5;--rc-ffb300:#ffb300;--rc-d8dee2:#d8dee2;--rc-252525:#252525;--rc-fcf2d6:#fcf2d6;--rc-add8e6:#add8e6;--rc-afd9e7:#afd9e7;--rc-D9E4F2:#D9E4F2;--rc-88B7E6:#88B7E6;--rc-4a4a4a:#4a4a4a;--rc-fff6f6:#fff6f6;--rc-f7f7f7:#f7f7f7;--rc-66c7f4:#66c7f4;--rc-1B4785:#1B4785;--rc-a9a9a9:#a9a9a9;--rc-eeeeee:#eeeeee;--rc-1b1c1d:#1b1c1d;--rc-dededf:#dededf;--rc-aaaaaa:#aaaaaa;--rc-042D55:#042D55;--rc-eeeeee:#eeeeee;--rc-bbbbbb:#bbbbbb;--rc-009D53:#009D53;--rc-E0EFFF:#E0EFFF;--rc-196DAB:#196DAB;--rc-c2c2c2:#c2c2c2;--rc-e5e5e5:#e5e5e5;--rc-c3c3c3:#c3c3c3;--rc-00abc7:#00abc7;--rc-FCE6E6:#FCE6E6;--rc-DECACA:#DECACA;--rc-424242:#424242;--rc-F5D7D7:#F5D7D7;--rc-F7FFF5:#F7FFF5;--rc-D3DED1:#D3DED1;--rc-EBF6E0:#EBF6E0;--rc-F6F6F6:#F6F6F6;--rc-33B6CC:#33B6CC;--rc-2dadc2:#2dadc2;--rc-0fbad6:#0fbad6;--rc-f7ffec:#f7ffec;--rc-d2ddc7:#d2ddc7;--rc-ffe1e1:#ffe1e1;--rc-e6c8c8:#e6c8c8;--rc-f56b56:#f56b56;--rc-dc523d:#dc523d;--rc-e65c47:#e65c47;--rc-565c70:#565c70;--rc-6D7278:#6D7278;--rc-E08A20:#E08A20;--rc-rgba-black:0,0,0;--rc-rgba-white:255,255,255;--rc-rgba-gray:51,51,51;--rc-rgba-primary:2,79,157;--rc-rgba-primary-300:41,114,164;--rc-rgba-gray-300:34,36,38;--rc-rgba-866a6a:134,106,106;--rc-rgba-d0d0d0:208,208,208;--rc-rgba-7b86f4:123,134,244;--rc-rgba-C8D6EA:200,214,234}.sb-chapterlist-accordion{box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)!important}.sb-chapterlist-accordion.ui.styled.accordion{padding:.6rem .76rem;background:inherit}.sb-chapterlist-accordion.ui.styled.accordion .active.title{border:1px solid var(--primary-200);border-bottom:none;background-color:#f3f8ff;font-weight:var(--font-weight-bold);border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:var(--font-size-sm)}.sb-chapterlist-accordion.ui.styled.accordion .active.title .chevron-icon{background:#d9e4f2;border-left:none}.sb-chapterlist-accordion.ui.styled.accordion .active.title .chapter-status{background:var(--primary-color)}.sb-chapterlist-accordion.ui.styled.accordion .title{margin-top:.5rem;background:var(--gray-0);border:1px solid var(--gray-100);border-radius:4px;font-size:var(--font-size-sm)}.sb-chapterlist-accordion.ui.styled.accordion .title .chevron-icon{background:var(--gray-0);border-left:1px solid var(--gray-100)}.sb-chapterlist-accordion.ui.styled.accordion .title .chapter-status{height:.5rem;width:.5rem;border-radius:50%;background:var(--gray-100)}.sb-chapterlist-accordion.ui.styled.accordion .sb-chapterlist-child .active.title{border-top:1px solid var(--primary-200);border-radius:0}.sb-chapterlist-accordion.ui.styled.accordion .sb-chapterlist-child .active.title .chapter-status{background:#88b7e6}.sb-chapterlist-accordion.ui.styled.accordion .sb-chapterlist-child .title{margin-top:0;border-radius:0 0 4px 4px;border:none;border-top:1px solid var(--gray-100)}.sb-chapterlist-accordion.ui.styled.accordion .sb-chapterlist-child .content{border:none!important}.sb-chapterlist-accordion.ui.styled.accordion .sb-chapterlist-child .chevron-icon{border-top-right-radius:0}.sb-chapterlist-accordion.ui.styled.accordion .content{border:none!important;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:var(--white);padding:0!important}.sb-chapterlist-accordion.ui.styled.accordion .chevron-icon{height:56px;width:56px;margin:-9px -12px -8px 16px;display:flex;align-items:center;justify-content:center;border-top-right-radius:4px;border-bottom-right-radius:4px}.sb-chapterlist-accordion.ui.styled.accordion .chevron.down.icon{height:auto}.sb-chapterlist-accordion.ui.styled.accordion .accordion .active.title{border:1px solid var(--primary-200);border-bottom:none;background-color:#f3f8ff;font-weight:var(--font-weight-bold)}.sb-chapterlist-accordion.ui.styled.accordion .accordion .content{border:1px solid var(--primary-200);border-top:none}.ui.scrolling.modal{box-shadow:none}.sb-custom-radio{float:right;margin-right:4.8rem;margin-top:.6rem}.sb-content-breadcrumb{vertical-align:bottom}.sb-content-breadcrumb .right.chevron{text-indent:-18px}.sb-content-breadcrumb .section:first-child{max-width:30%;overflow:hidden;text-overflow:ellipsis;display:inline-block!important;white-space:nowrap}.sb-radio-btn-checkbox.disabled input[type=radio]{opacity:.5;pointer-events:none}.sb-radio-btn-checkbox.disabled label:before{border:1px solid #ccc}.sb-toc-accor-1 .chapter-lists--item label{margin-bottom:0!important}.sb-row-bb{border-bottom:1px solid #e0e0e0}.sb-row-bb:last-child{border:none;border-left:.0625rem dashed var(--gray-300);margin-left:1.1rem;padding-left:1.6rem!important}.p-1{padding:1rem}.sb-toc-accor-1 .chapter-lists--item .item-name,.sb-toc-accor-1 .chapter-lists--item label{border-left:.0625rem dashed var(--gray-300);margin-left:1.1rem;padding-left:1.6rem!important}.sb-toc-accor-2 .chapter-lists--item .item-name{margin-left:2.3rem}.sb-toc-accor-3 .chapter-lists--item .item-name{margin-left:4rem}.sb-chapterlist-accordion .chapter-lists--item:hover{background:0 0!important}sui-accordion-panel .title{border:none!important}"]}]}],"members":{"selectedContentDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"collectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"collectionUnits":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"programContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"prevUnitSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"collectionhierarcyData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["modal",{"static":true}]}]}],"moveEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"addResource":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"getParentsHelper":[{"__symbolic":"method"}],"getParents":[{"__symbolic":"method"}],"setCollectionUnitBreadcrumb":[{"__symbolic":"method"}],"isContentAlreadyPresentInSelectedScetionLevel":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-skeleton-loader","template":"<div [ngStyle]=\"skeletonStyles\" class=\"loading\"></div>","styles":[".loading{-webkit-animation:2s linear infinite forwards placeloader;animation:2s linear infinite forwards placeloader;background:linear-gradient(69deg,#eee 8%,#ddd 18%,#eee 33%);background-size:2000px;position:relative}@-webkit-keyframes placeloader{0%{background-position:-2000px}100%{background-position:2000px}}@keyframes placeloader{0%{background-position:-2000px}100%{background-position:2000px}}html[dir=rtl] .loading{animation:2s linear infinite reverse placeloader}"]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"mTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-template","template":"<sui-modal [mustScroll]=\"false\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'normal'\" class=\"sb-modal overflow-modal\"\n  appBodyScroll (dismissed)=\"onClosePopup()\" #modal>\n  <div class=\"sb-modal-header\">\n    {{configService.labelConfig?.lbl?.createNew}}\n  </div>\n  <div class=\"sb-modal-content\">\n    <div class=\"mt-8 mb-20\">\n      <label class=\"fs-16\">{{configService.labelConfig?.lbl?.selectTemplate}}</label>\n    </div>\n    <div class=\"twelve wide column\">\n      <div class=\"ui grid flex-jc-center my-16\">\n        <div class=\"ui card text-center common-contribution-card m-16\" *ngFor=\"let template of templateList\"\n          (click)=\"showButton=true; templateSelected = template\"\n          [ngClass]=\"{'active': templateSelected === template}\">\n          <div class=\"content\">\n            <i class=\"check circle icon\"></i>\n            <img class=\"mt-16\" rel=\"placeholder\" src=\"assets/images/MCQ.png\" alt=\"{{template + 'icon' }}\">\n            <div class=\"content-title pt-16 pb-8 fsmall\">{{configService.labelConfig?.categoryLabels[template] || template}}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button type=\"button\" class=\"sb-btn sb-btn-normal\"\n      [ngClass]=\"{'sb-btn-primary': showButton, 'sb-btn-disabled': !showButton}\" [disabled]=\"!showButton\" (click)=\"next()\"\n      libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('next','click','submit', this.telemetryService.telemetryPageId, {key: 'dialog_id', value: 'create_new','template_id' : templateSelected})\">{{configService.labelConfig?.button_labels?.next_btn_label}} </button>\n  </div>\n</sui-modal>","styles":[".common-contribution-card{box-sizing:border-box;border:.5px solid rgba(123,134,244,.39);border-radius:4px;background-color:#fff;box-shadow:none;width:150px}.common-contribution-card .content img{width:64px;height:64px}.common-contribution-card .content .content-title{font-size:12px;vertical-align:middle;line-height:16px}.common-contribution-card .content .icon.check{display:none;height:18px;position:absolute;right:8px;top:8px;margin:0;width:20px;color:#00c786;font-size:20px}.common-contribution-card.active .content .icon.check,.common-contribution-card:hover .content .icon.check{display:block}.common-contribution-card.active,.common-contribution-card:hover{cursor:pointer;z-index:5;background:#fff;transform:translateY(-3px);box-shadow:0 2px 8px 0 rgba(123,134,244,.31);border:.5px solid rgba(208,208,208,.48)}.common-contribution-card.active .content-title{font-weight:700}.fs-16{font-size:16px!important}"]}]}],"members":{"templateList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["modal"]}]}],"templateSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"onClosePopup":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":8,"character":1},"arguments":[{"name":"dateFormat"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[libTelemetryInteract]"}]}],"members":{"telemetryInteractEdata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":28,"character":3},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"}]}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"lib-asset-browser","template":"<sui-modal [isClosable]=\"true\" class=\"sb-modal overflow-modal\" [isInverted]=\"false\" (dismissed)=\"dismissImagePicker()\"\n  *ngIf=\"showImagePicker\" [size]=\"'normal'\" [isFullScreen]=\"false\" [mustScroll]=\"true\" #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.selectImage}}</div>\n  <div class=\"sb-modal-content p-0\">\n    <sui-tabset>\n      <div class=\"sb-tabset-menu\">\n        <a class=\"sb-item\" (activate)=\"getMyImages(0)\" suiTabHeader=\"1\">{{configService.labelConfig?.lbl?.myImages}}</a>\n        <a class=\"sb-item\" (activate)=\"getAllImages(0)\" suiTabHeader=\"2\">{{configService.labelConfig?.lbl?.allImage}}</a>\n      </div>\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadMyImages()\" suiTabContent=\"1\">\n        <div class=\"ui  pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchImages($event, 'myImages')\" class=\"sb-search-input\" [(ngModel)]=\"searchMyInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" aria-hidden=\"true\" (click)=\"searchImages('clearInput', 'myImages')\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\" >{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!myAssets?.length && searchMyInput\" class=\"fs-0785 my-10\"> {{emptySearchMessage}}  </div>\n        <div class=\"sb-grid-layout image\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of myAssets\">\n            <div class=\"sb-image-section relative position\">\n              <img (click)=\"addImageInEditor(data.downloadUrl, data.identifier)\" alt=\"\" [src]=\"data.downloadUrl\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"ui segment sb-tabset-segment m-0 pt-15\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"500\" [scrollWindow]=\"false\" (scrolled)=\"lazyloadAllImages()\" suiTabContent=\"2\">\n        <div class=\"ui  pb-16 d-flex pl-0\">\n          <div class=\"sb-search-box small no-btn\">\n            <div class=\"input-div relative\">\n              <i class=\"search icon\" aria-hidden=\"true\"></i>\n              <input (change)=\"searchImages($event, 'allImages')\" class=\"sb-search-input\" [(ngModel)]=\"searchAllInput\"\n                type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n              <i class=\"close icon\" aria-hidden=\"true\" (click)=\"searchImages('clearInput', 'allImages')\"></i>\n            </div>\n            <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n          </div>\n          <p class=\"fs-0-986 ml-auto sb-color-grey\" >{{assetsCount}}</p>\n        </div>\n        <div *ngIf=\"!allImages?.length && searchAllInput\" class=\"fs-0785\"> {{emptySearchMessage}} </div>\n        <div class=\"sb-grid-layout image\">\n          <div class=\"sb-video-content\" *ngFor=\"let data of allImages\">\n            <div class=\"sb-image-section\">\n              <img (click)=\"addImageInEditor(data.downloadUrl, data.identifier)\" alt=\"\" [src]=\"data.downloadUrl\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </sui-tabset>\n  </div>\n  <div class=\"sb-modal-actions flex-jc-space-end\">\n    <button (click)=\"openImageUploadModal();\" class=\"sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.lbl?.uploadAndUse}}</button>\n  </div>\n</sui-modal>\n<sui-modal class=\"sb-modal overflow-modal\" [isClosable]=\"isClosable\" [isInverted]=\"false\"\n  (dismissed)=\"dismissImageUploadModal()\" *ngIf=\"showImageUploadModal\" [size]=\"'large'\" [isFullScreen]=\"false\"\n  [mustScroll]=\"true\" appBodyScroll #modal>\n  <div class=\"sb-modal-header\">{{configService.labelConfig?.lbl?.uploadAndUse}}</div>\n  <div class=\"p-10 sb-bg-white\">\n    <div class=\"d-flex\">\n      <div class=\"w-50\">\n        <div class=\"content\">\n          <h6 class=\"mb-8 fs-normal\"> {{configService.labelConfig?.lbl?.chooseOrDragImage}}<span class=\"red\">*</span></h6>\n          <div class=\"upload-image-modal-section d-flex flex-ai-center flex-jc-center flex-dc\">\n            <ng-container>\n              <button class=\"upload-input-button sb-btn sb-btn-success sb-btn-normal\">\n                {{configService.labelConfig?.lbl?.uploadFromComputer}}  \n                <input (change)=\"uploadImage($event)\" type=\"file\" [accept]=\"acceptImageType\" name=\"assetfile\">\n              </button>\n              <div class=\"py-10 fs-0-785 sb-color-primary\" *ngIf=\"imageUploadLoader\"> {{assetName}} </div>\n              <span class=\"fsmall mt-8\">{{configService.labelConfig?.lbl?.upload}}  {{assetConfig.image.accepted}} \n                ({{configService.labelConfig?.lbl?.maxFileSize}} {{assetConfig.image.size}}{{assetConfig.image.sizeType}})</span>\n              <div *ngIf=\"showErrorMsg\" class=\"sb-color-error fsmall mt-8\">\n                <p>{{errorMsg}}</p>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"ui info message sb-info-bx\">\n            <ul class=\"list\">\n              <li class=\"fs-0785\"> {{configService.labelConfig?.lbl?.allowedFileTypes}} {{assetConfig.image.accepted}}</li>\n              <li class=\"fs-0785\"> {{configService.labelConfig?.lbl?.maximumAllowedFileSize}} {{assetConfig.image.size}}{{assetConfig.image.sizeType}}</li>\n            </ul>\n          </div>\n          <h6 class=\"fs-0785\">{{configService.labelConfig?.lbl?.copyRightsAndLicense}}<span class=\"red\">*</span></h6>\n          <p class=\"fsmall mt-8 terms-and-condition\">{{termsAndCondition}}</p>\n        </div>\n      </div>\n      <div class=\"w-50 pl-10 ml-10 b-bl\">\n        <div class=\"ui info message sb-info-bx mb-0\">\n          <ul class=\"list\">\n            <li class=\"fs-0785 font-weight-bold\">\n              <i class=\"icon info circle\" aria-hidden=\"true\"></i>\n              {{configService.labelConfig?.lbl?.dropChooseFile}} </li>\n          </ul>\n        </div>\n        <div class=\"sb-form-fields\">\n          <div class=\"form-container upload-form\">\n            <sb-dynamic-form [config]=\"formConfig\" \n              (statusChanges)=\"onStatusChanges($event)\" (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sb-modal-actions flex-jc-space-between p-0\">\n      <div>\n        <button (click)=\"dismissPops(modal);\" class=\"mr-10 sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.cancel_btn_label}}</button>\n          <button type=\"button\" class=\"sb-btn sb-btn-normal text-left sb-btn-loading-spinner sb-btn-primary\"\n          [disabled]=\"!imageFormValid\"  (click)=\"uploadAndUseImage(modal);\" \n          [ngClass]=\"{'sb-btn-primary': imageFormValid, 'sb-btn-disabled': !imageFormValid}\">\n            <div class=\"sb-loading-spinner\"  *ngIf=\"loading\" role=\"status\" aria-hidden=\"true\"></div>\n            {{configService.labelConfig?.button_labels?.upload_use_btn_label}}\n          </button>\n      </div>\n      <div>\n        <button (click)=\"dismissImageUploadModal();\" class=\" sb-btn sb-btn-primary sb-btn-normal\">{{configService.labelConfig?.button_labels?.back_btn_label}}</button>\n      </div>\n    </div>\n  </div>\n</sui-modal>","styles":[".editorWrapper{border:0 solid #fff}.editorWrapper.hasError{border:0 solid red}.characterCount{text-align:right;border-top:0;padding-right:7px;font-size:11px;font-weight:700;margin-top:-16px;position:relative}.custom-image img{border:1px dotted;padding:7px;margin:6px;cursor:pointer}.resource-image{height:180px!important}.asset_container{overflow-y:auto;overflow-x:hidden;min-height:300px!important;max-height:300px!important;padding:5px}.insert-image-btn{position:absolute;z-index:1;left:315px;background-color:transparent;padding:12px 14px!important;margin-left:6px}.insert-image-btn>.icon{opacity:1}.insert-image-btn:active{background-color:transparent}.upload-file-description p{color:#999}.upload-file-description ul{margin:0;list-style:disc}.upload-file-description ul li{margin-bottom:8px}.upload-file-description ul li a{cursor:pointer;font-size:12px}.sb-grid-layout{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:16px}.sb-grid-layout.image{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.sb-grid-layout.video{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sb-grid-layout .sb-video-content .sb-image-section{height:96px;overflow:hidden;border-radius:4px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5)}.sb-image-section .selected-video{display:none}.sb-image-section.active .selected-video{position:absolute;right:4px;top:4px;color:#07bc81;font-size:20px;display:block}.sb-grid-layout .sb-video-content .sb-image-section img{width:100%;height:100%;cursor:pointer}.overlay-image{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;right:0;cursor:pointer}.overlay-image .play.icon{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;color:rgba(255,255,255,.6);font-size:32px;cursor:pointer}::ng-deep .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,::ng-deep .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{border-left:none;border-right:none;border-bottom:1px solid #c4c4c4;border-radius:0}::ng-deep .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,::ng-deep .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border:none}.upload-image-modal-section{border-radius:4px;width:100%;min-height:140px;background:#f5f9fc;border:1px dashed #024f9d}.upload-input-button input[type=file]{position:absolute;right:0;top:0;font-size:118px;margin:0;padding:0;cursor:pointer;opacity:0;height:100%}.upload-file-section{display:flex;height:240px;width:100%;max-width:800px;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;background-color:#f5f9fc;border:1px dashed #80a7ce}.qq-uploader.qq-uploader-selector.custom-qq-uploader{background:inherit;border:none;max-height:inherit;min-height:inherit;overflow-y:inherit;width:688px;height:240px;display:flex;justify-content:center;align-items:center}.terms-and-condition{line-height:14px}.sb-info-bx{padding:.4rem!important}.sb-info-bx li{margin:0!important;padding:0!important}.sb-info-bx li::before{content:\"\"!important}.red{color:red}.b-bl{border-left:1px solid #e4e1e1}.sb-form-fields .sb-field-group{margin:1rem 0}.sb-form-fields .sb-field{position:relative;margin-bottom:.5rem}.sb-form-fields .sb-field .sb-form-control{border:1px solid rgba(34,36,38,.15);width:100%;border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;padding:.25rem .5rem!important}.sb-color-grey{color:#666}.flex-jc-space-end{justify-content:flex-end!important}.fs-0785{font-size:.785rem!important}.ui.info.message{color:#276f86!important}.sb-textbox[disabled=true]{opacity:.3!important;font-weight:500!important}.sb-tabset-segment{min-height:288px;max-height:288px;overflow-y:auto}input:focus-visible{border:none!important}"]}]}],"members":{"showImagePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"assetBrowserEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"modalDismissEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["modal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵx"}]}],"ngOnInit":[{"__symbolic":"method"}],"getAcceptType":[{"__symbolic":"method"}],"initializeImagePicker":[{"__symbolic":"method"}],"outputEventHandler":[{"__symbolic":"method"}],"getMyImages":[{"__symbolic":"method"}],"addImageInEditor":[{"__symbolic":"method"}],"getAllImages":[{"__symbolic":"method"}],"lazyloadMyImages":[{"__symbolic":"method"}],"lazyloadAllImages":[{"__symbolic":"method"}],"uploadImage":[{"__symbolic":"method"}],"resetFormData":[{"__symbolic":"method"}],"populateFormData":[{"__symbolic":"method"}],"uploadAndUseImage":[{"__symbolic":"method"}],"generateAssetCreateRequest":[{"__symbolic":"method"}],"uploadToBlob":[{"__symbolic":"method"}],"dismissImageUploadModal":[{"__symbolic":"method"}],"openImageUploadModal":[{"__symbolic":"method"}],"dismissPops":[{"__symbolic":"method"}],"dismissImagePicker":[{"__symbolic":"method"}],"searchImages":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-collection-icon","template":"<ng-container>\n    <div (click)=\"initializeImagePicker()\" class=\"mb-20 w-15\">\n        <div class=\"app-icon-label\" [attr.data-title]=\"appIconConfig?.description ? appIconConfig?.description : null\">{{appIconConfig?.label}}</div>\n        <div *ngIf='!appIcon' class=\"sb-centericon\" aria-label=\"app icon\" tabindex=\"0\">\n            <div>\n                <i id=\"icon_appIcon\" name=\"icon_appIcon\" class=\"icon image outline\" ></i>\n            </div>\n            <div class=\"addImageText\">{{configService.labelConfig?.lbl?.addAnImage}}</div>\n        </div>\n        <img *ngIf=\"appIcon\" class=\"ui image sb-appicon\" src=\"{{appIcon}}\" alt=\"app icon\"/>\n    </div>\n    <lib-asset-browser *ngIf=\"showImagePicker\" [showImagePicker]=\"showImagePicker\" (assetBrowserEmitter)=\"collectionIconHandler($event)\" (modalDismissEmitter)=\"handleModalDismiss($event)\"></lib-asset-browser>\n</ng-container>","styles":[".sb-appicon{height:110px;width:120px;border:1px solid #ccc;padding:5px}.sb-centericon{height:110px;width:120px;border:1px solid #ccc;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.addImageText{font-size:.8rem!important}.w-15{width:15%;max-width:15%}.app-icon-label{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:600}"]}]}],"members":{"appIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"appIconConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"iconEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"initializeImagePicker":[{"__symbolic":"method"}],"collectionIconHandler":[{"__symbolic":"method"}],"handleModalDismiss":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-quml-player","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":" <div class=\"aspectratio\" data-ratio=\"16:9\">\n     <div class=\"content-player\">\n        <div class=\"w-100 h-100\">\n                <div class=\"contentViewerIframeShadow\" *ngIf=\"!showViewButton\">\n                    <quml-main-player *ngIf=\"showPreview\" [playerConfig]=\"qumlPlayerConfig\" (playerEvent)=\"getPlayerEvents($event)\"\n                        (telemetryEvent)=\"getTelemetryEvents($event)\"></quml-main-player>\n                </div>\n                <div class=\"mt-25\" *ngIf=\"(editorService?.editorMode !== 'edit' && showViewButton)\">\n                    <h5>Click on View details to view the question details.</h5>\n                    <div class=\"ui  btn-align\">\n                        <div class=\"ui twelve column grid m-0\">\n                            <div class=\"nine wide column p-0 text-left\">\n                                <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary mr-15\" (click)=\"reviewQuestion();\">\n                                    View Details</button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n</div>","styles":[".b-1-100{border:1px solid #ccc}.preview-modal .sb-modal-content{height:inherit!important}.potrait-mode .b-1-100{width:480px;margin:auto}.potrait-mode .aspectratio[data-ratio=\"16:9\"]{padding-top:calc(100%/(9/16))}.br-2{border-radius:2px}.contentViewerIframeShadow{width:100%;height:100%;border:0}.aspectratio{position:relative;width:100%;height:0}.aspectratio[data-ratio=\"16:9\"]{padding-top:56.25%}.aspectratio>*{position:absolute;width:100%;height:100%;top:0;left:0}.content-player{z-index:11}.quml-container .container{width:inherit!important}.btn-align{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1;margin-top:10px}.mt-25{margin-top:25%;text-align:center}"]}]}],"members":{"questionSetHierarchy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isSingleQuestionPreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"toolbarEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"setQumlPlayerData":[{"__symbolic":"method"}],"getPlayerEvents":[{"__symbolic":"method"}],"getTelemetryEvents":[{"__symbolic":"method"}],"reviewQuestion":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-dialcode","template":"<a class=\"fs-0-785 sb-color-primary font-weight-bold\"><i class=\"icon qrcode\"></i>QR Code </a>\n<a class=\"profile-avtar computer only p-0 pr-10\" tabindex=\"0\">\n    <div suiDropdown class=\"ui dropdown right top pointing\" id=\"dropdown-menu-list-header\">\n        <i class=\"icon caret down\"></i>\n        <div class=\"menu\" suiDropdownMenu>\n            <a class=\"item fs-0-785\"\n            [ngClass]=\"(!disableQRGenerateBtn || (qrCodeCount.request > 0 && qrCodeCount.request + 1 <= qrCodeCount.reserve) || isGeneratingQRCodes ) ? 'sb-disabled' : ' '\"\n            libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('generate_qr_codes','click','launch', telemetryService.telemetryPageId)\">\n                <i class=\"icon qrcode\"></i>\n                <span *ngIf=\"!isGeneratingQRCodes\" class=\"text\" (click)=\"openRequestPopup();\">\n                    Generate {{(qrCodeCount.request > 0 && qrCodeCount.request+1 > qrCodeCount.reserve)? qrCodeCount.request + ' +\n                    1' : (qrCodeCount.reserve > 0) ? qrCodeCount.reserve-1 +' + 1' : '' }} QR Codes\n                </span>\n                <span *ngIf=\"isGeneratingQRCodes\" class=\"text\">Generating {{(qrCodeCount.request > 0 )? qrCodeCount.request-1 + ' +\n                    1' :'' }} QR codes</span> \n            </a>\n            <div class=\"ui divider\"></div>\n            <a class=\"item fs-0-785\" (click)=\"downloadQRCodes();\" [ngClass]=\"!disableQRDownloadBtn ? 'sb-disabled' : ''\"\n            libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('download_qr_codes','click','launch', telemetryService.telemetryPageId)\">\n                <i class=\"icon download\"></i> \n                Download {{(qrCodeCount.reserve > 1) ? qrCodeCount.reserve-1 + ' +1' : ''}} QR codes\n            </a>\n        </div>\n    </div>\n</a>\n<div class=\"seperator pr-20\"></div>\n\n<sui-modal *ngIf=\"showQRCodePopup\" [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\" [size]=\"'small'\"\n    class=\"sb-modal bx-none overflow-modal dialcodeModal\" appBodyScroll (dismissed)=\"showQRCodePopup = !showQRCodePopup\" #modal>\n    <div class=\"sb-modal-header\">\n        {{configService.labelConfig?.lbl?.requestForQrCode}}\n    </div>\n    <div class=\"sb-modal-content\">\n        <div class=\"d-flex flex-jc-space-between p-20\">\n            <div class=\"sb-field-group w-70\">\n                <div class=\"sb-field\">\n                    <input type=\"number\" (keypress)=\"keyPressNumbers($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" [formControl]=\"dialcodeControl\" \n                    [ngClass]=\"dialcodeControl.errors ? 'sb-color-error' : '' \" class=\"sb-form-control p-5 w-100\" placeholder=\"e.g. 45\">\n                    <div *ngIf=\"dialcodeControl.invalid\">\n                        <small class=\"sb-color-error pt-10 d-block\" *ngIf=\"dialcodeControl.errors.max\">\n                            {{configService.labelConfig?.lbl?.numberToolarge}}\n                        </small>\n                        <small class=\"sb-color-error pt-10 d-block\" *ngIf=\"dialcodeControl.errors.minErr\">\n                            {{dialcodeControl.errors.minErr}}\n                        </small>\n                        <small class=\"sb-color-error pt-10 d-block\" *ngIf=\"dialcodeControl.errors.gteErr\">\n                            {{dialcodeControl.errors.gteErr}}\n                        </small>\n                    </div>\n                </div>\n            </div>\n            <button class=\"sb-btn sb-btn-normal sb-btn-primary\" [ngClass]=\"dialcodeControl.valid ? '': 'sb-btn-outline-disabled'\" \n            [disabled]=\"!dialcodeControl.valid\" (click)=\"submitDialcodeForm();\" >{{configService.labelConfig?.button_labels?.request_btn_label}}</button>\n        </div>\n    </div>\n</sui-modal>","styles":[".seperator{border-left:1px solid #ccc;height:20px}.profile-avtar .dropdown .menu{z-index:99999}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":32,"character":34},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"setQRCodeCriteria":[{"__symbolic":"method"}],"treeStatusListener":[{"__symbolic":"method"}],"resolveQRDownloadBtn":[{"__symbolic":"method"}],"doQRCodeCount":[{"__symbolic":"method"}],"openRequestPopup":[{"__symbolic":"method"}],"submitDialcodeForm":[{"__symbolic":"method"}],"reserveDialCode":[{"__symbolic":"method"}],"downloadQRCodes":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}],"keyPressNumbers":[{"__symbolic":"method"}],"customDialcodeValidator":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-bulk-upload","template":"<div class=\"d-flex\">\n  <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary text-inherit mt-2\" suiPopup\n    popupText=\"Bulk upload multiple question at one time using a CSV file\" (click)=\"openBulkUploadModal()\"\n    *ngIf=\"['completed', ''].includes(process?.status)\"\n    libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('bulk_upload_question','click','launch',\n    telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\">{{configService.labelConfig?.lbl?.bulkUploadQuestion}}</button>\n  <div class=\"divider mx-10\" *ngIf=\"process?.status === 'completed'\"></div>\n  <div class=\"d-flex flex-dc fs-0-785\">\n    <div class=\"sb-color-gray-400\" *ngIf=\"process?.status === 'completed'\">{{configService.labelConfig?.lbl?.lastUploaded}} : {{ process?.updatedon | dateFormat: 'D MMMM YYYY' }}</div>\n    <div *ngIf=\"process?.status === 'processing'\" class=\"relative\">\n      <span class=\"sb-loader sb-success-loader\"></span>\n      <span class=\"sb-color-warning fs-1\" suiPopup\n        popupText=\"Bulk upload of question is in progress, once finished you can initiate another batch\">{{configService.labelConfig?.lbl?.bulkInProgress}}</span>\n    </div>\n    <a href=\"#\" class=\"text-decor-none\" *ngIf=\"['completed', 'processing'].includes(process?.status)\" (click)=\"viewDetails($event)\"\n    libTelemetryInteract\n    [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('view_details','click','launch',\n    telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\">{{configService.labelConfig?.lbl?.viewDetails}}</a>\n  </div>\n</div>\n\n\n<sui-modal *ngIf=\"showBulkUploadModal\" [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\"\n  [size]=\"'normal'\" class=\"sb-modal overflow-modal sb-bk-upload\" appBodyScroll (dismissed)=\"closeBulkUploadModal()\" #modal>\n  <div class=\"sb-modal-header\">\n    {{configService.labelConfig?.lbl?.bulkUploadQuestion}}\n  </div>\n  <div class=\"sb-modal-content\">\n    <div class=\"d-flex p-30 sb-bg-color-primary-0\">\n      <div class=\"p-10 sb-bulk-upload\">\n        <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" *ngIf=\"bulkUploadState !== 5\">\n        <div class=\"text-right my--20\">\n          <i class=\"fa fa-download sb-circle-download-icon\" *ngIf=\"bulkUploadState === 1\" aria-hidden=\"true\"></i>\n          <i class=\"fa fa-check sb-circle-download-icon\" *ngIf=\"bulkUploadState === 6\" aria-hidden=\"true\"></i>\n        </div>\n\n        <div class=\"progress-circle progress-circle--xxl mr-8 mt-20\" [attr.data-percentage]=\"completionPercentage\" *ngIf=\"bulkUploadState === 5\">\n          <svg class=\"progress-circle__svg\" viewport=\"0 0 2000 2000\">\n            <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n            <circle class=\"progress-circle__stroke\" r=\"50%\" cx=\"50%\" cy=\"50%\"></circle>\n            <text x=\"40%\" y=\"50%\" font-size=\"1.5em\">{{completionPercentage}}%</text>\n          </svg>\n        </div>\n      </div>\n\n      <div class=\"pl-20 pt-20 d-block\" *ngIf=\"bulkUploadState === 1\">\n        <h6 class=\"sb-color-gray-400\">{{configService.labelConfig?.lbl?.downloadSampleMetadataCsvFileAndCreate}}</h6>\n        <div class=\"sb-color-gray-200 pt-20 fs-0-92\">{{configService.labelConfig?.lbl?.makeSureYourFile}} : </div>\n        <ul class=\"ui ordered list sb-dock-ordered-list mt-15\">\n          <li class=\"item\">{{configService.labelConfig?.lbl?.allColumnsAreAvailableShownFormat}}</li>\n          <li class=\"item\">{{configService.labelConfig?.lbl?.hasAllMandatoryColumnsFilledAsMarkedInFormat}}</li>\n          <li class=\"item\">{{configService.labelConfig?.lbl?.hasNoDuplicateUrlsFilepathColumn}}</li>\n        </ul>\n        <button (click)=\"downloadSampleCSVFile()\"\n          class=\"sb-btn sb-btn-normal sb-btn-success my-20 text-decor-none\"\n          libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('download_sample_metadata_csv','click','launch',\n            telemetryService.telemetryPageId, {key: 'dialog_id', value: 'bulk_upload_question'})\"><i\n            class=\"fa fa-download pr-10\" aria-hidden=\"true\"></i>{{configService.labelConfig?.lbl?.downloadSampleMetadataCsv}}</button>\n      </div>\n\n      <div class=\"content p-10 d-block w-70 flex-as-center text-center\" *ngIf=\"bulkUploadState === 2\">\n        <div type=\"text/template\" id=\"qq-template-validation\" #fineUploaderUI>\n          <div class=\"qq-uploader-selector qq-uploader custom-qq-uploader\">\n            <div class=\"qq-upload-drop-area-selector qq-upload-drop-area\" qq-hide-dropzone>\n              <span class=\"qq-upload-drop-area-text-selector\"></span>\n            </div>\n            <span class=\"qq-drop-processing-selector qq-drop-processing\">\n              <span>{{configService.labelConfig?.lbl?.processingDroppedFiles}}</span>\n              <span class=\"qq-drop-processing-spinner-selector qq-drop-processing-spinner\"></span>\n            </span>\n            <ul class=\"qq-upload-list-selector qq-upload-list custom-qq-upload-list\" aria-live=\"polite\"\n              aria-relevant=\"additions removals\">\n              <li>\n                <div class=\"qq-progress-bar-container-selector\">\n                  <div role=\"progressbar\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"\n                    class=\"qq-progress-bar-selector qq-progress-bar\"></div>\n                </div>\n                <span class=\"qq-upload-spinner-selector qq-upload-spinner\"></span>\n                <img class=\"qq-thumbnail-selector\" qq-max-size=\"100\" alt=\"\" qq-server-scale>\n                <span class=\"qq-upload-file-selector qq-upload-file custom-qq-upload-file\"></span>\n                <span class=\"qq-upload-size-selector qq-upload-size\"></span>\n                <button type=\"button\"\n                  class=\"qq-btn qq-upload-retry-selector qq-upload-retry\">{{configService.labelConfig?.lbl?.retry}}</button>\n                <button type=\"button\"\n                  class=\"qq-btn qq-upload-delete-selector qq-upload-delete\">{{configService.labelConfig?.lbl?.retry}}</button>\n                <span role=\"status\" class=\"qq-upload-status-text-selector qq-upload-status-text\"></span>\n              </li>\n            </ul>\n            <div id=\"qq-upload-actions\" class=\"upload-file-description d-flex flex-ai-center flex-dc\">\n              <h5 class=\"mb-8 sb-color-gray-400\">\n                {{configService.labelConfig?.lbl?.dragAndDrop}} <br />\n                {{configService.labelConfig?.lbl?.or}}\n              </h5>\n              <div class=\"qq-upload-button-selector qq-upload-button sb-btn sb-btn-normal sb-btn-success my-20\">\n                <div>{{configService.labelConfig?.lbl?.selectFile}}</div>\n              </div>\n              <p class=\"mt-8 sb-color-gray-200 fs-0-785\">{{configService.labelConfig?.lbl?.uploadCSVXlEntries}}</p>\n            </div>\n            <dialog class=\"qq-confirm-dialog-selector\">\n              <div class=\"qq-dialog-message-selector\"></div>\n              <div class=\"qq-dialog-buttons\">\n                <button type=\"button\" class=\"qq-cancel-button-selector\">{{configService.labelConfig?.lbl?.no}}</button>\n                <button type=\"button\" class=\"qq-ok-button-selector\">{{configService.labelConfig?.lbl?.yes}}</button>\n              </div>\n            </dialog>\n            <dialog class=\"qq-prompt-dialog-selector\">\n              <div class=\"qq-dialog-message-selector\"></div>\n              <input type=\"text\">\n              <div class=\"qq-dialog-buttons\">\n                <button type=\"button\"\n                  class=\"qq-cancel-button-selector\">{{configService.labelConfig?.lbl?.cancel}}</button>\n                <button type=\"button\" class=\"qq-ok-button-selector\">{{configService.labelConfig?.lbl?.ok}}</button>\n              </div>\n            </dialog>\n          </div>\n        </div>\n        <div *ngIf=\"!loading\">\n          <div id=\"upload-document-div\" class=\"upload-file-section\"></div>\n        </div>\n        <div *ngIf='loading' class=\"uploading-files\">\n          <div class='d-flex flex-dc flex-jc-center flex-ai-center icon'>\n            <img src=\"../../assets/images/Spin.gif\" class='process-icon' alt=\"\">\n          </div>\n        </div>\n      </div>\n\n      <div class=\"p-30 w-70 flex-as-center text-center\" *ngIf=\"bulkUploadState === 3\">\n        <div>\n          <div class=\"relative sb-loader-with-lbl\">\n            <span class=\"sb-loader sb-success-loader relative\"></span>\n            <span class=\"pl-10 ml-10\">\n              <h6 class=\"sb-color-gray-400 pl-10 ml-10\">{{configService.labelConfig?.lbl?.validatingCSVFile}}</h6>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"pt-20 pl-20\" *ngIf=\"bulkUploadState === 4\">\n        <h6 class=\"sb-color-gray-400 pl-5\">\n          <i\n            class=\"fa fa-exclamation-triangle pr-5 sb-color-error\" aria-hidden=\"true\"></i>{{configService.labelConfig?.lbl?.metadataFileValidationFailed}}\n        </h6>\n        <div class=\"sb-color-gray-200 pt-20 fs-0-92 ml-20 sb-line-height-1.2\">{{configService.labelConfig?.lbl?.metadataFollowingError}}</div>\n        <ul class=\"sb-list-circle mt-15\" *ngIf=\"bulkUploadErrorMsgs.length > 0\">\n          <li class=\"item\" *ngFor=\"let msg of bulkUploadErrorMsgs\">{{msg}}</li>\n        </ul>\n\n      </div>\n\n      <div class=\"p-20\" *ngIf=\"bulkUploadState === 5\">\n        <div>{{configService.labelConfig?.lbl?.uploadingYourContentFromCSV}}</div>\n        <div class=\"mt-20\">\n          <div class=\"ui list fs-0-785\">\n            <div class=\"item sb-color-error\">{{configService.labelConfig?.lbl?.uploadFail}} : {{ process?.overall_stats?.upload_failed }}</div>\n            <div class=\"item sb-color-success\">{{configService.labelConfig?.lbl?.uploadSuccessful}} : {{ process?.overall_stats?.upload_success}}</div>\n            <div class=\"item sb-color-warning\">{{configService.labelConfig?.lbl?.uploadRemaining}} : {{ process?.overall_stats?.upload_pending }}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"p-30 pt-10\" *ngIf=\"bulkUploadState === 6\">\n        <h6 class=\"\">{{configService.labelConfig?.lbl?.bulkUploadComplete}}</h6>\n        <div class=\"mt-15\">\n          <div class=\"ui list fs-0-785\">\n            <div class=\"item sb-color-error\">{{configService.labelConfig?.lbl?.uploadFail}} : {{ process?.overall_stats?.upload_failed }}</div>\n            <div class=\"item sb-color-primary\">{{configService.labelConfig?.lbl?.contentUploaded}} : {{ process?.overall_stats?.total }}</div>\n            <div class=\"item sb-color-success\">{{configService.labelConfig?.lbl?.uploadSuccessful}} : {{ process?.overall_stats?.upload_success }}</div>\n          </div>\n        </div>\n        <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-success my-10\" (click)=\"downloadReport()\"\n        libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('download_report','click','launch',\n            telemetryService.telemetryPageId, {key: 'dialog_id', value: 'bulk_upload_question'})\">\n          <i class=\"fa fa-download pr-10\" aria-hidden=\"true\"></i>{{configService.labelConfig?.lbl?.downloadReport}}\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-primary\" (click)=\"updateBulkUploadState('increment')\"\n      *ngIf=\"bulkUploadState === 1\"\n      libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('next','click','launch',\n            telemetryService.telemetryPageId, {key: 'dialog_id', value: 'bulk_upload_question'})\">{{configService.labelConfig?.lbl?.next}}</button>\n    <button type=\"button\" class=\"sb-btn sb-btn-normal sb-btn-outline-primary\"\n      (click)=\"updateBulkUploadState('decrement')\"\n      *ngIf=\"![1,5,6].includes(bulkUploadState)\"\n      libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('back','click','launch',\n            telemetryService.telemetryPageId, {key: 'dialog_id', value: 'bulk_upload_question'})\"\n      >{{configService.labelConfig?.lbl?.back}}</button>\n    <button type=\"button\" class=\"sb-btn sb-btn-normal\"\n      [ngClass]=\"{'sb-btn-outline-primary': bulkUploadState === 5, 'sb-btn-primary': bulkUploadState === 6}\"\n      (click)=\"closeBulkUploadModal()\"\n      *ngIf=\"[5,6].includes(bulkUploadState)\"\n      libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('close','click','launch',\n            telemetryService.telemetryPageId, {key: 'dialog_id', value: 'bulk_upload_question'})\">{{configService.labelConfig?.lbl?.close}}</button>\n    <div class=\"d-flex flex-jc-space-between w-100\" *ngIf=\"bulkUploadState === 5\">\n      <div class=\"sb-color-gray-200 fxsmall line-height-1-3 w-100\">\n        {{configService.labelConfig?.lbl?.bulkUploadNoticeLine1}}\n        <strong>'{{configService.labelConfig?.lbl?.close}}'</strong>\n        {{configService.labelConfig?.lbl?.bulkUploadNoticeLine2}}<br />\n        {{configService.labelConfig?.lbl?.bulkUploadNoticeLine3}}\n      </div>\n    </div>\n  </div>\n</sui-modal>","styles":[".qq-uploader.qq-uploader-selector.custom-qq-uploader{background:inherit;border-color:none;max-height:inherit;min-height:inherit;overflow-y:inherit;width:inherit;height:240px;display:flex;justify-content:center;align-items:center}.sb-bk-upload h6{line-height:22px}@media screen and (min-width:768px){.sb-bk-upload .my--20{margin:-1.25rem 0!important}}.sb-bk-upload .sb-circle-download-icon{background:var(--secondary-100);display:inline-block;width:1.8rem;height:1.8rem;line-height:1.8rem;color:var(--white);border-radius:100%;text-align:center;font-size:.8rem}.sb-loader-with-lbl .sb-loader{position:relative!important}"]}]}],"members":{"fineUploaderUI":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["fineUploaderUI"]}]}],"bulkUploadEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"}]}],"ngOnInit":[{"__symbolic":"method"}],"calculateCompletionPercentage":[{"__symbolic":"method"}],"checkBulkUploadStatus":[{"__symbolic":"method"}],"searchContentWithProcessId":[{"__symbolic":"method"}],"downloadReport":[{"__symbolic":"method"}],"updateJob":[{"__symbolic":"method"}],"initiateDocumentUploadModal":[{"__symbolic":"method"}],"initiateUploadModal":[{"__symbolic":"method"}],"uploadContent":[{"__symbolic":"method"}],"startBulkUpload":[{"__symbolic":"method"}],"generatePreSignedUrl":[{"__symbolic":"method"}],"uploadToBlob":[{"__symbolic":"method"}],"createImportRequest":[{"__symbolic":"method"}],"viewDetails":[{"__symbolic":"method"}],"getContentStatus":[{"__symbolic":"method"}],"createJobRequest":[{"__symbolic":"method"}],"openBulkUploadModal":[{"__symbolic":"method"}],"closeBulkUploadModal":[{"__symbolic":"method"}],"updateBulkUploadState":[{"__symbolic":"method"}],"getParentsHelper":[{"__symbolic":"method"}],"getParents":[{"__symbolic":"method"}],"downloadSampleCSVFile":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵk"}]}],"getBulkOperationStatus":[{"__symbolic":"method"}],"searchContentWithProcessId":[{"__symbolic":"method"}],"createBulkJob":[{"__symbolic":"method"}],"updateBulkJob":[{"__symbolic":"method"}],"createBulkImport":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"lib-csv-upload","template":"<sui-modal  [mustScroll]=\"true\" [isClosable]=\"isClosable\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n    class=\"sb-modal bx-none overflow-modal\" appBodyScroll (dismissed)=\"closeHierarchyModal(modal)\" #modal>\n    <div class=\"sb-modal-header\">\n     <span *ngIf=\"isCreateCsv\"> {{configService.labelConfig?.lbl?.createHierarchyCsv}} </span>\n     <span *ngIf=\"!isCreateCsv\"> {{configService.labelConfig?.lbl?.uploadUpdateCSV}}</span>  \n\n    </div>\n    <div class=\"sb-modal-content\">\n      <div>\n        <!-- upload csv file  -->\n        <div class=\"d-flex\" *ngIf=\"uploadCSVFile\">\n          <div class=\"pl-20 pt-20 d-block w-50\">\n            <p>{{configService.labelConfig?.lbl?.downloadSampleHierarchyCSv}} </p>\n            <div class=\"sb-color-gray-200 fs-0-785\">{{configService.labelConfig?.lbl?.makeSureFile}} </div>\n            <ul class=\"ui ordered list sb-dock-ordered-list mt-15\">\n              <li class=\"item\">{{configService.labelConfig?.lbl?.allColumnsAreAvailable}}</li>\n              <li class=\"item\">{{configService.labelConfig?.lbl?.hasAllMandatoryColumn}}</li>\n              <li class=\"item\">{{configService.labelConfig?.lbl?.noDuplicateRow}}</li>\n            </ul>\n            <a target=\"_blank\"  (click)=\"downloadSampleCSVFile()\"\n              class=\"sb-btn sb-btn-normal sb-btn-outline-primary my-20 text-decor-none sb-color-primary\"><i\n              aria-hidden=\"true\"  class=\"fa fa-download pr-10\"></i>{{configService.labelConfig?.lbl?.downloadSampleCSV}}</a>\n          </div>\n          <div class=\"p-10 w-60 text-center sb-bg-color-primary-0 sb-br-primary\">\n            <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" class=\"w-20 pb-10\">\n            <div id=\"qq-upload-actions\" class=\"upload-file-description d-flex flex-ai-center flex-dc\">\n              <h5 class=\"mb-8 sb-color-gray-400\">\n                {{configService.labelConfig?.lbl?.dragAndDropCSV}} <br />\n              </h5>\n              <h6 class=\"mb-8 sb-color-gray-400 mt-10\">{{configService.labelConfig?.lbl?.Or}}</h6>\n              <button class=\"upload-input-button sb-btn sb-btn-success sb-btn-normal\"\n              libTelemetryInteract\n              [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('select_csv_upload','click',configService.labelConfig?.lbl?.selectFileToUpload,\n               this.telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\"\n              ><i aria-hidden=\"true\" class=\"icon upload\"></i>\n                {{configService.labelConfig?.lbl?.selectFileToUpload}}  \n                <input (change)=\"uploadCSV($event)\" accept=\".csv\" type=\"file\" >\n              </button>\n              <p class=\"sb-color-gray-200 fs-0-785\">{{configService.labelConfig?.lbl?.uploadEntries}}</p>\n              <span class=\"sb-color-primary fs-0-785\" *ngIf=\"fileName\">{{fileName}}</span>\n            </div>\n            </div>\n        </div>  \n        <!-- update csv file  -->\n        <div class=\"p-20  text-center sb-bg-color-primary-0 sb-br-primary\" *ngIf=\"updateCSVFile\">\n          <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" class=\"w-10 pb-10\">\n          <div id=\"qq-upload-actions\" class=\"upload-file-description d-flex flex-ai-center flex-dc\">\n            <h5 class=\"mb-8 sb-color-gray-400\">\n               {{configService.labelConfig?.lbl?.dragAndDropCSV}}<br />\n            </h5>\n            <h6 class=\"mb-8 sb-color-gray-400 mt-10\">{{configService.labelConfig?.lbl?.Or}}</h6>\n            <button class=\"upload-input-button sb-btn sb-btn-success sb-btn-normal\"\n            libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('select_csv_update','click',configService.labelConfig?.lbl?.selectFileToUpload,\n             this.telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\"\n            ><i aria-hidden=\"true\" class=\"icon upload\"></i>\n              {{configService.labelConfig?.lbl?.selectFileToUpload}}  \n              <input (change)=\"uploadCSV($event)\" accept=\".csv\" type=\"file\" >\n            </button>\n            <p class=\"sb-color-gray-200 fs-0-785\">{{configService.labelConfig?.lbl?.uploadEntries}}</p>\n            <span class=\"sb-color-primary  fs-0-785\" *ngIf=\"fileName\">{{fileName}}</span>\n          </div>\n        </div>\n        <div *ngIf=\"updateCSVFile\" class=\"py-20\"><i aria-hidden=\"true\" class=\"icon info circle pr-10 sb-color-gray-200\"></i> \n            <span class=\"sb-color-gray-200 fs-0-785\">{{configService.labelConfig?.lbl?.csvDownloadInstruction}}</span></div>\n        <!-- Validation message  -->\n        <div class=\"d-flex sb-min-h-250 flex-ai-center mn-15 sb-bg-color-primary-0\" *ngIf=\"showCsvValidationStatus\">\n          <div class=\"w-50 text-center\">\n            <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" class=\"w-30\">\n          </div>\n        <div class=\"w-50\">\n          <div class=\"pos-relative\">\n            <span class=\"sb-loader sb-success-loader\"></span>\n            <div class=\"font-weight-bold mb-10\">\n               {{configService.labelConfig?.lbl?.pleaseWait}}\n            </div>\n            <span class=\"sb-color-gray-400 \"> {{configService.labelConfig?.lbl?.validateCsvFile}}</span>\n          </div>\n        </div>\n      </div>\n\n        <!-- Validation failed message = 4 -->\n        <div class=\"d-flex sb-min-h-250 flex-ai-center\" *ngIf=\"errorCsvStatus\">\n          <div class=\"w-50 text-center\">\n            <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" class=\"w-30\">\n          </div>\n        <div class=\"w-50\">\n          <i class=\"fa fa-exclamation-triangle pr-5 sb-color-error pr-10\" aria-hidden=\"true\"></i> {{configService.labelConfig?.lbl?.hierarchyValidationError}}\n         <div class=\"sb-color-gray-200 pt-20 fs-0-785\"> {{configService.labelConfig?.lbl?.followingErrors}}</div>\n          <ul class=\"mt-15 sb-circle-ul\">\n            <li class=\"item\" *ngFor=\"let error of errorCsvMessage\">{{error}}</li>\n          </ul>\n          <div class=\"qq-upload-button-selector sb-btn sb-btn-normal sb-btn-success my-20\" \n          libTelemetryInteract\n          [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('select_csv_reupload','click',configService.labelConfig?.lbl?.reUploadCSV,\n           this.telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\"\n           (click)=\"onClickReupload()\">\n            <div><i aria-hidden=\"true\" class=\"icon refresh\"></i>{{configService.labelConfig?.lbl?.reUploadCSV}}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"d-flex sb-bg-color-success-0 p-10 sb-min-h-250 mn-15\" *ngIf=\"showSuccessCsv\">\n        <div class=\"w-50 text-center\">\n          <img src=\"../../assets/images/bulkuploadfile.png\" alt=\"\" class=\"w-30\">\n        </div>\n      <div class=\"w-50 flex-ai-center\">\n        <div class=\"d-flex\">\n          <i class=\"icon check circle outline sb-color-success\" aria-hidden=\"true\"></i>\n          <div>\n            <span *ngIf=\"isCreateCsv\" class=\"fs-0-92\"> {{configService.labelConfig?.lbl?.hierarchyAdded}} </span>\n            <span *ngIf=\"!isCreateCsv\" class=\"fs-0-92\"> {{configService.labelConfig?.lbl?.hierarchyUpdated}} </span>\n          </div>\n      </div>\n      </div>\n    </div>\n      </div>\n    </div>\n    <div class=\"sb-modal-actions\">\n      <button class=\"sb-btn sb-btn-normal \" \n      libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('close_popup','click',configService.labelConfig?.button_labels?.close_btn_label,\n       this.telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\"\n      (click)=\"closeHierarchyModal(modal)\"[disabled]=\"!isClosable\" \n      [ngClass]=\"{'sb-btn-primary': isClosable, 'sb-btn-disabled': !isClosable}\" >\n         {{configService.labelConfig?.button_labels?.close_btn_label}}\n      </button>\n      <button class=\"sb-btn sb-btn-normal \"\n      libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('csv_upload','click',configService.labelConfig?.button_labels?.next_btn_label,\n       this.telemetryService.telemetryPageId, {key: 'identifier', value: collectionId})\"\n      (click)=\"validateCSVFile()\"[disabled]=\"!isUploadCsvEnable\" \n      [ngClass]=\"{'sb-btn-primary': isUploadCsvEnable, 'sb-btn-disabled': !isUploadCsvEnable}\" >\n         {{configService.labelConfig?.button_labels?.next_btn_label}}\n      </button>\n    </div>\n</sui-modal>","styles":[".sb-dock-ordered-list li{margin-bottom:.4rem;font-size:.8rem;color:var(--gray-200)!important}.sb-dock-ordered-list li::before{width:1rem;height:1rem;line-height:1rem;border-radius:100%;text-align:center!important;background-color:var(--primary-200);font-size:.6rem;color:var(--white)!important;margin-right:.8rem}.sb-circle-download-icon{background:var(--secondary-100);display:inline-block;width:1.8rem;height:1.8rem;line-height:1.8rem;color:var(--white);border-radius:100%;text-align:center;font-size:.8rem}.sb-list-circle li{list-style-type:disc;font-size:.8rem;margin-bottom:.6rem}.sb-line-height-1-2{line-height:1.2rem}.sb-success-loader{position:absolute!important;top:46%!important;left:50%!important;transform:translate(-46%,-50%)!important}.sb-success-loader:after{width:1.2rem!important;height:1.2rem!important}.sb-dock-loader{position:absolute;top:15%;left:-1%;transform:translate(-50%,-50%)}.sb-bulk-upload img{width:11rem}.sb-bulk-upload img .sb-dock-accordion .sb-toc-accor-1:last-child .title{border-bottom:1px solid!important}.sb-bulk-upload img .sb-dock-accordion .title{border:1px solid!important;margin:0!important;border-bottom:none!important;border-radius:0!important}.sb-bulk-upload img .sb-dock-accordion .content{border:1px solid var(--gray-100)}.sb-bulk-upload img .sb-dock-accordion .content:last-child{border-bottom:1px solid!important}.sb-bulk-upload img .sb-dock-accordion .sb-radio-btn-checkbox label:before{width:1.4rem;height:1.4rem}.sb-bulk-upload img .sb-dock-accordion .sb-radio-btn-checkbox label:after{height:.9rem;width:.9rem}.sb-bulk-upload img .sb-dock-accordion.scrolling.content{max-height:calc(70vh)!important}.upload-input-button input[type=file]{position:absolute;right:0;top:0;font-size:118px;margin:0;padding:0;cursor:pointer;opacity:0;height:100%}"]}]}],"members":{"collectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isCreateCsv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"csvUploadEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"handleInputCondition":[{"__symbolic":"method"}],"uploadCSV":[{"__symbolic":"method"}],"updateContentWithURL":[{"__symbolic":"method"}],"closeHierarchyModal":[{"__symbolic":"method"}],"onClickReupload":[{"__symbolic":"method"}],"resetConditions":[{"__symbolic":"method"}],"downloadSampleCSVFile":[{"__symbolic":"method"}],"uploadToBlob":[{"__symbolic":"method"}],"validateCSVFile":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"lib-manage-collaborator","template":"<sui-modal *ngIf=\"showCollaborationPopup\" [mustScroll]=\"true\" [isClosable]=\"true\" [transitionDuration]=\"0\"\n    [size]=\"'fullscreen'\" class=\"sb-modal sb-modal-fullscreen showCollaborator\" appBodyScroll \n    (dismissed)=\"dismissCollaborationPopup()\" #modal>\n    <div class=\"sb-modal-header\">\n    </div>\n    <div class=\"sb-modal-content sb-bg-color-primary-100 pt-0\">\n        <div class=\"d-flex flex-jc-space-between py-10 flex-align-item-center h-70 sb-bg-color-white\">\n            <div class=\"fs-1 font-weight-bold\">{{configService.labelConfig?.lbl?.collaborators}}</div>\n                <div>\n                    <div class=\"sb-search-box small no-btn mr-10\" *ngIf=\"isAddCollaboratorTab\">\n                        <div class=\"input-div relative\">\n                            <i class=\"search icon\" aria-hidden=\"true\"></i>\n                            <input (keyup)=\"searchKeyword.length >= 3 ? searchByKeyword() : resetSearch()\" class=\"sb-search-input\" [(ngModel)]=\"searchKeyword\"\n                            type=\"text\" placeholder={{configService.labelConfig?.lbl?.searchPlaceholder}} />\n                            <i class=\"close icon\" aria-hidden=\"true\" (click)=\"refreshSearch()\" [hidden]=\"!(searchRes.searchStatus == 'end' && searchKeyword.length >= 3 )\"></i>\n                        </div>\n                        <button class=\"sb-btn sb-btn-normal\">{{configService.labelConfig?.button_labels?.search_btn_label}}</button>\n                    </div>\n                    <div class=\"ui right floated header searcher\" *ngIf=\"isAddCollaboratorTab\">\n                        <ul *ngIf=\"searchKeyword.length >= 3 && searchRes.content.length\">\n                            <li class=\"searchResult\" *ngFor=\"let user of searchRes.content\">\n                                <p (click)=\"selectUser(user)\">{{user.firstName}}</p>\n                            </li>\n                            <li class=\"searchResult font-weight-bold\" id=\"view-all-results\" *ngIf=\"searchRes.content.length >= 5\" (click)=\"viewAllResults()\"><span>View All Results</span></li>\n                        </ul>\n                        <ul *ngIf=\"searchKeyword.length >= 3 && searchRes.isEmptyResponse\">\n                            <li class=\"searchResultMsg\"><strong>{{configService.labelConfig?.err?.resultNotFound}}</strong></li>\n                        </ul>\n                        <ul *ngIf=\"searchRes.errorMessage.length  && (searchKeyword.length >= 3)\">\n                            <strong class=\"searchResultMsg\">{{searchRes.errorMessage}}</strong>\n                        </ul>\n                    </div>\n            </div>\n    </div>\n    <sui-tabset>\n        <div class=\"ui pointing secondary menu\">\n            <a class=\"item\" *ngIf=\"(isContentOwner || isRootOrgAdmin)\" (activate)=\"getAllusers()\" suiTabHeader=\"1\" libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_collaborators','click','launch', telemetryService.telemetryPageId)\"\n            >{{configService.labelConfig?.lbl?.addCollaborators}}</a>\n            <a class=\"item\" (activate)=\"getCollaborators()\" suiTabHeader=\"2\" libTelemetryInteract\n            [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('manage_collaborators','click','launch', telemetryService.telemetryPageId)\"\n            >{{configService.labelConfig?.lbl?.manageCollaborators}}</a>\n        </div>\n        <div class=\"ui segment px-0 py-15 mt-1 sb-bg-color-primary-100\" suiTabContent=\"1\">\n            <div *ngIf=\"!users?.length\" class=\"font-weight-bold sb-bg-color-white p-10\">\n                {{configService.labelConfig?.err?.userNotFound}}\n            </div>\n            <div class=\"d-flex py-10\">\n                <div *ngIf=\"users?.length\" class=\"w-100 pt-10 font-weight-bold\">Showing {{users.length}} out of {{allUsersCount}}</div>\n                <select class=\"search dropdown py-5 sb-bg-color-white mb-10 font-weight-bold\" *ngIf=\"users?.length\"\n                (change)=\"sortUsersList($event.target.value)\">\n                    <option value=\"\">Sort By</option>\n                    <option value=\"firstName\">Name</option>\n                    <option value=\"organisations\">Organisation</option>\n                </select>\n            </div>\n            <div class=\"masonry-grid\" *ngIf=\"users?.length\">\n                <div *ngFor=\"let user of users\" class=\"sb-card\">\n                    <div class=\"sb-card-body\">\n                        <div class=\"sb-card-metas\">\n                            <div class=\"sb-card-image mr-16 font-weight-bold\">\n                            {{(user.firstName).charAt(0)}}\n                            </div>\n                            <div class=\"sb-card-meta course\">\n                            <div class=\"sb-card-meta-item mb-16 font-weight-bold\">\n                                {{user.firstName}} {{user.lastName}}\n                            </div>\n                            <div class=\"sb-color-gray-400 fs-0-92\">\n                                {{user.organisations[0].orgName}}\n                            </div>\n                            </div>\n                            <div class=\"d-flex flex-align-self-end sb-custom-toggle\">\n                                <a class=\"sb-color-primary d-flex fs-0-785 font-weight-bold flex-ai-end\" \n                                *ngIf=\"!user.isSelected\" (click)=\"toggleSelectionUser(user.identifier)\" libTelemetryInteract\n                                [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_user','click','select', telemetryService.telemetryPageId, {identifier: user.identifier})\">\n                                    <i class=\"icon plus\" aria-hidden=\"true\"></i>\n                                    {{configService.labelConfig?.button_labels?.add_btn_label}}\n                                </a>\n                                <div class=\"ui right floated compact segment\" *ngIf=\"user.isSelected\" (click)=\"toggleSelectionUser(user.identifier)\" libTelemetryInteract\n                                [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('remove_user','click','select', telemetryService.telemetryPageId, {identifier: user.identifier})\">\n                                    <div class=\"ui mini fitted toggle checkbox\">\n                                        <input type=\"checkbox\" checked><label></label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div> \n                </div>\n            </div>\n        </div>\n        <div class=\"ui segment  px-0 py-15 mt-1 sb-bg-color-primary-100\" suiTabContent=\"2\">\n            <div *ngIf=\"!collaborators?.length\" class=\"p-10 font-weight-bold sb-bg-color-white\">\n                {{configService.labelConfig?.err?.collaboratorsNotFound}}\n            </div>\n            <div *ngIf=\"collaborators?.length\" class=\"w-100 pt-10 font-weight-bold\">{{collaborators.length}} collaborators exists</div>\n            <div class=\"masonry-grid mt-20\" *ngIf=\"collaborators?.length\">\n                <div *ngFor=\"let collaborator of collaborators\" class=\"sb-card\">\n                    <div class=\"sb-card-body\">\n                        <div class=\"sb-card-metas\">\n                            <div class=\"sb-card-image mr-16\">\n                                {{(collaborator.firstName).charAt(0)}}\n                            </div>\n                            <div class=\"sb-card-meta course\">\n                            <div class=\"sb-card-meta-item mb-16 font-weight-bold\">\n                                {{collaborator.firstName}} {{collaborator.lastName}}\n                            </div>\n                            <div class=\"sb-color-gray-400 fs-0-92\">\n                                {{collaborator.organisations[0].orgName}}\n                            </div>\n                            </div>\n                            <div class=\"d-flex flex-align-self-end sb-custom-toggle\">\n                                <a class=\"sb-color-error d-flex fs-0-785 font-weight-bold flex-ai-end\" \n                                *ngIf=\"!collaborator.isSelected && (isContentOwner || isRootOrgAdmin)\" (click)=\"toggleSelectionCollaborator(collaborator.identifier)\"\n                                libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('remove_collaborator','click','select',\n                                telemetryService.telemetryPageId, {identifier: collaborator.identifier})\">\n                                {{configService.labelConfig?.button_labels?.remove_btn_label}}\n                                </a>\n                                <div class=\"ui right floated compact segment\" *ngIf=\"collaborator.isSelected && (isContentOwner || isRootOrgAdmin)\" (click)=\"toggleSelectionCollaborator(collaborator.identifier)\"\n                                libTelemetryInteract [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('add_collaborator','click','select',\n                                telemetryService.telemetryPageId, {identifier: collaborator.identifier})\">\n                                    <div class=\"ui mini fitted toggle checkbox\">\n                                        <input type=\"checkbox\" checked><label></label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div> \n                </div>\n            </div>\n        </div>\n    </sui-tabset>\n    </div>\n    <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-primary\"\n    [ngClass]=\"{'sb-btn-disabled': (selectedUsers.length === 0 && selectedcollaborators.length === 0)}\"\n    [disabled]=\"(selectedUsers.length === 0 && selectedcollaborators.length === 0)\"\n     (click)=\"addRemoveCollaboratorToCourse(modal)\" libTelemetryInteract\n     [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('done','click','submit',\n     telemetryService?.telemetryPageId)\">\n     {{configService.labelConfig?.button_labels?.done_btn_label}}\n    </button>\n    </div>\n</sui-modal>\n","styles":[".sb-custom-toggle{height:20px;width:42px}.sb-custom-toggle .compact{padding:0!important;margin:0!important;border:0!important}.sb-custom-toggle .checkbox{transform:scale(.7)}.searcher{border-radius:.28571429rem!important;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;padding:0;background:#fff;margin:0!important;font-size:.785rem!important;width:206px;z-index:9;position:absolute;cursor:pointer}.searcher ul{padding:10px 0 0!important;background:#fff}.searcher ul li{margin-bottom:5px!important;padding-left:34px}.searcher ul li:hover{background:#d8dee2}.flex-align-item-center{align-items:center}.h-70{height:70px}.mt-50{margin-top:50px}.sb-card{background-color:var(--white);border:.0625rem solid #dedede;border-radius:.25rem;cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .3s ease-out .1s,transform .3s ease-out .1s,opacity .2s ease-out .1s;margin:.1875rem .6rem .6rem 0}.sb-card:hover{transform:translate(0,-.1875rem);box-shadow:0 .125rem .4375rem 0 #cac5c5}.sb-card .sb-card-body{height:5.75rem;padding:1rem 1rem .5rem;overflow:hidden}.sb-card .sb-card-metas{display:flex;align-items:flex-start}.sb-card .sb-card-image{width:3.75rem;height:3.75rem;border:.0625rem solid var(--gray-100);background-color:#34495e;color:#fff;border-radius:100%;margin:0 1rem 0 0;font-size:2rem;text-align:center;line-height:3.5rem}.sb-card .sb-card-image img{width:4.375rem;height:5.75rem;-o-object-fit:cover;object-fit:cover}.sb-card .sb-card-meta{height:3.75rem;width:9rem;display:flex;flex-wrap:wrap;flex-direction:column;overflow:hidden}.masonry-grid{display:flex;flex-wrap:wrap}.flex-align-self-end{align-self:flex-end}.masonry-grid .ui.toggle.checkbox input:checked~.box:after{left:2rem!important}"]}]}],"members":{"modalDismissEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["modal"]}]}],"addCollaborator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"collectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵl"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCreatorAndCollaborators":[{"__symbolic":"method"}],"checkUserRole":[{"__symbolic":"method"}],"dismissCollaborationPopup":[{"__symbolic":"method"}],"getAllUserList":[{"__symbolic":"method"}],"excludeCreatorAndCollaborators":[{"__symbolic":"method"}],"toggleSelectionUser":[{"__symbolic":"method"}],"toggleSelectionCollaborator":[{"__symbolic":"method"}],"addRemoveCollaboratorToCourse":[{"__symbolic":"method"}],"getAllusers":[{"__symbolic":"method"}],"getCollaborators":[{"__symbolic":"method"}],"sortUsersList":[{"__symbolic":"method"}],"searchByKeyword":[{"__symbolic":"method"}],"resetSearch":[{"__symbolic":"method"}],"refreshSearch":[{"__symbolic":"method"}],"validateEmail":[{"__symbolic":"method"}],"selectUser":[{"__symbolic":"method"}],"viewAllResults":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-publish-checklist","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"template":"<sui-modal [mustScroll]=\"true\" [isClosable]=\"isClosable\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n  class=\"sb-modal bx-none overflow-modal publish-checklist\" appBodyScroll (dismissed)=\"isClosable = false\" #modal>\n  <div class=\"sb-modal-header\">\n    {{ configService.labelConfig?.lbl?.publishCollection | interpolate: '${objectType}': objectType }}\n  </div>\n  <div class=\"sb-modal-content\">\n    <span *ngIf=\"!publishchecklist?.length\"> {{configService.labelConfig?.lbl?.confirmPublishCollection | interpolate: '${objectType}': objectType}} </span>\n    <div class=\"sectionTitle\" *ngIf=\"publishchecklist?.length\">{{configService.labelConfig?.lbl?.publishchecklistTitle}}</div>\n    <sb-dynamic-form *ngIf=\"publishchecklist?.length\" [config]=\"publishchecklist\"\n      (initialize)=\"outputData($event)\" (statusChanges)=\"onStatusChanges($event)\" (valueChanges)=\"valueChanges($event)\">\n    </sb-dynamic-form>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal\"\n      [ngClass]=\"{'sb-btn-primary': isButtonEnable, 'sb-btn-disabled': !isButtonEnable}\" [disabled]=\"!isButtonEnable\"\n      (click)=\"handlePopUpEvents('submit', modal)\" libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('yes','click','submit', telemetryService.telemetryPageId,  {key: 'dialog_id', value: 'publish_collection'})\">\n      {{configService.labelConfig?.button_labels?.yes_btn_label}}\n    </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" (click)=\"handlePopUpEvents('closeModal', modal)\"\n      libTelemetryInteract\n      [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('no','click','cancel', telemetryService.telemetryPageId,  {key: 'dialog_id', value: 'add_review_comments'})\">\n      {{configService.labelConfig?.button_labels?.no_btn_label}}\n    </button>\n  </div>\n</sui-modal>\n","styles":[".sb-modal-content sb-dynamic-checkbox{margin:0!important}.sb-modal-content .sb-checkbox{padding:0!important;margin:0!important}.sectionTitle{font-size:1rem;font-weight:600;line-height:1.4;padding:7px 0 20px}.formSection{padding:0!important}.display-sectionName .sectionName{display:block}.hidden-sectionName .sectionName,.two-column-grid .sectionName{display:none}.sectionName{font-size:1rem!important;font-weight:600}.d-grid{display:-ms-grid;display:grid;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-2{display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-3{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-inline-1{display:-ms-inline-grid;display:inline-grid;width:100%;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-inline-2{display:-ms-inline-grid;display:inline-grid;width:50%;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-inline-3{display:-ms-inline-grid;display:inline-grid;width:33.3%;grid-column-gap:1rem;grid-row-gap:1rem}.d-grid-inline-4{display:-ms-inline-grid;display:inline-grid;width:25%;grid-column-gap:1rem;grid-row-gap:1rem}"]}]}],"members":{"publishchecklist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"actionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"objectType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"publishEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"handlePopUpEvents":[{"__symbolic":"method"}],"outputData":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-question-option-sub-menu","template":"<div class=\"d-flex\" *ngIf=\"editorService.editorMode === 'edit'\">\n  <div class=\"mr-30 my-10\" *ngFor=\"let menu of subMenus; let i = index\">\n    <div *ngIf=\"menu?.show\" (click)=\"onMenuClick(i)\">\n      <button class=\"sb-btn sb-btn-outline-primary sb-btn-xs sb-left-icon-btn text-inherit b-0 bg-none no-hover pl-0\">\n        <i class=\"plus circle icon fs-1-286 pull-left mr-0\"></i><span class=\"sb-line-height-24\">{{ menu?.name }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n<div>\n  <div\n    *ngFor=\"let menu of subMenus; let index = index\"\n    [ngClass]=\"{ 'd-none': !(menu?.enabled && menu?.type === 'input') }\"\n  >\n    <label for=\"\">{{ menu?.label }}</label>\n    <div class=\"d-flex sb-w-85\">\n      <input\n        (change)=\"onValueChange($event, index)\"\n        class=\"sb-textbox false w-100 my-10\"\n        [placeholder]=\"menu.value || menu.name\"\n        type=\"text\" \n        [disabled]=\"(editorService.editorMode !== 'edit') ? true : false\"\n      />\n      <button *ngIf=\"editorService.editorMode === 'edit'\"\n        class=\"b-0 bg-none no-hover sb-btn sb-btn-dashed-gray\"\n        (click)=\"menu.enabled = !menu.enabled; menu.value = ''\"\n      >\n        <i class=\"icon close\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n","styles":["label{font-size:12px!important;margin-bottom:.5rem!important;color:#121213e0;font-weight:600}"]}]}],"members":{"subMenus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"onMenuClick":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-slider","template":"<div class=\"slider-align\">\n    <label class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.sliderValue}}<span class=\"sb-required\">*</span><i class=\"icon info circle ml-8\" suiPopup popupDelay=\"500\" popupPlacement=\"top\" popupText={{configService.labelConfig?.lbl?.slidervalue}}></i></label>\n    <div class=\"form-container flex-container\">\n        <div>\n            <label><strong>{{configService.labelConfig?.lbl?.left}}</strong><i class=\"icon info circle ml-8\" suiPopup popupDelay=\"500\" popupPlacement=\"top\" popupText={{configService.labelConfig?.lbl?.minSizeInfo}}></i></label>\n            <input class=\"textbox\" placeholder=\"Add minimum value\" type=\"number\" [(ngModel)]=\"leftAnchor\"  (change)=\"onValueChange($event,'leftAnchor')\" required [disabled]=\"(editorService.editorMode !== 'edit') ? true : false\">\n        </div>\n        <div>\n            <label><strong>{{configService.labelConfig?.lbl?.stepSize}}</strong><i class=\"icon info circle ml-8\" suiPopup popupDelay=\"500\" popupPlacement=\"top\" popupText={{configService.labelConfig?.lbl?.stepSizeInfo}}></i></label>\n            <input class=\"textbox\" placeholder=\"Add step size\" type=\"number\" [(ngModel)]=\"step\"  (change)=\"onValueChange($event,'step')\" required [disabled]=\"(editorService.editorMode !== 'edit') ? true : false\">\n        </div>\n        <div>\n            <label><strong>{{configService.labelConfig?.lbl?.right}}</strong><i class=\"icon info circle ml-8\" suiPopup popupDelay=\"500\" popupPlacement=\"top\" popupText={{configService.labelConfig?.lbl?.maxSizeInfo}}></i></label>\n            <input class=\"textbox\" placeholder=\"Add maximum size\" type=\"number\" [(ngModel)]=\"rightAnchor\"  (change)=\"onValueChange($event,'rightAnchor')\" required [disabled]=\"(editorService.editorMode !== 'edit') ? true : false\">\n        </div>\n    </div>\n</div>","styles":[".slider-align{margin-top:15px}::-moz-placeholder{padding:.25rem;opacity:.99;color:#999;font-family:\"Noto Sans\";font-size:12px;font-weight:700}:-ms-input-placeholder{padding:.25rem;opacity:.99;color:#999;font-family:\"Noto Sans\";font-size:12px;font-weight:700}::placeholder{padding:.25rem;opacity:.99;color:#999;font-family:\"Noto Sans\";font-size:12px;font-weight:700}.sb-input{margin:1rem 0}label{display:block;font-size:1rem;margin:0}.flex-container{display:flex;margin-top:15px}.textbox{width:90%;border:1px solid rgba(34,36,38,.15)!important;box-sizing:border-box;background-color:#fff;margin-right:40px;height:45px;border-radius:5px;font-size:13px;padding:12px}"]}]}],"members":{"editorDataInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}]}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-translations","template":"<div class=\"tarnslation\">\n    <label class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.translation}}</label>\n</div>\n<div class=\"py-20 px-32 sb-bg-color-primary-0 br-4 b-1-100\">\n    <div class=\"sb-field-group\" *ngIf=\"sampleJson\">\n        <label class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.question}}</label>\n        <div class=\"fs-0-92\" *ngIf=\"sampleJson.body\">\n            <h5 class=\"label-align\">{{sampleJson.body.en}}</h5>\n            <div class=\"ckeditor-tool__question mb-5 mt-15\">\n                <lib-ckeditor-tool (editorDataOutput)=\"editorDataHandler($event, 'question')\"\n                    [editorDataInput]=\"editorState.question\"></lib-ckeditor-tool>\n            </div>\n        </div>\n        <div *ngIf=\"sampleJson.interactionTypes[0]=='choice' &&sampleJson.interactions.response1.options.length\">\n            <label class=\"fs-0-92 font-weight-bold\">{{configService.labelConfig?.lbl?.options}}</label>\n            <div class=\"fs-0-92\" *ngFor=\"let options of sampleJson.interactions.response1.options\">\n                <h5 class=\"label-align mt-15\">{{options.label.en}}</h5>\n                <div class=\"ckeditor-tool__question mb-5\">\n                    <lib-ckeditor-tool (editorDataOutput)=\"editorDataHandler($event, 'question')\"\n                        [editorDataInput]=\"editorState.question\"></lib-ckeditor-tool>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>","styles":[".tarnslation{margin-top:15px;margin-bottom:15px}.mt-15{margin-top:15px!important;margin-bottom:5px}.label-align{font-size:15px;font-weight:500}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"}]}],"editorDataHandler":[{"__symbolic":"method"}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-loader","template":"<div class=\"ui icon message mt-30\">\n  <i class=\"notched circle loading icon\"></i>\n  <div class=\"content\">\n      <div class=\"header\">\n          {{headerMessage}}\n      </div>\n      <p>{{loaderMessage}}</p>\n  </div>\n</div>"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-relational-metadata","template":"<sb-dynamic-form *ngIf=\"formFieldProperties\"  [config]=\"formFieldProperties\" (statusChanges)=\"onFormStatusChange($event)\" (valueChanges)=\"onFormValueChange($event)\"></sb-dynamic-form> \n","styles":[""]}]}],"members":{"contentMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"formConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"statusChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"valueChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"attachDefaultValues":[{"__symbolic":"method"}],"isReviewMode":[{"__symbolic":"method"}],"ifFieldIsEditable":[{"__symbolic":"method"}],"onFormStatusChange":[{"__symbolic":"method"}],"onFormValueChange":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-assign-page-number","template":"<div class=\"sb-editor-container mb-0\">\n  <lib-header [labelConfigData]=\"toolbarConfig\" [pageId]=\"pageId\" (toolbarEmitter)=\"toolbarEventListener($event)\">\n  </lib-header>\n  <div class=\"add-to-library mb-0\">\n    <div class=\"h-100vh sb-bg-white\">\n      <div class=\"ui\">\n        <div class=\"ui twelve column grid m-0\">\n          <div class=\"three wide column p-0 overflow-y  mb-40 h-100vh\">\n            <lib-plain-tree class=\"sb-collectionTree-fancyTree sb-collectionTree-fancyTreelist sb-questionset-scroll\" \n            [treeData]=\"treeData\" (treeEmitter)=\"treeEventListener($event)\">\n            </lib-plain-tree>\n          </div>\n          <!-- Right Player Sections -->\n          <div class=\"eight wide column bg-white pl-40 mb-10 w-73\">\n           \n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":["table{font-family:arial,sans-serif;border-collapse:collapse;width:100%;border:1px solid #ccc}td,th{text-align:left;padding:15px}tr:nth-child(odd){background-color:#f3f7fa}"]}]}],"members":{"assignPageEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"toolbarEventListener":[{"__symbolic":"method"}],"treeEventListener":[{"__symbolic":"method"}],"redirectToQuestionSet":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-plain-tree","template":"<div #plainTree></div>\n","styles":[""]}]}],"members":{"tree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["plainTree"]}]}],"treeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"treeEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-term-and-condition","template":"<sui-modal *ngIf='showSubmitConfirmPopup' [mustScroll]=\"false\" [isClosable]=\"true\" [transitionDuration]=\"0\"\n           [size]=\"'normal'\" class=\"sb-modal overflow-modal\" (dismissed)=\"onModalClose()\">\n    <div class=\"sb-modal-header\">\n        {{configService.labelConfig?.lbl?.acceptTerms}}\n    </div>\n    <div class=\"sb-modal-content\">\n        <div class=\"ui grid\">\n            <div class=\"twelve wide column sb-checkbox-tnc\" *ngIf=\"showEditingConsent\">\n                <div class=\"sb-checkbox sb-checkbox-primary font-italic p-0 m-0\">\n                    <input [(ngModel)]=\"allConsent\" (change)=\"onConsentChange($event, 'ALL')\" id=\"checkAll\" name=\"example\"\n                           type=\"checkbox\">\n                    <label for=\"checkAll\" class=\"fsmall pl-32\">\n                        {{configService.labelConfig?.lbl?.acceptBothConsentNote}}\n                    </label>\n                </div>\n            </div>\n            <div class=\"twelve wide column sb-checkbox-tnc\">\n                <div class=\"sb-checkbox sb-checkbox-primary font-italic p-0 m-0\">\n                    <input [(ngModel)]=\"termsConsent\" (change)=\"onConsentChange($event, 'TERM')\" id=\"termsConsent\"\n                           name=\"example\" type=\"checkbox\">\n                    <label for=\"termsConsent\" class=\"fsmall pl-32\">\n                        <span class=\"font-weight-bold mb-4 d-block\">\n                            {{configService.labelConfig?.lbl?.iAgreeSubmit}}\n                        </span>\n                        <div class=\"sb-color-gray-300\">{{configService.labelConfig?.lbl?.iconfirmContent}}\n                            <a class=\"sb-color-primary font-weight-bold cursor-pointer\"\n                               href=\"https://creativecommons.org/licenses\" target=\"_blank\">\n                                {{configService.labelConfig?.lbl?.createCommonFramework}}\n                            </a>\n                            {{configService.labelConfig?.lbl?.accordance}}\n                            <a class=\"sb-color-primary font-weight-bold cursor-pointer\" href=\"{{contentPolicyUrl}}\"\n                               target=\"_blank\">\n                                {{configService.labelConfig?.lbl?.contentPolicy}}\n                            </a>\n                            {{configService.labelConfig?.lbl?.privacyRights}}\n                            <span class=\"sb-required\">*</span>\n                        </div>\n                    </label>\n                </div>\n            </div>\n            <div class=\"twelve wide column sb-checkbox-tnc\" *ngIf=\"showEditingConsent\">\n                <div class=\"sb-checkbox sb-checkbox-primary font-italic p-0 m-0\">\n                    <input [(ngModel)]=\"editingConsent\" (change)=\"onConsentChange($event, 'EDITING')\" id=\"editingConsent\"\n                           name=\"example\" type=\"checkbox\">\n                    <label for=\"editingConsent\" class=\"fsmall pl-32\">\n                        {{configService.labelConfig?.lbl?.editingConsentNote}}\n                    </label>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"sb-modal-actions\">\n        <button type=\"button\" class=\"sb-btn sb-btn-normal\"\n                [ngClass]=\"!termsConsent ? 'sb-btn-disabled' : 'sb-btn-primary'\"\n                [disabled]=\"!termsConsent\"\n                (click)=\"sendForReview()\" libTelemetryInteract\n                [telemetryInteractEdata]=\"telemetryService.getTelemetryInteractEdata('submit','click','submit', this.telemetryService.telemetryPageId,{key: 'dialog_id', value: 'accepting_terms_conditions','termAndConditions' : termsConsent})\">\n            {{configService.labelConfig?.button_labels?.submit_btn_label}}\n        </button>\n    </div>\n</sui-modal>\n","styles":[""]}]}],"members":{"showEditingConsent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"showSubmitConfirmPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"sendForReviewOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}]}],"ngOnInit":[{"__symbolic":"method"}],"onConsentChange":[{"__symbolic":"method"}],"sendForReview":[{"__symbolic":"method"}],"onModalClose":[{"__symbolic":"method"}],"resetAll":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-quality-params-modal","template":"<sui-modal [mustScroll]=\"true\" *ngIf=\"showQualityParameterPopup\" [transitionDuration]=\"0\" [size]=\"'normal'\"\n  class=\"sb-modal bx-none overflow-modal publish-checklist\" appBodyScroll #modal (dismissed)=\"onModalClose()\">\n  <div class=\"sb-modal-header\">\n      \n  </div>\n  <div class=\"sb-modal-content\">\n   <h2> Score each parameter out of 5</h2>\n   <div class=\"sb-form-fields\">\n    <div class=\"form-container upload-form\">\n    <sb-dynamic-form [config]=\"qualityFormConfig\" (statusChanges)=\"onStatusChanges($event)\"\n    (valueChanges)=\"valueChanges($event)\"></sb-dynamic-form>\n    </div>\n    </div> \n    <label>{{configService.labelConfig?.lbl?.totalScore}}: {{totalScoreValue}}</label>\n    <p><em>{{configService.labelConfig?.lbl?.qualityReview}}</em></p>\n  </div>\n  <div class=\"sb-modal-actions\">\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled]=\"!isApprovalBtnEnable\" (click)=\"submitApproval()\">\n        {{configService.labelConfig?.button_labels?.publish_collection_btn_label}}\n    </button>\n    <button class=\"sb-btn sb-btn-normal sb-btn-outline-primary\" [disabled] = \"!isRequestChangeBtnEnable\" (click)=\"requestChanges()\">\n        {{configService.labelConfig?.button_labels?.reject_collection_btn_label}}\n    </button>\n  </div>\n</sui-modal>\n\n","styles":[".add-to-library .dynamic-form .multi-select-container .list-border ul,::ng-deep .dynamic-form label{font-size:1rem!important;line-height:1.4;font-weight:400}.sb-modal-content{padding:1.3rem}.sb-modal-content label{font-weight:bolder}"]}]}],"members":{"qualityFormConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"showQualityParameterPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"qualityParamChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"labelConfigData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"onStatusChanges":[{"__symbolic":"method"}],"valueChanges":[{"__symbolic":"method"}],"submitApproval":[{"__symbolic":"method"}],"requestChanges":[{"__symbolic":"method"}],"onModalClose":[{"__symbolic":"method"}]}}},"origins":{"CollectionEditorLibraryModule":"./lib/collection-editor-library.module","EditorCursor":"./lib/collection-editor-cursor.service","EditorComponent":"./lib/components/editor/editor.component","ɵa":"./lib/collection-editor-library.component","ɵb":"./lib/pipes/interpolate.pipe","ɵc":"./lib/pipes/sanitize-html.pipe","ɵd":"./lib/components/contentplayer-page/contentplayer-page.component","ɵe":"./lib/services/editor/editor.service","ɵf":"./lib/services/tree/tree.service","ɵg":"./lib/services/toaster/toaster.service","ɵh":"./lib/services/helper/helper.service","ɵi":"./lib/services/public-data/public-data.service","ɵj":"./lib/services/data/data.service","ɵk":"./lib/services/config/config.service","ɵl":"./lib/services/telemetry/telemetry.service","ɵm":"./lib/services/player/player.service","ɵn":"./lib/services/framework/framework.service","ɵo":"./lib/services/dialcode/dialcode.service","ɵp":"./lib/components/qumlplayer-page/qumlplayer-page.component","ɵq":"./lib/components/header/header.component","ɵr":"./lib/components/fancy-tree/fancy-tree.component","ɵs":"./lib/components/meta-form/meta-form.component","ɵt":"./lib/components/library/library.component","ɵu":"./lib/components/library-filter/library-filter.component","ɵv":"./lib/components/library-list/library-list.component","ɵw":"./lib/components/question/question.component","ɵx":"./lib/services/question/question.service","ɵy":"./lib/components/options/options.component","ɵz":"./lib/components/answer/answer.component","ɵba":"./lib/components/ckeditor-tool/ckeditor-tool.component","ɵbb":"./lib/components/library-player/library-player.component","ɵbc":"./lib/components/resource-reorder/resource-reorder.component","ɵbd":"./lib/components/skeleton-loader/skeleton-loader.component","ɵbe":"./lib/components/template/template.component","ɵbf":"./lib/directives/date-format/date-format.pipe","ɵbg":"./lib/directives/telemetry-interact/telemetry-interact.directive","ɵbh":"./lib/components/asset-browser/asset-browser.component","ɵbi":"./lib/components/collection-icon/collection-icon.component","ɵbj":"./lib/components/quml-player/quml-player.component","ɵbk":"./lib/components/dialcode/dialcode.component","ɵbl":"./lib/components/bulk-upload/bulk-upload.component","ɵbm":"./lib/services/bulk-job/bulk-job.service","ɵbn":"./lib/components/csv-upload/csv-upload.component","ɵbo":"./lib/components/manage-collaborator/manage-collaborator.component","ɵbp":"./lib/components/publish-checklist/publish-checklist.component","ɵbq":"./lib/components/question-option-sub-menu/question-option-sub-menu.component","ɵbr":"./lib/components/slider/slider.component","ɵbs":"./lib/components/translations/translations.component","ɵbt":"./lib/components/app-loader/app-loader.component","ɵbu":"./lib/components/relational-metadata/relational-metadata.component","ɵbv":"./lib/components/assign-page-number/assign-page-number.component","ɵbw":"./lib/components/plain-tree/plain-tree.component","ɵbx":"./lib/components/term-and-condition/term-and-condition.component","ɵby":"./lib/components/quality-params-modal/quality-params-modal.component"},"importAs":"@project-sunbird/sunbird-collection-editor-v9"}