@deeksha2309/sunbird-collection-editor 8.0.7

package/esm2022/lib/components/quml-player/quml-player.component.mjs

@@ -0,0 +1,73 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as _ from 'lodash-es';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/config/config.service";
+import * as i2 from "../../services/player/player.service";
+import * as i3 from "../../services/editor/editor.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@project-sunbird/sunbird-quml-player";
+export class QumlPlayerComponent {
+    constructor(configService, playerService, editorService) {
+        this.configService = configService;
+        this.playerService = playerService;
+        this.editorService = editorService;
+        this.isSingleQuestionPreview = false;
+        this.showPreview = false;
+        this.showViewButton = false;
+        this.toolbarEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+        this.initialize();
+        if (!_.isUndefined(this.editorService?.editorConfig?.config?.renderTaxonomy)) {
+            this.showViewButton = true;
+        }
+    }
+    initialize() {
+        this.setQumlPlayerData();
+        this.showPreview = true;
+    }
+    setQumlPlayerData() {
+        const playerConfig = _.cloneDeep(this.playerService.getQumlPlayerConfig());
+        this.qumlPlayerConfig = playerConfig;
+        this.qumlPlayerConfig.context.threshold = _.get(this.configService, 'playerConfig.threshold');
+        this.qumlPlayerConfig.metadata = _.cloneDeep(this.questionSetHierarchy);
+        if (this.qumlPlayerConfig.metadata) {
+            let childNodes = this.qumlPlayerConfig.metadata.childNodes;
+            childNodes = _.filter(childNodes, (identifier) => !_.endsWith(identifier, '.img'));
+            this.qumlPlayerConfig.metadata.childNodes = childNodes;
+            const allQuestions = this.editorService.getContentChildrens();
+            this.qumlPlayerConfig.metadata.maxQuestions = this.qumlPlayerConfig.metadata.maxQuestions || allQuestions.length;
+            if (this.isSingleQuestionPreview) {
+                this.qumlPlayerConfig.context.threshold = 1;
+                this.qumlPlayerConfig.metadata.maxQuestions = 1;
+                this.qumlPlayerConfig.metadata.showStartPage = 'No';
+                this.qumlPlayerConfig.metadata.showTimer = 'No';
+                this.qumlPlayerConfig.metadata.requiresSubmit = 'No';
+                this.qumlPlayerConfig.config.showLegend = false;
+            }
+        }
+        console.log('qumlPlayerConfig:: ', this.qumlPlayerConfig);
+    }
+    getPlayerEvents(event) {
+        console.log('get player events', JSON.stringify(event));
+    }
+    getTelemetryEvents(event) {
+        console.log('event is for telemetry', JSON.stringify(event));
+    }
+    reviewQuestion() {
+        this.toolbarEmitter.emit({});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QumlPlayerComponent, deps: [{ token: i1.ConfigService }, { token: i2.PlayerService }, { token: i3.EditorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QumlPlayerComponent, selector: "lib-quml-player", inputs: { questionSetHierarchy: "questionSetHierarchy", isSingleQuestionPreview: "isSingleQuestionPreview" }, outputs: { toolbarEmitter: "toolbarEmitter" }, ngImport: i0, 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:solid 1px #cccccc}.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:177.7777777778%}.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}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MainPlayerComponent, selector: "quml-main-player", inputs: ["playerConfig"], outputs: ["playerEvent", "telemetryEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QumlPlayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-quml-player', encapsulation: ViewEncapsulation.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:solid 1px #cccccc}.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:177.7777777778%}.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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigService }, { type: i2.PlayerService }, { type: i3.EditorService }]; }, propDecorators: { questionSetHierarchy: [{
+                type: Input
+            }], isSingleQuestionPreview: [{
+                type: Input
+            }], toolbarEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVtbC1wbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcXVtbC1wbGF5ZXIvcXVtbC1wbGF5ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcXVtbC1wbGF5ZXIvcXVtbC1wbGF5ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFXLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEtBQUssQ0FBQyxNQUFNLFdBQVcsQ0FBQzs7Ozs7OztBQVUvQixNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQW9CLGFBQTRCLEVBQVUsYUFBNEIsRUFDN0UsYUFBNEI7UUFEakIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFBVSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM3RSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUw1Qiw0QkFBdUIsR0FBRyxLQUFLLENBQUM7UUFDekMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDTixtQkFBYyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTlCLENBQUM7SUFFM0MsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFHLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsY0FBYyxDQUFDLEVBQUM7WUFDMUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUE7U0FDM0I7SUFDSCxD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QUFjO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQgLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoLWVzJztcbmltcG9ydCB7IENvbmZpZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcvY29uZmlnLnNlcnZpY2UnO1xuaW1wb3J0IHsgUGxheWVyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3BsYXllci9wbGF5ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBFZGl0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZWRpdG9yL2VkaXRvci5zZXJ2aWNlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1xdW1sLXBsYXllcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdW1sLXBsYXllci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3F1bWwtcGxheWVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFF1bWxQbGF5ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBxdW1sUGxheWVyQ29uZmlnOiBhbnk7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uU2V0SGllcmFyY2h5OiBhbnk7XG4gIEBJbnB1dCgpIGlzU2luZ2xlUXVlc3Rpb25QcmV2aWV3ID0gZmFsc2U7XG4gIHNob3dQcmV2aWV3ID0gZmFsc2U7XG4gIHNob3dWaWV3QnV0dG9uID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBwdWJsaWMgdG9vbGJhckVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbmZpZ1NlcnZpY2U6IENvbmZpZ1NlcnZpY2UsIHByaXZhdGUgcGxheWVyU2VydmljZTogUGxheWVyU2VydmljZSxcbiAgICBwdWJsaWMgZWRpdG9yU2VydmljZTogRWRpdG9yU2VydmljZSApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaW5pdGlhbGl6ZSgpO1xuICAgIGlmKCFfLmlzVW5kZWZpbmVkKHRoaXMuZWRpdG9yU2VydmljZT8uZWRpdG9yQ29uZmlnPy5jb25maWc/LnJlbmRlclRheG9ub215KSl7XG4gICAgICB0aGlzLnNob3dWaWV3QnV0dG9uID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIGluaXRpYWxpemUoKSB7XG4gICAgdGhpcy5zZXRRdW1sUGxheWVyRGF0YSgpO1xuICAgIHRoaXMuc2hvd1ByZXZpZXcgPSB0cnVlO1xuICB9XG5cbiAgc2V0UXVtbFBsYXllckRhdGEoKSB7XG4gICAgY29uc3QgcGxheWVyQ29uZmlnID0gXy5jbG9uZURlZXAodGhpcy5wbGF5ZXJTZXJ2aWNlLmdldFF1bWxQbGF5ZXJDb25maWcoKSk7XG4gICAgdGhpcy5xdW1sUGxheWVyQ29uZmlnID0gcGxheWVyQ29uZmlnO1xuICAgIHRoaXMucXVtbFBsYXllckNvbmZpZy5jb250ZXh0LnRocmVzaG9sZCA9IF8uZ2V0KHRoaXMuY29uZmlnU2VydmljZSwgJ3BsYXllckNvbmZpZy50aHJlc2hvbGQnKTtcbiAgICB0aGlzLnF1bWxQbGF5ZXJDb25maWcubWV0YWRhdGEgPSBfLmNsb25lRGVlcCh0aGlzLnF1ZXN0aW9uU2V0SGllcmFyY2h5KTtcbiAgICBpZiAodGhpcy5xdW1sUGxheWVyQ29uZmlnLm1ldGFkYXRhKSB7XG4gICAgICBsZXQgY2hpbGROb2RlcyA9IHRoaXMucXVtbFBsYXllckNvbmZpZy5tZXRhZGF0YS5jaGlsZE5vZGVzO1xuICAgICAgY2hpbGROb2RlcyA9IF8uZmlsdGVyKGNoaWxkTm9kZXMsIChpZGVudGlmaWVyKSA9PiAhXy5lbmRzV2l0aChpZGVudGlmaWVyLCAnLmltZycpKTtcbiAgICAgIHRoaXMucXVtbFBsYXllckNvbmZpZy5tZXRhZGF0YS5jaGlsZE5vZGVzID0gY2hpbGROb2RlcztcbiAgICAgIGNvbnN0IGFsbFF1ZXN0aW9ucyA9IHRoaXMuZWRpdG9yU2VydmljZS5nZXRDb250ZW50Q2hpbGRyZW5zKCk7XG4gICAgICB0aGlzLnF1bWxQbGF5ZXJDb25maWcubWV0YWRhdGEubWF4UXVlc3Rpb25zID0gdGhpcy5xdW1sUGxheWVyQ29uZmlnLm1ldGFkYXRhLm1heFF1ZXN0aW9ucyB8fCBhbGxRdWVzdGlvbnMubGVuZ3RoO1xuICAgICAgaWYgKHRoaXMuaXNTaW5nbGVRdWVzdGlvblByZXZpZXcpIHtcbiAgICAgICAgdGhpcy5xdW1sUGxheWVyQ29uZmlnLmNvbnRleHQudGhyZXNob2xkID0gMTtcbiAgICAgICAgdGhpcy5xdW1sUGxheWVyQ29uZmlnLm1ldGFkYXRhLm1heFF1ZXN0aW9ucyA9IDE7XG4gICAgICAgIHRoaXMucXVtbFBsYXllckNvbmZpZy5tZXRhZGF0YS5zaG93U3RhcnRQYWdlID0gJ05vJztcbiAgICAgICAgdGhpcy5xdW1sUGxheWVyQ29uZmlnLm1ldGFkYXRhLnNob3dUaW1lciA9ICdObyc7XG4gICAgICAgIHRoaXMucXVtbFBsYXllckNvbmZpZy5tZXRhZGF0YS5yZXF1aXJlc1N1Ym1pdCA9ICdObyc7XG4gICAgICAgIHRoaXMucXVtbFBsYXllckNvbmZpZy5jb25maWcuc2hvd0xlZ2VuZCA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cbiAgICBjb25zb2xlLmxvZygncXVtbFBsYXllckNvbmZpZzo6ICcsIHRoaXMucXVtbFBsYXllckNvbmZpZyk7XG4gIH1cblxuICBnZXRQbGF5ZXJFdmVudHMoZXZlbnQpIHtcbiAgICBjb25zb2xlLmxvZygnZ2V0IHBsYXllciBldmVudHMnLCBKU09OLnN0cmluZ2lmeShldmVudCkpO1xuICB9XG5cbiAgZ2V0VGVsZW1ldHJ5RXZlbnRzKGV2ZW50KSB7XG4gICAgY29uc29sZS5sb2coJ2V2ZW50IGlzIGZvciB0ZWxlbWV0cnknLCBKU09OLnN0cmluZ2lmeShldmVudCkpO1xuICB9XG5cbiAgcmV2aWV3UXVlc3Rpb24oKXtcbiAgICB0aGlzLnRvb2xiYXJFbWl0dGVyLmVtaXQoe30pO1xuICB9XG5cbn1cbiIsIiA8ZGl2IGNsYXNzPVwiYXNwZWN0cmF0aW9cIiBkYXRhLXJhdGlvPVwiMTY6OVwiPlxuICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1wbGF5ZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInctMTAwIGgtMTAwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRWaWV3ZXJJZnJhbWVTaGFkb3dcIiAqbmdJZj1cIiFzaG93Vmlld0J1dHRvblwiPlxuICAgICAgICAgICAgICAgICAgICA8cXVtbC1tYWluLXBsYXllciAqbmdJZj1cInNob3dQcmV2aWV3XCIgW3BsYXllckNvbmZpZ109XCJxdW1sUGxheWVyQ29uZmlnXCIgKHBsYXllckV2ZW50KT1cImdldFBsYXllckV2ZW50cygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICh0ZWxlbWV0cnlFdmVudCk9XCJnZXRUZWxlbWV0cnlFdmVudHMoJGV2ZW50KVwiPjwvcXVtbC1tYWluLXBsYXllcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXQtMjVcIiAqbmdJZj1cIihlZGl0b3JTZXJ2aWNlPy5lZGl0b3JNb2RlICE9PSAnZWRpdCcgJiYgc2hvd1ZpZXdCdXR0b24pXCI+XG4gICAgICAgICAgICAgICAgICAgIDxoNT5DbGljayBvbiBWaWV3IGRldGFpbHMgdG8gdmlldyB0aGUgcXVlc3Rpb24gZGV0YWlscy48L2g1PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidWkgIGJ0bi1hbGlnblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVpIHR3ZWx2ZSBjb2x1bW4gZ3JpZCBtLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmluZSB3aWRlIGNvbHVtbiBwLTAgdGV4dC1sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwic2ItYnRuIHNiLWJ0bi1ub3JtYWwgc2ItYnRuLXByaW1hcnkgbXItMTVcIiAoY2xpY2spPVwicmV2aWV3UXVlc3Rpb24oKTtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFZpZXcgRGV0YWlsczwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuPC9kaXY+Il19

package/esm2022/lib/components/qumlplayer-page/qumlplayer-page.component.mjs

@@ -0,0 +1,84 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as _ from 'lodash-es';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/telemetry/telemetry.service";
+import * as i2 from "../../services/config/config.service";
+import * as i3 from "../../services/editor/editor.service";
+import * as i4 from "../../services/tree/tree.service";
+import * as i5 from "@angular/common";
+import * as i6 from "../../directives/telemetry-interact/telemetry-interact.directive";
+import * as i7 from "../quml-player/quml-player.component";
+export class QumlplayerPageComponent {
+    constructor(telemetryService, configService, editorService, treeService) {
+        this.telemetryService = telemetryService;
+        this.configService = configService;
+        this.editorService = editorService;
+        this.treeService = treeService;
+        this.toolbarEmitter = new EventEmitter();
+        this.showPlayerPreview = false;
+        this.showPotrait = false;
+    }
+    ngOnChanges() {
+        this.initQumlPlayer();
+    }
+    initQumlPlayer() {
+        this.showPlayerPreview = false;
+        this.questionMetaData = _.get(this.questionMetaData, 'data.metadata');
+        const newQuestionId = _.get(this.questionMetaData, 'identifier');
+        if (newQuestionId && this.prevQuestionId !== newQuestionId) {
+            this.hierarchy = _.cloneDeep(this.questionSetHierarchy);
+            const selectedNode = this.treeService.getNodeById(newQuestionId);
+            this.hierarchy.children = _.castArray(_.get(selectedNode, 'data.metadata'));
+            this.hierarchy.childNodes = [newQuestionId];
+            this.hierarchy.shuffle = selectedNode.parent.data.metadata.shuffle;
+            if (selectedNode.parent.data.metadata.shuffle === true) {
+                // tslint:disable-next-line:no-string-literal
+                this.hierarchy['maxScore'] = 1;
+            }
+            else {
+                if (this.questionMetaData.qType === 'SA') {
+                    this.hierarchy = _.omit(this.hierarchy, 'maxScore');
+                }
+                else if (this.questionMetaData.maxScore) {
+                    // tslint:disable-next-line:no-string-literal
+                    this.hierarchy['maxScore'] = this.questionMetaData.maxScore;
+                }
+            }
+            const parent = this.treeService.getParent()?.data?.metadata;
+            this.hierarchy.showSolutions = parent?.showSolutions || "No";
+            this.hierarchy.showFeedback = parent?.showFeedback || "No";
+            this.prevQuestionId = newQuestionId;
+            setTimeout(() => {
+                this.showPlayerPreview = true;
+            }, 0);
+        }
+    }
+    switchToPotraitMode() {
+        this.showPotrait = true;
+    }
+    switchToLandscapeMode() {
+        this.showPotrait = false;
+    }
+    removeQuestion() {
+        this.toolbarEmitter.emit({ button: 'removeContent' });
+    }
+    editQuestion() {
+        this.toolbarEmitter.emit({ button: 'editContent' });
+    }
+    reviewQuestion() {
+        this.toolbarEmitter.emit({ button: 'reviewContent' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QumlplayerPageComponent, deps: [{ token: i1.EditorTelemetryService }, { token: i2.ConfigService }, { token: i3.EditorService }, { token: i4.TreeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QumlplayerPageComponent, selector: "lib-qumlplayer-page", inputs: { questionMetaData: "questionMetaData", questionSetHierarchy: "questionSetHierarchy" }, outputs: { toolbarEmitter: "toolbarEmitter" }, usesOnChanges: true, ngImport: i0, 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\" (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 mx-15\"\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\">{{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:none!important;border:none!important;padding:0!important;cursor:pointer}.opacity-icon{opacity:.45!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.TelemetryInteractDirective, selector: "[libTelemetryInteract]", inputs: ["telemetryInteractEdata"] }, { kind: "component", type: i7.QumlPlayerComponent, selector: "lib-quml-player", inputs: ["questionSetHierarchy", "isSingleQuestionPreview"], outputs: ["toolbarEmitter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QumlplayerPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-qumlplayer-page', encapsulation: ViewEncapsulation.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\" (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 mx-15\"\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\">{{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:none!important;border:none!important;padding:0!important;cursor:pointer}.opacity-icon{opacity:.45!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.EditorTelemetryService }, { type: i2.ConfigService }, { type: i3.EditorService }, { type: i4.TreeService }]; }, propDecorators: { questionMetaData: [{
+                type: Input
+            }], questionSetHierarchy: [{
+                type: Input
+            }], toolbarEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVtbHBsYXllci1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbGxlY3Rpb24tZWRpdG9yLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL3F1bWxwbGF5ZXItcGFnZS9xdW1scGxheWVyLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcXVtbHBsYXllci1wYWdlL3F1bWxwbGF5ZXItcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RyxPQUFPLEtBQUssQ0FBQyxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7O0FBVy9CLE1BQU0sT0FBTyx1QkFBdUI7SUFVbEMsWUFBbUIsZ0JBQXdDLEVBQVMsYUFBNEIsRUFBUyxhQUE0QixFQUNqSCxXQUF3QjtRQUR6QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXdCO1FBQVMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUNqSCxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQVAzQixtQkFBYyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXhFLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUk0QixDQUFDO0lBRWpELFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUMsR0FB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bkMsU0FBUzsrQkFDRSxxQkFBcUIsaUJBR2hCLGlCQUFpQixDQUFDLElBQUk7K0xBSTVCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ1csY0FBYztzQkFBOUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHsgRWRpdG9yVGVsZW1ldHJ5U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RlbGVtZXRyeS90ZWxlbWV0cnkuc2VydmljZSc7XG5pbXBvcnQgeyBFZGl0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZWRpdG9yL2VkaXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IENvbmZpZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcvY29uZmlnLnNlcnZpY2UnO1xuaW1wb3J0IHsgVHJlZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmVlL3RyZWUuc2VydmljZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcXVtbHBsYXllci1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1bWxwbGF5ZXItcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3F1bWxwbGF5ZXItcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFF1bWxwbGF5ZXJQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgcXVtbFBsYXllckNvbmZpZzogYW55O1xuICBASW5wdXQoKSBxdWVzdGlvbk1ldGFEYXRhOiBhbnk7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uU2V0SGllcmFyY2h5OiBhbnk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgdG9vbGJhckVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBwcmV2UXVlc3Rpb25JZDogc3RyaW5nO1xuICBzaG93UGxheWVyUHJldmlldyA9IGZhbHNlO1xuICBzaG93UG90cmFpdCA9IGZhbHNlO1xuICBoaWVyYXJjaHk6IGFueTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVsZW1ldHJ5U2VydmljZTogRWRpdG9yVGVsZW1ldHJ5U2VydmljZSwgcHVibGljIGNvbmZpZ1NlcnZpY2U6IENvbmZpZ1NlcnZpY2UsIHB1YmxpYyBlZGl0b3JTZXJ2aWNlOiBFZGl0b3JTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHRyZWVTZXJ2aWNlOiBUcmVlU2VydmljZSkgeyB9XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5pbml0UXVtbFBsYXllcigpO1xuICB9XG5cbiAgaW5pdFF1bWxQbGF5ZXIoKSB7XG4gICAgdGhpcy5zaG93UGxheWVyUHJldmlldyA9IGZhbHNlO1xuICAgIHRoaXMucXVlc3Rpb25NZXRhRGF0YSA9IF8uZ2V0KHRoaXMucXVlc3Rpb25NZXRhRGF0YSwgJ2RhdGEubWV0YWRhdGEnKTtcbiAgICBjb25zdCBuZXdRdWVzdGlvbklkID0gXy5nZXQodGhpcy5xdWVzdGlvbk1ldGFEYXRhLCAnaWRlbnRpZmllcicpO1xuICAgIGlmIChuZXdRdWVzdGlvbklkICYmIHRoaXMucHJldlF1ZXN0aW9uSWQgIT09IG5ld1F1ZXN0aW9uSWQpIHtcbiAgICAgIHRoaXMuaGllcmFyY2h5ID0gXy5jbG9uZURlZXAodGhpcy5xdWVzdGlvblNldEhpZXJhcmNoeSk7XG4gICAgICBjb25zdCBzZWxlY3RlZE5vZGUgPSB0aGlzLnRyZWVTZXJ2aWNlLmdldE5vZGVCeUlkKG5ld1F1ZXN0aW9uSWQpO1xuICAgICAgdGhpcy5oaWVyYXJjaHkuY2hpbGRyZW4gPSBfLmNhc3RBcnJheShfLmdldChzZWxlY3RlZE5vZGUsICdkYXRhLm1ldGFkYXRhJykpO1xuICAgICAgdGhpcy5oaWVyYXJjaHkuY2hpbGROb2RlcyA9IFtuZXdRdWVzdGlvbklkXTtcbiAgICAgIHRoaXMuaGllcmFyY2h5LnNodWZmbGUgPSBzZWxlY3RlZE5vZGUucGFyZW50LmRhdGEubWV0YWRhdGEuc2h1ZmZsZTtcbiAgICAgIGlmIChzZWxlY3RlZE5vZGUucGFyZW50LmRhdGEubWV0YWRhdGEuc2h1ZmZsZSA9PT0gdHJ1ZSkge1xuICAgICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tc3RyaW5nLWxpdGVyYWxcbiAgICAgICAgdGhpcy5oaWVyYXJjaHlbJ21heFNjb3JlJ10gPSAxO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaWYgKHRoaXMucXVlc3Rpb25NZXRhRGF0YS5xVHlwZSA9PT0gJ1NBJykge1xuICAgICAgICAgIHRoaXMuaGllcmFyY2h5ID0gXy5vbWl0KHRoaXMuaGllcmFyY2h5LCAnbWF4U2NvcmUnKTtcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLnF1ZXN0aW9uTWV0YURhdGEubWF4U2NvcmUpIHtcbiAgICAgICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tc3RyaW5nLWxpdGVyYWxcbiAgICAgICAgICB0aGlzLmhpZXJhcmNoeVsnbWF4U2NvcmUnXSA9IHRoaXMucXVlc3Rpb25NZXRhRGF0YS5tYXhTY29yZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgY29uc3QgcGFyZW50ID0gdGhpcy50cmVlU2VydmljZS5nZXRQYXJlbnQoKT8uZGF0YT8ubWV0YWRhdGE7XG4gICAgICB0aGlzLmhpZXJhcmNoeS5zaG93U29sdXRpb25zID0gcGFyZW50Py5zaG93U29sdXRpb25zIHx8IFwiTm9cIjtcbiAgICAgIHRoaXMuaGllcmFyY2h5LnNob3dGZWVkYmFjayA9IHBhcmVudD8uc2hvd0ZlZWRiYWNrIHx8IFwiTm9cIjtcbiAgICAgIHRoaXMucHJldlF1ZXN0aW9uSWQgPSBuZXdRdWVzdGlvbklkO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2hvd1BsYXllclByZXZpZXcgPSB0cnVlO1xuICAgICAgfSwgMCk7XG4gICAgfVxuICB9XG5cbiAgc3dpdGNoVG9Qb3RyYWl0TW9kZSgpIHtcbiAgICB0aGlzLnNob3dQb3RyYWl0ID0gdHJ1ZTtcbiAgfVxuICBzd2l0Y2hUb0xhbmRzY2FwZU1vZGUoKSB7XG4gICAgdGhpcy5zaG93UG90cmFpdCA9IGZhbHNlO1xuICB9XG5cbiAgcmVtb3ZlUXVlc3Rpb24oKSB7XG4gICAgdGhpcy50b29sYmFyRW1pdHRlci5lbWl0KHtidXR0b246ICdyZW1vdmVDb250ZW50J30pO1xuICB9XG5cbiAgZWRpdFF1ZXN0aW9uKCkge1xuICAgIHRoaXMudG9vbGJhckVtaXR0ZXIuZW1pdCh7YnV0dG9uIDogJ2VkaXRDb250ZW50J30pO1xuICB9XG5cbiAgcmV2aWV3UXVlc3Rpb24oKXtcbiAgICB0aGlzLnRvb2xiYXJFbWl0dGVyLmVtaXQoe2J1dHRvbiA6ICdyZXZpZXdDb250ZW50J30pO1xuICB9XG5cbn1cbiIsIjxkaXY+XG4gICAgPGRpdiBbbmdDbGFzc109XCJ7J3BvdHJhaXQtbW9kZSc6IHNob3dQb3RyYWl0fVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYi0xLTEwMCBici0yIG10LTVcIiAqbmdJZj1cInNob3dQbGF5ZXJQcmV2aWV3XCI+XG4gICAgICAgICAgICA8bGliLXF1bWwtcGxheWVyIFtxdWVzdGlvblNldEhpZXJhcmNoeV09XCJoaWVyYXJjaHlcIiBbaXNTaW5nbGVRdWVzdGlvblByZXZpZXddPVwidHJ1ZVwiICh0b29sYmFyRW1pdHRlcik9XCJyZXZpZXdRdWVzdGlvbigpXCI+PC9saWItcXVtbC1wbGF5ZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPGRpdiBjbGFzcz1cInVpIG10LTIwXCIgKm5nSWY9XCIoZWRpdG9yU2VydmljZS5lZGl0b3JNb2RlID09PSAnZWRpdCcpXCI+XG4gICAgPGRpdiBjbGFzcz1cInVpIHR3ZWx2ZSBjb2x1bW4gZ3JpZCBtLTBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm5pbmUgd2lkZSBjb2x1bW4gcC0wIHRleHQtbGVmdFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJzYi1idG4gc2ItYnRuLW5vcm1hbCBzYi1idG4tcHJpbWFyeVwiIChjbGljayk9XCJlZGl0UXVlc3Rpb24oKTtcIlxuICAgICAgICAgICAgICAgIGxpYlRlbGVtZXRyeUludGVyYWN0XG4gICAgICAgICAgICAgICAgW3RlbGVtZXRyeUludGVyYWN0RWRhdGFdPVwidGVsZW1ldHJ5U2VydmljZS5nZXRUZWxlbWV0cnlJbnRlcmFjdEVkYXRhKCdlZGl0JywnY2xpY2snLCdsYXVuY2gnLCB0ZWxlbWV0cnlTZXJ2aWNlLnRlbGVtZXRyeVBhZ2VJZClcIj5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb24gZWRpdFwiPjwvaT5FZGl0PC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInNiLWJ0biBzYi1idG4tbm9ybWFsIHNiLWJ0bi1vdXRsaW5lLXByaW1hcnkgbXgtMTVcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmVRdWVzdGlvbigpXCI+PGkgY2xhc3M9XCJpY29uIHRyYXNoIHNiLWNvbG9yLXByaW1hcnlcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBsaWJUZWxlbWV0cnlJbnRlcmFjdFxuICAgICAgICAgICAgICAgICAgICBbdGVsZW1ldHJ5SW50ZXJhY3RFZGF0YV09XCJ0ZWxlbWV0cnlTZXJ2aWNlLmdldFRlbGVtZXRyeUludGVyYWN0RWRhdGEoJ2RlbGV0ZScsJ2NsaWNrJywnbGF1bmNoJywgdGVsZW1ldHJ5U2VydmljZS50ZWxlbWV0cnlQYWdlSWQpXCI+PC9pPnt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8uYnV0dG9uX2xhYmVscz8uZGVsZXRlX2J0bl9sYWJlbH19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGhyZWUgd2lkZSBjb2x1bW4gcC0wIHRleHQtcmlnaHRcIj5cbiAgICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzd2l0Y2hUb0xhbmRzY2FwZU1vZGUoKTtcIiBjbGFzcz1cImJ0bi1ub25lXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwidHYgaWNvbiBzYi1jb2xvci1wcmltYXJ5IGZzLTEtMTQzXCIgW25nQ2xhc3NdPVwieydvcGFjaXR5LWljb24nOiBzaG93UG90cmFpdH1cIj48L2k+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmcy0xLTE2IGZvbnQtd2VpZ2h0LW5vcm1hbCBzYi1jb2xvci1ncmF5LTEwMFwiPnw8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInN3aXRjaFRvUG90cmFpdE1vZGUoKTtcIiBjbGFzcz1cInctMTAgYnRuLW5vbmVcIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJtb2JpbGUgYWx0ZXJuYXRlIGljb24gc2ItY29sb3ItcHJpbWFyeSBmcy0xLTNcIiBbbmdDbGFzc109XCJ7J29wYWNpdHktaWNvbic6ICFzaG93UG90cmFpdH1cIj48L2k+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxociBjbGFzcz1cIm15LTIwXCI+XG48ZGl2IGNsYXNzPVwidWkgZ3JpZCB0ZXh0LWZvbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZml2ZSB3aWRlIGNvbHVtblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItZmllbGQtZ3JvdXBcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNiLWNvbG9yLWdyYXktMTAwXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/Lm5hbWV9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnMtMC05MiB0ZXh0LWNhcGl0YWxpemVcIj57e3F1ZXN0aW9uTWV0YURhdGE/Lm5hbWV9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZm91ciB3aWRlIGNvbHVtblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItZmllbGQtZ3JvdXBcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNiLWNvbG9yLWdyYXktMTAwXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/LmJvYXJkfX08L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZzLTAtOTIgdGV4dC1jYXBpdGFsaXplXCI+e3txdWVzdGlvbk1ldGFEYXRhPy5ib2FyZH19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0aHJlZSB3aWRlIGNvbHVtblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItZmllbGQtZ3JvdXBcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNiLWNvbG9yLWdyYXktMTAwXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/Lm1lZGl1bX19PC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0wLTkyIHRleHQtY2FwaXRhbGl6ZVwiPnt7cXVlc3Rpb25NZXRhRGF0YT8ubWVkaXVtfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZpdmUgd2lkZSBjb2x1bW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiLWZpZWxkLWdyb3VwXCI+XG4gICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJzYi1jb2xvci1ncmF5LTEwMFwiPnt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8ubGJsPy5ncmFkZX19PC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0wLTkyIHRleHQtY2FwaXRhbGl6ZVwiPnt7cXVlc3Rpb25NZXRhRGF0YT8uZ3JhZGVMZXZlbH19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmb3VyIHdpZGUgY29sdW1uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1maWVsZC1ncm91cFwiPlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic2ItY29sb3ItZ3JheS0xMDBcIj57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uc3ViamVjdH19PC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0wLTkyIHRleHQtY2FwaXRhbGl6ZVwiPnt7cXVlc3Rpb25NZXRhRGF0YT8uc3ViamVjdH19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0aHJlZSB3aWRlIGNvbHVtblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItZmllbGQtZ3JvdXBcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNiLWNvbG9yLWdyYXktMTAwXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/LmF0dHJpYnV0aW9uc319PC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcy0wLTkyIHRleHQtY2FwaXRhbGl6ZVwiPnt7cXVlc3Rpb25NZXRhRGF0YT8uYXR0cmlidXRpb25zfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZpdmUgd2lkZSBjb2x1bW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiLWZpZWxkLWdyb3VwXCI+XG4gICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJzYi1jb2xvci1ncmF5LTEwMFwiPnt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8ubGJsPy5hdXRob3J9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnMtMC05MiB0ZXh0LWNhcGl0YWxpemVcIj57e3F1ZXN0aW9uTWV0YURhdGE/LmF1dGhvcn19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmb3VyIHdpZGUgY29sdW1uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1maWVsZC1ncm91cFwiPlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic2ItY29sb3ItZ3JheS0xMDBcIj57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uYXVkaWVuY2V9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnMtMC05MiB0ZXh0LWNhcGl0YWxpemVcIj57e3F1ZXN0aW9uTWV0YURhdGE/LmF1ZGllbmNlfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRocmVlIHdpZGUgY29sdW1uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1maWVsZC1ncm91cFwiPlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic2ItY29sb3ItZ3JheS0xMDBcIj57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uY29weVJpZ2h0fX08L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZzLTAtOTIgdGV4dC1jYXBpdGFsaXplXCI+e3txdWVzdGlvbk1ldGFEYXRhPy5jb3B5cmlnaHR9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZml2ZSB3aWRlIGNvbHVtblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2ItZmllbGQtZ3JvdXBcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNiLWNvbG9yLWdyYXktMTAwXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5sYmw/LmxpY2Vuc2VkQnl9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnMtMC05MiB0ZXh0LWNhcGl0YWxpemVcIj57e3F1ZXN0aW9uTWV0YURhdGE/LmxpY2Vuc2V9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZm91ciB3aWRlIGNvbHVtblwiICpuZ0lmPVwicXVlc3Rpb25NZXRhRGF0YT8ucVR5cGUgPT09ICdNQ1EnXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1maWVsZC1ncm91cFwiPlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic2ItY29sb3ItZ3JheS0xMDBcIj57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8ubWFya3N9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnMtMC05MiB0ZXh0LWNhcGl0YWxpemVcIj57e3F1ZXN0aW9uTWV0YURhdGEubWF4U2NvcmU/IHF1ZXN0aW9uTWV0YURhdGEubWF4U2NvcmUgOiAxfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2022/lib/components/resource-reorder/resource-reorder.component.mjs

@@ -0,0 +1,143 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core';
+import * as _ from 'lodash-es';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/editor/editor.service";
+import * as i2 from "../../services/config/config.service";
+import * as i3 from "../../services/telemetry/telemetry.service";
+import * as i4 from "../../services/toaster/toaster.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@project-sunbird/ng2-semantic-ui";
+import * as i8 from "../../directives/telemetry-interact/telemetry-interact.directive";
+export class ResourceReorderComponent {
+    constructor(editorService, configService, telemetryService, toasterService) {
+        this.editorService = editorService;
+        this.configService = configService;
+        this.telemetryService = telemetryService;
+        this.toasterService = toasterService;
+        this.showMoveButton = false;
+        this.isContentAdded = false;
+        this.moveEvent = new EventEmitter();
+        this.collectionUnitsBreadcrumb = [];
+    }
+    ngOnInit() {
+        this.setCollectionUnitBreadcrumb();
+    }
+    addResource() {
+        this.editorService.addResourceToHierarchy(this.collectionId, this.prevUnitSelect, this.selectedContentDetails.identifier)
+            .subscribe((data) => {
+            this.modal.deny();
+            this.moveEvent.emit({
+                action: 'contentAdded',
+                data: this.selectedContentDetails
+            });
+            this.toasterService.success(_.get(this.configService, 'labelConfig.messages.success.005'));
+        }, err => {
+            this.toasterService.error(_.get(this.configService, 'labelConfig.messages.error.001'));
+        });
+    }
+    closePopup() {
+        this.moveEvent.emit({
+            action: 'closeHierarchyPopup',
+            contentId: '',
+            collection: {
+                identifier: ''
+            }
+        });
+    }
+    getParentsHelper(tree, id, parents) {
+        const self = this;
+        if (tree.identifier === id) {
+            return {
+                found: true,
+                parents: [...parents, tree.name]
+            };
+        }
+        let result = {
+            found: false,
+        };
+        if (tree.children) {
+            _.forEach(tree.children, (subtree, key) => {
+                const maybeParents = _.concat([], parents);
+                if (tree.identifier !== undefined) {
+                    maybeParents.push(tree.name);
+                }
+                const maybeResult = self.getParentsHelper(subtree, id, maybeParents);
+                if (maybeResult.found) {
+                    result = maybeResult;
+                    return false;
+                }
+            });
+        }
+        return result;
+    }
+    getParents(data, id) {
+        const tree = {
+            children: data
+        };
+        return this.getParentsHelper(tree, id, []);
+    }
+    setCollectionUnitBreadcrumb() {
+        if (!this.prevUnitSelect) {
+            return;
+        }
+        const selctedUnitParents = this.getParents(this.collectionUnits, this.prevUnitSelect);
+        if (selctedUnitParents.found) {
+            this.collectionUnitsBreadcrumb = [...selctedUnitParents.parents];
+        }
+        // check selected content is added to collection atleast once
+        const isAdded = (_.get(this.selectedContentDetails, 'isAdded') ||
+            _.includes(this.collectionhierarcyData.childNodes, this.selectedContentDetails.identifier));
+        // check is content already added atleast once to collection if yes then check in children otherwise return false for isContentAdded
+        this.isContentAdded = !isAdded ? isAdded :
+            this.isContentAlreadyPresentInSelectedScetionLevel(_.get(this.collectionhierarcyData, 'children'));
+    }
+    isContentAlreadyPresentInSelectedScetionLevel(children) {
+        const self = this;
+        let isContentAdded = false;
+        const selectedUnit = _.find(children, { identifier: this.prevUnitSelect });
+        if (selectedUnit && _.get(selectedUnit, 'children')) {
+            _.forEach(_.get(selectedUnit, 'children'), data => {
+                // tslint:disable-next-line:max-line-length
+                if ((data.identifier === this.selectedContentDetails.identifier) && _.includes(this.collectionhierarcyData.childNodes, this.selectedContentDetails.identifier)) {
+                    isContentAdded = true;
+                    return true;
+                }
+            });
+        }
+        _.forEach(children, data => {
+            if (data.children) {
+                const res = self.isContentAlreadyPresentInSelectedScetionLevel(data.children);
+                if (res) {
+                    isContentAdded = true;
+                    return false;
+                }
+            }
+        });
+        return isContentAdded;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceReorderComponent, deps: [{ token: i1.EditorService }, { token: i2.ConfigService }, { token: i3.EditorTelemetryService }, { token: i4.ToasterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResourceReorderComponent, selector: "lib-resource-reorder", inputs: { selectedContentDetails: "selectedContentDetails", collectionId: "collectionId", collectionUnits: "collectionUnits", programContext: "programContext", prevUnitSelect: "prevUnitSelect", collectionhierarcyData: "collectionhierarcyData" }, outputs: { moveEvent: "moveEvent" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true, static: true }], ngImport: i0, 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-btn-link-secondary 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: .25;--alpha50: .5;--alpha75: .75;--font-default-size: .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: .75rem;--font-size-xs: .625rem;--p-font-size: var(--font-size-base);--base-font-size: .875rem;--base-block-space: .5rem;--icon-svg-xxs: .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-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-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 #22242626,0 0 0 1px #22242626!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:solid 1px #ccc}.sb-toc-accor-1 .chapter-lists--item label{margin-bottom:0!important}.sb-row-bb{border-bottom:solid 1px #e0e0e0}.sb-row-bb:last-child{border:none}.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:none!important}.sb-row-bb:last-child{border-left:.0625rem dashed var(--gray-300);margin-left:1.1rem;padding-left:1.6rem!important}sui-accordion-panel .title{border:none!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.SuiAccordion, selector: "sui-accordion", inputs: ["closeOthers", "transition", "transitionDuration"] }, { kind: "component", type: i7.SuiAccordionPanel, selector: "sui-accordion-panel", inputs: ["isDisabled", "isOpen"], outputs: ["isOpenChange"], exportAs: ["suiAccordionPanel"] }, { kind: "directive", type: i7.SuiDropdownMenuItem, selector: ".item" }, { kind: "component", type: i7.SuiModal, selector: "sui-modal", inputs: ["isClosable", "closeResult", "size", "isCentered", "isFullScreen", "isBasic", "mustScroll", "isInverted", "transition", "transitionDuration"], outputs: ["approved", "denied", "dismissed"] }, { kind: "directive", type: i8.TelemetryInteractDirective, selector: "[libTelemetryInteract]", inputs: ["telemetryInteractEdata"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceReorderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-resource-reorder', encapsulation: ViewEncapsulation.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-btn-link-secondary 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: .25;--alpha50: .5;--alpha75: .75;--font-default-size: .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: .75rem;--font-size-xs: .625rem;--p-font-size: var(--font-size-base);--base-font-size: .875rem;--base-block-space: .5rem;--icon-svg-xxs: .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-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-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 #22242626,0 0 0 1px #22242626!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:solid 1px #ccc}.sb-toc-accor-1 .chapter-lists--item label{margin-bottom:0!important}.sb-row-bb{border-bottom:solid 1px #e0e0e0}.sb-row-bb:last-child{border:none}.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:none!important}.sb-row-bb:last-child{border-left:.0625rem dashed var(--gray-300);margin-left:1.1rem;padding-left:1.6rem!important}sui-accordion-panel .title{border:none!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.EditorService }, { type: i2.ConfigService }, { type: i3.EditorTelemetryService }, { type: i4.ToasterService }]; }, propDecorators: { selectedContentDetails: [{
+                type: Input
+            }], collectionId: [{
+                type: Input
+            }], collectionUnits: [{
+                type: Input
+            }], programContext: [{
+                type: Input
+            }], prevUnitSelect: [{
+                type: Input
+            }], collectionhierarcyData: [{
+                type: Input
+            }], modal: [{
+                type: ViewChild,
+                args: ['modal', { static: true }]
+            }], moveEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtcmVvcmRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2xsZWN0aW9uLWVkaXRvci1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9yZXNvdXJjZS1yZW9yZGVyL3Jlc291cmNlLXJlb3JkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcmVzb3VyY2UtcmVvcmRlci9yZXNvdXJjZS1yZW9yZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdHLE9BQU8sS0FBSyxDQUFDLE1BQU0sV0FBVyxDQUFDOzs7Ozs7Ozs7O0FBYS9CLE1BQU0sT0FBTyx3QkFBd0I7SUFhbkMsWUFBb0IsYUFBNEIsRUFBUyxhQUE0QixFQUNsRSxnQkFBd0MsRUFBVSxjQUE4QjtRQUQvRSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUFTLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQ2xFLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBd0I7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFObkcsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFFYixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM5Qyw4QkFBeUIsR0FBUSxFQUFFLENBQUM7SUFHdkIsQ0FBQztJQUVkLFFBQVE7UUFDTixJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsc0JBQXNCLENBQUMs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QkFBc0IsQ0FBQyxVQUFVLENBQUMsRUFBRTtvQkFDOUosY0FBYyxHQUFHLElBQUksQ0FBQztvQkFDdEIsT0FBTyxJQUFJLENBQUM7aUJBQ2I7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO1FBQ0MsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEVBQUU7WUFDekIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNqQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsNkNBQTZDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUM5RSxJQUFJLEdBQUcsRUFBRTtvQkFDUCxjQUFjLEdBQUcsSUFBSSxDQUFDO29CQUN0QixPQUFPLEtBQUssQ0FBQztpQkFDZDthQUNGO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLGNBQWMsQ0FBQztJQUN4QixDQUFDOytHQXBIVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixxY0NkckMseXhJQXdFQTs7NEZEMURhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7a01BSTVCLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFHOEIsS0FBSztzQkFBeEMsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUN4QixTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHsgQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NvbmZpZy9jb25maWcuc2VydmljZSc7XG5pbXBvcnQgeyBFZGl0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZWRpdG9yL2VkaXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IEVkaXRvclRlbGVtZXRyeVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90ZWxlbWV0cnkvdGVsZW1ldHJ5LnNlcnZpY2UnO1xuaW1wb3J0IHsgVG9hc3RlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90b2FzdGVyL3RvYXN0ZXIuc2VydmljZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXJlc291cmNlLXJlb3JkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVzb3VyY2UtcmVvcmRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jlc291cmNlLXJlb3JkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VSZW9yZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgdW5pdFNlbGVjdGVkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlbGVjdGVkQ29udGVudERldGFpbHM7XG4gIEBJbnB1dCgpIGNvbGxlY3Rpb25JZDtcbiAgQElucHV0KCkgY29sbGVjdGlvblVuaXRzO1xuICBASW5wdXQoKSBwcm9ncmFtQ29udGV4dDtcbiAgQElucHV0KCkgcHJldlVuaXRTZWxlY3Q7XG4gIEBJbnB1dCgpIGNvbGxlY3Rpb25oaWVyYXJjeURhdGE7XG4gIHNob3dNb3ZlQnV0dG9uID0gZmFsc2U7XG4gIGlzQ29udGVudEFkZGVkID0gZmFsc2U7XG4gIEBWaWV3Q2hpbGQoJ21vZGFsJywge3N0YXRpYzogdHJ1ZX0pIG1vZGFsO1xuICBAT3V0cHV0KCkgbW92ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGNvbGxlY3Rpb25Vbml0c0JyZWFkY3J1bWI6IGFueSA9IFtdO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVkaXRvclNlcnZpY2U6IEVkaXRvclNlcnZpY2UsIHB1YmxpYyBjb25maWdTZXJ2aWNlOiBDb25maWdTZXJ2aWNlLFxuICAgICAgICAgICAgICBwdWJsaWMgdGVsZW1ldHJ5U2VydmljZTogRWRpdG9yVGVsZW1ldHJ5U2VydmljZSwgcHJpdmF0ZSB0b2FzdGVyU2VydmljZTogVG9hc3RlclNlcnZpY2UpIHtcbiAgICAgICAgICAgICAgIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldENvbGxlY3Rpb25Vbml0QnJlYWRjcnVtYigpO1xuICB9XG5cbiAgYWRkUmVzb3VyY2UoKSB7XG4gICAgdGhpcy5lZGl0b3JTZXJ2aWNlLmFkZFJlc291cmNlVG9IaWVyYXJjaHkodGhpcy5jb2xsZWN0aW9uSWQsIHRoaXMucHJldlVuaXRTZWxlY3QsIHRoaXMuc2VsZWN0ZWRDb250ZW50RGV0YWlscy5pZGVudGlmaWVyKVxuICAgIC5zdWJzY3JpYmUoKGRhdGEpID0+IHtcbiAgICAgIHRoaXMubW9kYWwuZGVueSgpO1xuICAgICAgdGhpcy5tb3ZlRXZlbnQuZW1pdCh7XG4gICAgICAgIGFjdGlvbjogJ2NvbnRlbnRBZGRlZCcsXG4gICAgICAgIGRhdGE6IHRoaXMuc2VsZWN0ZWRDb250ZW50RGV0YWlsc1xuICAgICAgfSk7XG4gICAgICB0aGlzLnRvYXN0ZXJTZXJ2aWNlLnN1Y2Nlc3MoXy5nZXQodGhpcy5jb25maWdTZXJ2aWNlLCAnbGFiZWxDb25maWcubWVzc2FnZXMuc3VjY2Vzcy4wMDUnKSk7XG4gICAgfSwgZXJyID0+IHtcbiAgICAgIHRoaXMudG9hc3RlclNlcnZpY2UuZXJyb3IoXy5nZXQodGhpcy5jb25maWdTZXJ2aWNlLCAnbGFiZWxDb25maWcubWVzc2FnZXMuZXJyb3IuMDAxJykpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xvc2VQb3B1cCgpIHtcbiAgICB0aGlzLm1vdmVFdmVudC5lbWl0KHtcbiAgICAgIGFjdGlvbjogJ2Nsb3NlSGllcmFyY2h5UG9wdXAnLFxuICAgICAgY29udGVudElkOiAnJyxcbiAgICAgIGNvbGxlY3Rpb246IHtcbiAgICAgICAgaWRlbnRpZmllcjogJydcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGdldFBhcmVudHNIZWxwZXIodHJlZTogYW55LCBpZDogc3RyaW5nLCBwYXJlbnRzOiBBcnJheTxhbnk+KSB7XG4gICAgY29uc3Qgc2VsZiA9IHRoaXM7XG4gICAgaWYgKHRyZWUuaWRlbnRpZmllciA9PT0gaWQpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGZvdW5kOiB0cnVlLFxuICAgICAgICBwYXJlbnRzOiBbLi4ucGFyZW50cywgdHJlZS5uYW1lXVxuICAgICAgfTtcbiAgICB9XG4gICAgbGV0IHJlc3VsdCA9IHtcbiAgICAgIGZvdW5kOiBmYWxzZSxcbiAgICB9O1xuICAgIGlmICh0cmVlLmNoaWxkcmVuKSB7XG4gICAgICBfLmZvckVhY2godHJlZS5jaGlsZHJlbiwgKHN1YnRyZWUsIGtleSkgPT4ge1xuICAgICAgICBjb25zdCBtYXliZVBhcmVudHMgPSBfLmNvbmNhdChbXSwgcGFyZW50cyk7XG4gICAgICAgIGlmICh0cmVlLmlkZW50aWZpZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIG1heWJlUGFyZW50cy5wdXNoKHRyZWUubmFtZSk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbWF5YmVSZXN1bHQ6IGFueSA9IHNlbGYuZ2V0UGFyZW50c0hlbHBlcihzdWJ0cmVlLCBpZCwgbWF5YmVQYXJlbnRzKTtcbiAgICAgICAgaWYgKG1heWJlUmVzdWx0LmZvdW5kKSB7XG4gICAgICAgICAgcmVzdWx0ID0gbWF5YmVSZXN1bHQ7XG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdDtcbiAgfVxuXG4gIGdldFBhcmVudHMoZGF0YTogQXJyYXk8YW55PiwgaWQ6IHN0cmluZykge1xuICAgIGNvbnN0IHRyZWUgPSB7XG4gICAgICBjaGlsZHJlbjogZGF0YVxuICAgIH07XG4gICAgcmV0dXJuIHRoaXMuZ2V0UGFyZW50c0hlbHBlcih0cmVlLCBpZCwgW10pO1xuICB9XG5cbiAgc2V0Q29sbGVjdGlvblVuaXRCcmVhZGNydW1iKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5wcmV2VW5pdFNlbGVjdCkgeyByZXR1cm47IH1cbiAgICBjb25zdCBzZWxjdGVkVW5pdFBhcmVudHM6IGFueSA9IHRoaXMuZ2V0UGFyZW50cyh0aGlzLmNvbGxlY3Rpb25Vbml0cywgdGhpcy5wcmV2VW5pdFNlbGVjdCk7XG4gICAgaWYgKHNlbGN0ZWRVbml0UGFyZW50cy5mb3VuZCkge1xuICAgICAgdGhpcy5jb2xsZWN0aW9uVW5pdHNCcmVhZGNydW1iID0gWy4uLnNlbGN0ZWRVbml0UGFyZW50cy5wYXJlbnRzXTtcbiAgICB9XG4gICAgLy8gY2hlY2sgc2VsZWN0ZWQgY29udGVudCBpcyBhZGRlZCB0byBjb2xsZWN0aW9uIGF0bGVhc3Qgb25jZVxuICAgIGNvbnN0IGlzQWRkZWQgPSAoXy5nZXQodGhpcy5zZWxlY3RlZENvbnRlbnREZXRhaWxzLCAnaXNBZGRlZCcpIHx8XG4gICAgIF8uaW5jbHVkZXModGhpcy5jb2xsZWN0aW9uaGllcmFyY3lEYXRhLmNoaWxkTm9kZXMsIHRoaXMuc2VsZWN0ZWRDb250ZW50RGV0YWlscy5pZGVudGlmaWVyKSk7XG5cbiAgICAvLyBjaGVjayBpcyBjb250ZW50IGFscmVhZHkgYWRkZWQgYXRsZWFzdCBvbmNlIHRvIGNvbGxlY3Rpb24gaWYgeWVzIHRoZW4gY2hlY2sgaW4gY2hpbGRyZW4gb3RoZXJ3aXNlIHJldHVybiBmYWxzZSBmb3IgaXNDb250ZW50QWRkZWRcbiAgICB0aGlzLmlzQ29udGVudEFkZGVkID0gIWlzQWRkZWQgPyBpc0FkZGVkIDpcbiAgICB0aGlzLmlzQ29udGVudEFscmVhZHlQcmVzZW50SW5TZWxlY3RlZFNjZXRpb25MZXZlbChfLmdldCh0aGlzLmNvbGxlY3Rpb25oaWVyYXJjeURhdGEsICdjaGlsZHJlbicpKTtcbiAgfVxuICBpc0NvbnRlbnRBbHJlYWR5UHJlc2VudEluU2VsZWN0ZWRTY2V0aW9uTGV2ZWwoY2hpbGRyZW4pIHtcbiAgICBjb25zdCBzZWxmID0gdGhpcztcbiAgICBsZXQgaXNDb250ZW50QWRkZWQgPSBmYWxzZTtcbiAgICBjb25zdCBzZWxlY3RlZFVuaXQgPSBfLmZpbmQoY2hpbGRyZW4sIHsgaWRlbnRpZmllcjogdGhpcy5wcmV2VW5pdFNlbGVjdCB9KTtcbiAgICBpZiAoc2VsZWN0ZWRVbml0ICYmIF8uZ2V0KHNlbGVjdGVkVW5pdCwgJ2NoaWxkcmVuJykpIHtcbiAgICBfLmZvckVhY2goXy5nZXQoc2VsZWN0ZWRVbml0LCAnY2hpbGRyZW4nKSwgZGF0YSA9PiB7XG4gICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bWF4LWxpbmUtbGVuZ3RoXG4gICAgICBpZiAoKGRhdGEuaWRlbnRpZmllciA9PT0gdGhpcy5zZWxlY3RlZENvbnRlbnREZXRhaWxzLmlkZW50aWZpZXIpICYmIF8uaW5jbHVkZXModGhpcy5jb2xsZWN0aW9uaGllcmFyY3lEYXRhLmNoaWxkTm9kZXMsIHRoaXMuc2VsZWN0ZWRDb250ZW50RGV0YWlscy5pZGVudGlmaWVyKSkge1xuICAgICAgICBpc0NvbnRlbnRBZGRlZCA9IHRydWU7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG4gICAgXy5mb3JFYWNoKGNoaWxkcmVuLCBkYXRhID0+IHtcbiAgICAgIGlmIChkYXRhLmNoaWxkcmVuKSB7XG4gICAgICAgIGNvbnN0IHJlcyA9IHNlbGYuaXNDb250ZW50QWxyZWFkeVByZXNlbnRJblNlbGVjdGVkU2NldGlvbkxldmVsKGRhdGEuY2hpbGRyZW4pO1xuICAgICAgICBpZiAocmVzKSB7XG4gICAgICAgICAgaXNDb250ZW50QWRkZWQgPSB0cnVlO1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiBpc0NvbnRlbnRBZGRlZDtcbiAgfVxufVxuIiwiPHN1aS1tb2RhbCBbbXVzdFNjcm9sbF09XCJ0cnVlXCIgW2lzQ2xvc2FibGVdPVwidHJ1ZVwiIFt0cmFuc2l0aW9uRHVyYXRpb25dPVwiMFwiIFtzaXplXT1cIidub3JtYWwnXCIgY2xhc3M9XCJzYi1tb2RhbFwiXG4gIGFwcEJvZHlTY3JvbGwgKGRpc21pc3NlZCk9XCJjbG9zZVBvcHVwKClcIiAjbW9kYWw+XG4gIDxkaXYgY2xhc3M9XCJzYi1tb2RhbC1oZWFkZXJcIj5cbiAgICB7e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8ud2hlcmVEb1lvdVdhbnRUb0FkZFRoaXNDb250ZW50fX1cbiAgPC9kaXY+XG5cblxuICA8bmctdGVtcGxhdGUgI3Jvb3ROb2RlVGVtcGxhdGVSZWYgbGV0LXJvb3Q+XG4gICAgPHN1aS1hY2NvcmRpb24gY2xhc3M9XCJzdHlsZWQgZmx1aWQgc2ItYWNjb3JkaW9uIHNiLWNoYXB0ZXJsaXN0LWFjY29yZGlvbiBzYi1zZWxlY3QtY29udGVudFwiIFtjbG9zZU90aGVyc109XCJ0cnVlXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwicm9vdC5jaGlsZHJlbiAmJiByb290LmNoaWxkcmVuLmxlbmd0aFwiIGNsYXNzPVwicm9vdF9fY2hpbGRyZW5cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIFtuZ0Zvck9mXT1cInJvb3QuY2hpbGRyZW5cIiBbbmdGb3JUZW1wbGF0ZV09XCJub2RlVGVtcGxhdGVSZWZcIj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvc3VpLWFjY29yZGlvbj5cbiAgPC9uZy10ZW1wbGF0ZT5cblxuICA8bmctdGVtcGxhdGUgI25vZGVUZW1wbGF0ZVJlZiBsZXQtY2hpbGQ+XG4gICAgPHN1aS1hY2NvcmRpb24tcGFuZWwgW2lzT3Blbl09XCJjaGlsZD8uY2hpbGRyZW4gJiYgY2hpbGQ/LmNoaWxkcmVuLmxlbmd0aCA+IDAgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgIDxkaXYgdGl0bGUgY2xhc3M9XCJzYi1hY2NvcmRpb24tdGl0bGUgZC1mbGV4IGZsZXgtYWktY2VudGVyIG10LTBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0gZC1mbGV4IGZsZXgtYWktY2VudGVyIGN1cnNvci1wb2ludGVyIHctMTAwXCI+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cInt7Y2hpbGQ/LmlkZW50aWZpZXJ9fVwiIGNsYXNzPVwic2ItY29sb3ItcHJpbWFyeSBmb250LXdlaWdodC1ib2xkIG1iLTBcIj57e2NoaWxkPy5uYW1lfX08L2xhYmVsPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Ym9va0J0bkxpbmtcIiAgKm5nSWY9XCJjaGlsZC5pZGVudGlmaWVyID09PSBwcmV2VW5pdFNlbGVjdCAmJiBpc0NvbnRlbnRBZGRlZFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJzYi1idG4gc2ItYnRuLW5vcm1hbCBzYi1idG4tbGluayBzYi1idG4taG92ZXItbm9uZVxuICAgICAgICAgICAgIHNiLWJ0bi1saW5rLXNlY29uZGFyeSBzYi1sZWZ0LWljb24tYnRuIGZzLTAtNzg1XCI+PGkgY2xhc3M9XCJjaXJjbGUgY2hlY2sgaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICAgICB7e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uYWxyZWFkeUNvbnRlbnRQcmVzZW50fX08L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYi1yYWRpby1idG4tY2hlY2tib3ggc2ItcmFkaW8tYnRuLXByaW1hcnlcIiBbbmdDbGFzc109XCJ7J3NiLWRpc2FibGVkJzogY2hpbGQ/LnNob3dCdXR0b259XCI+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIGRpc2FibGVkPVwie3tjaGlsZD8uc2hvd0J1dHRvbn19XCIgaWQ9XCJ7e2NoaWxkPy5pZGVudGlmaWVyfX1cIiB2YWx1ZT1cInt7Y2hpbGQ/LmlkZW50aWZpZXJ9fVwiXG4gICAgICAgICAgICBuYW1lPVwibWFpblVuaXRcIiBbKG5nTW9kZWwpXT1cInByZXZVbml0U2VsZWN0XCIgKGNoYW5nZSk9XCJzZXRDb2xsZWN0aW9uVW5pdEJyZWFkY3J1bWIoKTtcIiBsaWJUZWxlbWV0cnlJbnRlcmFjdFxuICAgICAgICAgICAgW3RlbGVtZXRyeUludGVyYWN0RWRhdGFdPVwidGVsZW1ldHJ5U2VydmljZS5nZXRUZWxlbWV0cnlJbnRlcmFjdEVkYXRhKGNoaWxkPy5pZGVudGlmaWVyLCdzZWxlY3QnLCdyYWRpb19idXR0b24nLCB0ZWxlbWV0cnlTZXJ2aWNlPy50ZWxlbWV0cnlQYWdlSWQsIHtrZXk6J2RpYWxvZ19pZCcsdmFsdWU6J2FkZF90byd9KVwiPlxuICAgICAgICAgIDxsYWJlbCBmb3I9XCJ7e2NoaWxkPy5pZGVudGlmaWVyfX1cIiBjbGFzcz1cInNiLWNvbG9yLXByaW1hcnkgZm9udC13ZWlnaHQtYm9sZFwiPjwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2hldnJvbi1pY29uXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJjaGV2cm9uIGRvd24gaWNvblwiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY29udGVudCBjbGFzcz1cInNiLXJvdy1iYlwiICpuZ0lmPVwiY2hpbGQuY2hpbGRyZW4gJiYgY2hpbGQuY2hpbGRyZW4ubGVuZ3RoXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtIGN1cnNvci1wb2ludGVyIHctMTAwXCI+XG4gICAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIFtuZ0Zvck9mXT1cImNoaWxkLmNoaWxkcmVuXCIgW25nRm9yVGVtcGxhdGVdPVwibm9kZVRlbXBsYXRlUmVmXCI+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+ICAgICAgICAgICAgIFxuICAgICAgPC9kaXY+XG4gICAgPC9zdWktYWNjb3JkaW9uLXBhbmVsPlxuICA8L25nLXRlbXBsYXRlPlxuXG4gIDwhLS0gU2VsZWN0aW9uIG9mIExheW91dCBpbiBtb2RhbCAtLT5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWNvbnRlbnQgc2ItY2hhcHRlcmxpc3QtbW9kYWwgc2Nyb2xsaW5nIGNvbnRlbnQgc2ItZG9jay1hY2NvcmRpb24gcHktMjBcIj5cbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwicm9vdE5vZGVUZW1wbGF0ZVJlZlwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IHsgY2hpbGRyZW46IGNvbGxlY3Rpb25Vbml0cyB9IH1cIj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwic2ItbW9kYWwtYWN0aW9ucyBmbGV4LWRyIGZsZXgtamMtc3BhY2UtYmV0d2VlbiBweS0xMFwiICpuZ0lmPVwic2VsZWN0ZWRDb250ZW50RGV0YWlsc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ1aSB0aW55IGJyZWFkY3J1bWIgZnhzbWFsbCBsaW5lLWhlaWdodC0xLTMgdy04MCBkLWZsZXggc2ItY29udGVudC1icmVhZGNydW1iXCJcbiAgICAgIFtzdHlsZS52aXNpYmlsaXR5XT1cIihjb2xsZWN0aW9uVW5pdHNCcmVhZGNydW1iLmxlbmd0aCA+IDA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nKVwiPlxuICAgICAgIHt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8ubGJsPy5hZGRpbmdUb319PHNwYW4gY2xhc3M9XCJmb250LXdlaWdodC1ib2xkIHB4LTEwICBzZWN0aW9uXCI+e3tzZWxlY3RlZENvbnRlbnREZXRhaWxzPy5uYW1lfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInNlY3Rpb24gbWwtMTBcIiAqbmdGb3I9XCJsZXQgdW5pdCBvZiBjb2xsZWN0aW9uVW5pdHNCcmVhZGNydW1iO2ZpcnN0IGFzIGZpcnN0O2xhc3QgYXMgbGFzdDtcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJyaWdodCBjaGV2cm9uIGljb24gZGl2aWRlciBiLTBcIiBbaGlkZGVuXT1cImZpcnN0XCI+PC9pPlxuICAgICAgICA8c3BhbiBbY2xhc3MuZm9udC13ZWlnaHQtYm9sZF09XCJmaXJzdFwiPiB7eyB1bml0IH19PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3LTIwIHRleHQtcmlnaHRcIj5cbiAgICAgIDxidXR0b24gaWQ9XCJhZGRSZXNvdXJjZVwiIFtkaXNhYmxlZF0gPSBcImlzQ29udGVudEFkZGVkXCIgY2xhc3M9XCJzYi1idG4gc2ItYnRuLW5vcm1hbCB0ZXh0LWluaGVyaXQgdGV4dC1yaWdodFwiXG4gICAgICBbbmdDbGFzc109XCJ7J3NiLWJ0bi1wcmltYXJ5JzogIWlzQ29udGVudEFkZGVkLCAnc2ItYnRuLWRpc2FibGVkJzogaXNDb250ZW50QWRkZWR9XCJcbiAgICAgICAgKGNsaWNrKT1cImFkZFJlc291cmNlKClcIiBsaWJUZWxlbWV0cnlJbnRlcmFjdFxuICAgICAgICBbdGVsZW1ldHJ5SW50ZXJhY3RFZGF0YV09XCJ0ZWxlbWV0cnlTZXJ2aWNlLmdldFRlbGVtZXRyeUludGVyYWN0RWRhdGEoJ2FkZF9jb250ZW50JywnY2xpY2snLCdzdWJtaXQnLCB0ZWxlbWV0cnlTZXJ2aWNlPy50ZWxlbWV0cnlQYWdlSWQsIHtrZXk6J2RpYWxvZ19pZCcsdmFsdWU6J2FkZF90byd9KVwiPlxuICAgICAgICB7e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uYWRkQ29udGVudH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3N1aS1tb2RhbD5cbiJdfQ==

package/esm2022/lib/components/skeleton-loader/skeleton-loader.component.mjs

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SkeletonLoaderComponent {
+    constructor() { }
+    ngOnInit() {
+        this.skeletonStyles = {
+            height: this.height ? this.height : '8px',
+            width: this.width ? this.width : '100%',
+            'margin-top': this.mTop ? this.mTop : '0'
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SkeletonLoaderComponent, selector: "lib-skeleton-loader", inputs: { height: "height", width: "width", mTop: "mTop" }, ngImport: i0, template: "<div [ngStyle]=\"skeletonStyles\" class=\"loading\"></div>", styles: [".loading{animation:placeloader 2s linear infinite forwards;background:linear-gradient(69deg,#eee 8%,#ddd 18%,#eee 33%);background-size:2000px;position:relative}@keyframes placeloader{0%{background-position:-2000px}to{background-position:2000px}}html[dir=rtl] .loading{animation:placeloader 2s linear infinite reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-skeleton-loader', template: "<div [ngStyle]=\"skeletonStyles\" class=\"loading\"></div>", styles: [".loading{animation:placeloader 2s linear infinite forwards;background:linear-gradient(69deg,#eee 8%,#ddd 18%,#eee 33%);background-size:2000px;position:relative}@keyframes placeloader{0%{background-position:-2000px}to{background-position:2000px}}html[dir=rtl] .loading{animation:placeloader 2s linear infinite reverse}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], mTop: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbGxlY3Rpb24tZWRpdG9yLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL3NrZWxldG9uLWxvYWRlci9za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvc2tlbGV0b24tbG9hZGVyL3NrZWxldG9uLWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3pELE1BQU0sT0FBTyx1QkFBdUI7SUFNbEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEdBQUc7WUFDcEIsTUFBTSxFQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDMUMsS0FBSyxFQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDeEMsWUFBWSxFQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUc7U0FDM0MsQ0FBQztJQUNKLENBQUM7K0dBZFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsdUhDUHBDLDREQUFzRDs7NEZET3pDLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7MEVBTXRCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1za2VsZXRvbi1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nO1xuICBASW5wdXQoKSBtVG9wOiBzdHJpbmc7XG4gIHNrZWxldG9uU3R5bGVzOiBvYmplY3Q7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5za2VsZXRvblN0eWxlcyA9IHtcbiAgICAgIGhlaWdodCA6IHRoaXMuaGVpZ2h0ID8gdGhpcy5oZWlnaHQgOiAnOHB4JyxcbiAgICAgIHdpZHRoIDogdGhpcy53aWR0aCA/IHRoaXMud2lkdGggOiAnMTAwJScsXG4gICAgICAnbWFyZ2luLXRvcCcgOiB0aGlzLm1Ub3AgPyB0aGlzLm1Ub3AgOiAnMCdcbiAgICB9O1xuICB9XG5cbn1cbiIsIjxkaXYgW25nU3R5bGVdPVwic2tlbGV0b25TdHlsZXNcIiBjbGFzcz1cImxvYWRpbmdcIj48L2Rpdj4iXX0=

package/esm2022/lib/components/template/template.component.mjs

@@ -0,0 +1,42 @@
+import { Component, ViewChild, Output, Input, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/telemetry/telemetry.service";
+import * as i2 from "../../services/config/config.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@project-sunbird/ng2-semantic-ui";
+import * as i5 from "../../directives/telemetry-interact/telemetry-interact.directive";
+export class TemplateComponent {
+    constructor(telemetryService, configService) {
+        this.telemetryService = telemetryService;
+        this.configService = configService;
+        this.templateSelection = new EventEmitter();
+        this.showButton = false;
+    }
+    ngOnInit() { }
+    next() {
+        this.templateSelection.emit(this.templateSelected);
+    }
+    onClosePopup() {
+        this.modal.deny();
+        this.templateSelection.emit({ type: 'close' });
+    }
+    ngOnDestroy() {
+        if (this.modal && this.modal.deny) {
+            this.modal.deny();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateComponent, deps: [{ token: i1.EditorTelemetryService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TemplateComponent, selector: "lib-template", inputs: { templateList: "templateList" }, outputs: { templateSelection: "templateSelection" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, 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\">\n            <div class=\"content-title pt-16 pb-8 fsmall\">{{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;font-size:18px;color:#00c786;font-size:20px}.common-contribution-card:hover .content .icon.check,.common-contribution-card.active .content .icon.check{display:block}.common-contribution-card:hover,.common-contribution-card.active{cursor:pointer;z-index:5;background:#fff;transform:translateY(-3px);box-shadow:0 2px 8px #7b86f44f;border:.5px solid rgba(208,208,208,.48)}.common-contribution-card.active .content-title{font-weight:700}.fs-16{font-size:16px!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.SuiModal, selector: "sui-modal", inputs: ["isClosable", "closeResult", "size", "isCentered", "isFullScreen", "isBasic", "mustScroll", "isInverted", "transition", "transitionDuration"], outputs: ["approved", "denied", "dismissed"] }, { kind: "directive", type: i5.TelemetryInteractDirective, selector: "[libTelemetryInteract]", inputs: ["telemetryInteractEdata"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateComponent, decorators: [{
+            type: Component,
+            args: [{ 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\">\n            <div class=\"content-title pt-16 pb-8 fsmall\">{{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;font-size:18px;color:#00c786;font-size:20px}.common-contribution-card:hover .content .icon.check,.common-contribution-card.active .content .icon.check{display:block}.common-contribution-card:hover,.common-contribution-card.active{cursor:pointer;z-index:5;background:#fff;transform:translateY(-3px);box-shadow:0 2px 8px #7b86f44f;border:.5px solid rgba(208,208,208,.48)}.common-contribution-card.active .content-title{font-weight:700}.fs-16{font-size:16px!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.EditorTelemetryService }, { type: i2.ConfigService }]; }, propDecorators: { templateList: [{
+                type: Input
+            }], modal: [{
+                type: ViewChild,
+                args: ['modal']
+            }], templateSelection: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGUvdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sbGVjdGlvbi1lZGl0b3ItbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGUvdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxTQUFTLEVBQWEsTUFBTSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVckcsTUFBTSxPQUFPLGlCQUFpQjtJQVE1QixZQUFtQixnQkFBd0MsRUFBVSxhQUE0QjtRQUE5RSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXdCO1FBQVUsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFKdkYsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMvQyxlQUFVLEdBQUcsS0FBSyxDQUFDO0lBRzJFLENBQUM7SUFFdEcsUUFBUSxLQUFLLENBQUM7SUFFZCxJQUFJO1FBQ0YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFO1lBQ2pDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDOytHQXpCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixtUENWOUIsbXFEQThCWTs7NEZEcEJDLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxjQUFjO3lJQU1mLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ3NCLEtBQUs7c0JBQWhDLFNBQVM7dUJBQUMsT0FBTztnQkFDUixpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkLCBPbkRlc3Ryb3ksIE91dHB1dCwgSW5wdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHsgRWRpdG9yVGVsZW1ldHJ5U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RlbGVtZXRyeS90ZWxlbWV0cnkuc2VydmljZSc7XG5pbXBvcnQgeyBDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY29uZmlnL2NvbmZpZy5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKSB0ZW1wbGF0ZUxpc3Q6IGFueTtcbiAgQFZpZXdDaGlsZCgnbW9kYWwnKSBwcml2YXRlIG1vZGFsO1xuICBAT3V0cHV0KCkgdGVtcGxhdGVTZWxlY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgcHVibGljIHNob3dCdXR0b24gPSBmYWxzZTtcbiAgcHVibGljIHRlbXBsYXRlU2VsZWN0ZWQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHRlbGVtZXRyeVNlcnZpY2U6IEVkaXRvclRlbGVtZXRyeVNlcnZpY2UsICBwdWJsaWMgY29uZmlnU2VydmljZTogQ29uZmlnU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBuZXh0KCkge1xuICAgIHRoaXMudGVtcGxhdGVTZWxlY3Rpb24uZW1pdCh0aGlzLnRlbXBsYXRlU2VsZWN0ZWQpO1xuICB9XG5cbiAgb25DbG9zZVBvcHVwKCkge1xuICAgIHRoaXMubW9kYWwuZGVueSgpO1xuICAgIHRoaXMudGVtcGxhdGVTZWxlY3Rpb24uZW1pdCh7IHR5cGU6ICdjbG9zZScgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5tb2RhbCAmJiB0aGlzLm1vZGFsLmRlbnkpIHtcbiAgICAgIHRoaXMubW9kYWwuZGVueSgpO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8c3VpLW1vZGFsIFttdXN0U2Nyb2xsXT1cImZhbHNlXCIgW2lzQ2xvc2FibGVdPVwidHJ1ZVwiIFt0cmFuc2l0aW9uRHVyYXRpb25dPVwiMFwiIFtzaXplXT1cIidub3JtYWwnXCIgY2xhc3M9XCJzYi1tb2RhbCBvdmVyZmxvdy1tb2RhbFwiXG4gIGFwcEJvZHlTY3JvbGwgKGRpc21pc3NlZCk9XCJvbkNsb3NlUG9wdXAoKVwiICNtb2RhbD5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWhlYWRlclwiPlxuICAgIHt7Y29uZmlnU2VydmljZS5sYWJlbENvbmZpZz8ubGJsPy5jcmVhdGVOZXd9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibXQtOCBtYi0yMFwiPlxuICAgICAgPGxhYmVsIGNsYXNzPVwiZnMtMTZcIj57e2NvbmZpZ1NlcnZpY2UubGFiZWxDb25maWc/LmxibD8uc2VsZWN0VGVtcGxhdGV9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInR3ZWx2ZSB3aWRlIGNvbHVtblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInVpIGdyaWQgZmxleC1qYy1jZW50ZXIgbXktMTZcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVpIGNhcmQgdGV4dC1jZW50ZXIgY29tbW9uLWNvbnRyaWJ1dGlvbi1jYXJkIG0tMTZcIiAqbmdGb3I9XCJsZXQgdGVtcGxhdGUgb2YgdGVtcGxhdGVMaXN0XCJcbiAgICAgICAgICAoY2xpY2spPVwic2hvd0J1dHRvbj10cnVlOyB0ZW1wbGF0ZVNlbGVjdGVkID0gdGVtcGxhdGVcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogdGVtcGxhdGVTZWxlY3RlZCA9PT0gdGVtcGxhdGV9XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiY2hlY2sgY2lyY2xlIGljb25cIj48L2k+XG4gICAgICAgICAgICA8aW1nIGNsYXNzPVwibXQtMTZcIiByZWw9XCJwbGFjZWhvbGRlclwiIHNyYz1cImFzc2V0cy9pbWFnZXMvTUNRLnBuZ1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtdGl0bGUgcHQtMTYgcGItOCBmc21hbGxcIj57e3RlbXBsYXRlfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNiLW1vZGFsLWFjdGlvbnNcIj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInNiLWJ0biBzYi1idG4tbm9ybWFsXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsnc2ItYnRuLXByaW1hcnknOiBzaG93QnV0dG9uLCAnc2ItYnRuLWRpc2FibGVkJzogIXNob3dCdXR0b259XCIgW2Rpc2FibGVkXT1cIiFzaG93QnV0dG9uXCIgKGNsaWNrKT1cIm5leHQoKVwiXG4gICAgICBsaWJUZWxlbWV0cnlJbnRlcmFjdFxuICAgICAgW3RlbGVtZXRyeUludGVyYWN0RWRhdGFdPVwidGVsZW1ldHJ5U2VydmljZS5nZXRUZWxlbWV0cnlJbnRlcmFjdEVkYXRhKCduZXh0JywnY2xpY2snLCdzdWJtaXQnLCB0aGlzLnRlbGVtZXRyeVNlcnZpY2UudGVsZW1ldHJ5UGFnZUlkLCB7a2V5OiAnZGlhbG9nX2lkJywgdmFsdWU6ICdjcmVhdGVfbmV3JywndGVtcGxhdGVfaWQnIDogdGVtcGxhdGVTZWxlY3RlZH0pXCI+e3tjb25maWdTZXJ2aWNlLmxhYmVsQ29uZmlnPy5idXR0b25fbGFiZWxzPy5uZXh0X2J0bl9sYWJlbH19IDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvc3VpLW1vZGFsPiJdfQ==