@bnsights/bbsf-admin-portal 1.0.78 → 1.0.80

package/bundles/bnsights-bbsf-admin-portal.umd.js

@@ -20817,7 +20817,7 @@
         return DocumentExportItemDTO;
     }());
 
-    var contentTypesXML$1 = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n        <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\" />\n        <Default Extension=\"jpeg\" ContentType=\"image/jpeg\"/>\n        <Default Extension=\"png\" ContentType=\"image/png\"/>\n        <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n        <Override PartName=\"/_rels/.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/document.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/header1.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/document.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml\"/>\n        <Override PartName=\"/word/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml\"/>\n        <Override PartName=\"/word/numbering.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml\"/>\n        <Override PartName=\"/word/theme/theme1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.theme+xml\"/>\n        <Override PartName=\"/word/fontTable.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.fontTable+xml\"/>\n        <Override PartName=\"/docProps/core.xml\" ContentType=\"application/vnd.openxmlformats-package.core-properties+xml\"/>\n        <Override PartName=\"/word/settings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml\"/>\n        <Override PartName=\"/word/webSettings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.webSettings+xml\"/>\n        <Override PartName=\"/word/afchunk.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkheader.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkfooter.mht\" ContentType=\"message/rfc822\"/>\n    </Types>\n";
+    var contentTypesXML$1 = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n        <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\" />\n        <Default Extension=\"jpeg\" ContentType=\"image/jpeg\"/>\n        <Default Extension=\"png\" ContentType=\"image/png\"/>\n        <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n        <Override PartName=\"/_rels/.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/document.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/footer1.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/document.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml\"/>\n        <Override PartName=\"/word/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml\"/>\n        <Override PartName=\"/word/numbering.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml\"/>\n        <Override PartName=\"/word/theme/theme1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.theme+xml\"/>\n        <Override PartName=\"/word/fontTable.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.fontTable+xml\"/>\n        <Override PartName=\"/docProps/core.xml\" ContentType=\"application/vnd.openxmlformats-package.core-properties+xml\"/>\n        <Override PartName=\"/word/settings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml\"/>\n        <Override PartName=\"/word/webSettings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.webSettings+xml\"/>\n        <Override PartName=\"/word/afchunk.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkheader.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkfooter.mht\" ContentType=\"message/rfc822\"/>\n    </Types>\n";
 
     var namespaces$1 = {
         a: 'http://schemas.openxmlformats.org/drawingml/2006/main',
@@ -20997,11 +20997,23 @@
 
     var webSettingsXML$1 = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <w:webSettings xmlns:w=\"" + namespaces$1.w + "\" xmlns:r=\"" + namespaces$1.r + "\">\n    </w:webSettings>\n";
 
-    var genericRelsXML$1 = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n    </Relationships>\n";
+    var genericRelsXML$1 = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunk.mht\" Id=\"htmlChunk\" />\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunkheader.mht\" Id=\"htmlChunkHeader\" />\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunkfooter.mht\" Id=\"htmlChunkFooter\" />\n    </Relationships>\n";
 
     var generateDocumentTemplate$1 = function (width, height, orientation, margins) { return "\n  <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n    <w:document\n        xmlns:a=\"" + namespaces$1.a + "\"\n        xmlns:cdr=\"" + namespaces$1.cdr + "\"\n        xmlns:o=\"" + namespaces$1.o + "\"\n        xmlns:pic=\"" + namespaces$1.pic + "\"\n        xmlns:r=\"" + namespaces$1.r + "\"\n        xmlns:v=\"" + namespaces$1.v + "\"\n        xmlns:ve=\"" + namespaces$1.ve + "\"\n        xmlns:vt=\"" + namespaces$1.vt + "\"\n        xmlns:w=\"" + namespaces$1.w + "\"\n        xmlns:w10=\"" + namespaces$1.w10 + "\"\n        xmlns:wp=\"" + namespaces$1.wp + "\"\n        xmlns:wne=\"" + namespaces$1.wne + "\"\n        >\n        <w:body>\n\n        <w:altChunk r:id=\"htmlChunk\" />\n            <w:sectPr>\n                <w:pgSz w:w=\"" + width + "\" w:h=\"" + height + "\" w:orient=\"" + orientation + "\" />\n                <w:pgMar w:top=\"" + margins.top + "\"\n                        w:right=\"" + margins.right + "\"\n                        w:bottom=\"" + margins.bottom + "\"\n                        w:left=\"" + margins.left + "\"\n                        w:header=\"" + margins.header + "\"\n                        w:footer=\"" + margins.footer + "\"\n                        w:gutter=\"" + margins.gutter + "\"/>\n            </w:sectPr>\n        </w:body>\n    </w:document>\n  "; };
-    var generateDocumentTemplateHeader$1 = "\n  <w:hdr xmlns:w=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\">\n   <w:altChunk r:id=\"htmlChunkHeader\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\" />\n   </w:hdr>\n  ";
-    var generateDocumentTemplateFooter$1 = "\n  <w:ftr xmlns:w=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\">\n   <w:altChunk r:id=\"htmlChunkFooter\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\" />\n   </w:ftr>\n  ";
+    var generateDocumentTemplateHeader$1 = "\n<w:hdr\nxmlns:a=\"" + namespaces$1.a + "\"\nxmlns:cdr=\"" + namespaces$1.cdr + "\"\nxmlns:o=\"" + namespaces$1.o + "\"\nxmlns:pic=\"" + namespaces$1.pic + "\"\nxmlns:r=\"" + namespaces$1.r + "\"\nxmlns:v=\"" + namespaces$1.v + "\"\nxmlns:ve=\"" + namespaces$1.ve + "\"\nxmlns:vt=\"" + namespaces$1.vt + "\"\nxmlns:w=\"" + namespaces$1.w + "\"\nxmlns:w10=\"" + namespaces$1.w10 + "\"\nxmlns:wp=\"" + namespaces$1.wp + "\"\nxmlns:wne=\"" + namespaces$1.wne + "\"\n>\n<w:altChunk r:id=\"htmlChunkHeader\" />\n</w:hdr>\n  ";
+    var generateDocumentTemplateFooter$1 = "\n  <w:ftr\n  xmlns:a=\"" + namespaces$1.a + "\"\n  xmlns:cdr=\"" + namespaces$1.cdr + "\"\n  xmlns:o=\"" + namespaces$1.o + "\"\n  xmlns:pic=\"" + namespaces$1.pic + "\"\n  xmlns:r=\"" + namespaces$1.r + "\"\n  xmlns:v=\"" + namespaces$1.v + "\"\n  xmlns:ve=\"" + namespaces$1.ve + "\"\n  xmlns:vt=\"" + namespaces$1.vt + "\"\n  xmlns:w=\"" + namespaces$1.w + "\"\n  xmlns:w10=\"" + namespaces$1.w10 + "\"\n  xmlns:wp=\"" + namespaces$1.wp + "\"\n  >\n  <w:altChunk r:id=\"htmlChunkFooter\" />\n\t<w:p w:rsidR=\"0014021C\" w:rsidRDefault=\"0014021C\" w:rsidP=\"0014021C\">\n\t\t\t<w:pPr>\n\t\t\t\t<w:pStyle w:val=\"Footer\"/>\n\t\t\t\t<w:jc w:val=\"center\"/>\n\t\t\t</w:pPr>\n      <w:fldSimple xmlns:ns2=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\" ns2:instr=\"PAGE\">\n      <w:r/>\n    </w:fldSimple>\n\t\t</w:p>\n\t</w:ftr>\n  ";
+    var generateDocumentTemplateFooterWithoutPaging$1 = "\n  <w:ftr\n  xmlns:a=\"" + namespaces$1.a + "\"\n  xmlns:cdr=\"" + namespaces$1.cdr + "\"\n  xmlns:o=\"" + namespaces$1.o + "\"\n  xmlns:pic=\"" + namespaces$1.pic + "\"\n  xmlns:r=\"" + namespaces$1.r + "\"\n  xmlns:v=\"" + namespaces$1.v + "\"\n  xmlns:ve=\"" + namespaces$1.ve + "\"\n  xmlns:vt=\"" + namespaces$1.vt + "\"\n  xmlns:w=\"" + namespaces$1.w + "\"\n  xmlns:w10=\"" + namespaces$1.w10 + "\"\n  xmlns:wp=\"" + namespaces$1.wp + "\"\n  >\n  <w:altChunk r:id=\"htmlChunkFooter\" />\n\t</w:ftr>\n  ";
+    { /* <w:altChunk r:id="htmlChunkFooter" /> */ }
+    {
+        /* <w:altChunk r:id="htmlChunkFooter" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" /> */
+    }
+    {
+        /* <w:ftr xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+      <fldSimple xmlns:ns2="http://schemas.openxmlformats.org/wordprocessingml/2006/main" ns2:instr="PAGE">
+      </fldSimple>
+      <w:altChunk r:id="htmlChunkFooter" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" />
+       </w:ftr> */
+    }
 
     /* eslint-disable no-param-reassign */
     var rgbRegex$1 = /rgb\((\d+),\s*([\d.]+),\s*([\d.]+)\)/i;
@@ -23665,6 +23677,7 @@
         DocxDocument.prototype.createDocumentRelationships = function (fileName, type, target, targetMode) {
             if (fileName === void 0) { fileName = 'document'; }
             if (targetMode === void 0) { targetMode = 'External'; }
+            debugger;
             var relationshipObject = this.relationships.find(function (relationship) { return relationship.fileName === fileName; });
             var lastRelsId = 1;
             if (relationshipObject) {
@@ -23699,6 +23712,8 @@
                 target: target,
                 targetMode: targetMode,
             });
+            console.log(fileName);
+            console.log(relationshipObject.rels);
             return lastRelsId;
         };
         DocxDocument.prototype.generateHeaderXML = function (vTree) {
@@ -23724,6 +23739,7 @@
     };
 
     var mhtDocumentTemplate$1 = function (htmlSource, contentParts) {
+        debugger;
         return "MIME-Version: 1.0\nContent-Type: multipart/related;\n    type=\"text/html\";\n    boundary=\"----=mhtDocumentPart\"\n\n\n------=mhtDocumentPart\nContent-Type: text/html;\n    charset=\"utf-8\"\nContent-Transfer-Encoding: quoted-printable\nContent-Location: file:///C:/fake/document.html\n\n" + htmlSource + "\n\n" + contentParts + "\n\n------=mhtDocumentPart--\n";
     };
 
@@ -23732,12 +23748,14 @@
     };
 
     function getMHTdocument$1(htmlSource) {
+        debugger;
         var ref = _prepareImageParts$1(htmlSource);
         var imageContentPartsString = ref.imageContentParts.join('\n');
         htmlSource = ref.htmlSource.replace(/\=/g, '=3D');
         return mhtDocumentTemplate$1(htmlSource, imageContentPartsString);
     }
     function _prepareImageParts$1(htmlSource) {
+        debugger;
         var imageContentParts = [];
         var inlinedSrcPattern = /"data:(\w+\/\w+);(\w+),(\S+)"/g;
         var inlinedReplacer = function (match, contentType, contentEncoding, encodedContent) {
@@ -23879,9 +23897,15 @@
                         docxDocument.relationshipFilename = documentFileName$1;
                         fileNameWithExt = "" + footerType$1 + footerId + ".xml";
                         relationshipId = docxDocument.createDocumentRelationships(docxDocument.relationshipFilename, footerType$1, fileNameWithExt, internalRelationship$1);
-                        zip.folder(wordFolder$1).file(fileNameWithExt, generateDocumentTemplateFooter$1.toString({ prettyPrint: true }), {
-                            createFolders: false,
-                        });
+                        console.log(footerXML.toString({ prettyPrint: true }));
+                        if (suppliedDocumentOptions.pageNumber)
+                            zip.folder(wordFolder$1).file(fileNameWithExt, generateDocumentTemplateFooter$1.toString({ prettyPrint: true }), {
+                                createFolders: false,
+                            });
+                        else
+                            zip.folder(wordFolder$1).file(fileNameWithExt, generateDocumentTemplateFooterWithoutPaging$1.toString({ prettyPrint: true }), {
+                                createFolders: false,
+                            });
                         docxDocument.footerObjects.push({ footerId: footerId, relationshipId: relationshipId, type: docxDocument.footerType });
                         _d.label = 5;
                     case 5:
@@ -23914,6 +23938,7 @@
                         if (relationshipXMLs && Array.isArray(relationshipXMLs)) {
                             relationshipXMLs.forEach(function (_a) {
                                 var fileName = _a.fileName, xmlString = _a.xmlString;
+                                console.log(xmlString);
                                 zip.folder(wordFolder$1).folder(relsFolderName$1).file(fileName + ".xml.rels", xmlString, {
                                     createFolders: false,
                                 });
@@ -24166,18 +24191,18 @@
                 return _this.templateService.exportPDF(ExportDocumentTemplateModel);
             };
             _this.onSuccessExportHandler = function (result) { return __awaiter(_this, void 0, void 0, function () {
-                var now, latest_date, fileName_1, documentOptions, fileBuffer, fileBufferLib, fileName;
+                var now, latest_date, fileName_1, documentOptions, fileBufferLib, fileName;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
                             now = new Date().toISOString();
                             latest_date = this.datepipe.transform(now, 'dd-MM-yyyy HH.mm');
-                            if (!(this.exportType == 2)) return [3 /*break*/, 3];
+                            if (!(this.exportType == 2)) return [3 /*break*/, 2];
                             fileName_1 = this.TemplateInfo.localizedTemplateName + '_' + latest_date + '.doc';
                             documentOptions = {};
                             if (result.isLandscape)
                                 documentOptions.orientation = 'landscape';
-                            documentOptions.pageNumber = result.showPaging;
+                            //  documentOptions.pageNumber =result.showPaging;
                             documentOptions.pageSize = {
                                 width: result.pageWidth * 15,
                                 height: result.pageHeight * 15
@@ -24195,16 +24220,12 @@
                             documentOptions.header = true;
                             documentOptions.pageNumber = true;
                             documentOptions.table = { row: { cantSplit: true } };
-                            return [4 /*yield*/, generateContainer$1(result.body, result.header, documentOptions, result.footer)];
-                        case 1:
-                            fileBuffer = _d.sent();
-                            this.downloadWord(fileBuffer, fileName_1);
                             return [4 /*yield*/, this.templateService.generateWordByteFile(result.body, result.header, documentOptions, result.footer)];
-                        case 2:
+                        case 1:
                             fileBufferLib = _d.sent();
-                            this.downloadWord(fileBuffer, "Lib" + fileName_1);
+                            this.downloadWord(fileBufferLib, "Lib" + fileName_1);
                             return [2 /*return*/];
-                        case 3:
+                        case 2:
                             fileName = this.TemplateInfo.localizedTemplateName + '_' + latest_date + '.pdf';
                             this.downloadPDF(result, fileName);
                             return [2 /*return*/];
@@ -24446,7 +24467,7 @@
         return DocumentTemplateInfoComponent;
     }(i6.AppBaseComponent));
     DocumentTemplateInfoComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DocumentTemplateInfoComponent$1, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i3__namespace.ClipboardService }, { token: DocumentTemplateService$1 }, { token: i1__namespace$1.ActivatedRoute }, { token: PageInfoService }, { token: i5__namespace.NgbModal }, { token: i10__namespace.DatePipe }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DocumentTemplateInfoComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DocumentTemplateInfoComponent$1, selector: "lib-document-template-info", usesInheritance: true, ngImport: i0__namespace, template: "<block-ui></block-ui>\r\n\r\n<div class=\"container-fluid\" *ngIf=\"isDataLoaded\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\">\r\n\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showEditTemplateModal(EditTemplateModal)\">\r\n          <i class=\"fa fa fa-edit\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal,2)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"ExportWord\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-bars\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateUpdateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center \">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  English:\r\n                  {{TemplateInfo.templateNameEN}}\r\n                </a>\r\n\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerEN}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center\">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  Arabic:\r\n                  {{TemplateInfo.templateNameAR}}\r\n                </a>\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerAR}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}}\r\n        {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\"\r\n            [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<!-- Export Document Modal -->\r\n<ng-template #ExportDocumentModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Export\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"TestExportDocumentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-repeater-table [options]=\"addKeyValueRepeaterOptions\"  [group]=\"TestExportDocumentForm\">\r\n        </BBSF-repeater-table>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseSendEmailForm id=\"CloseSendEmailForm\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Export\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\"\r\n          [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n          (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i5__namespace$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.RepeaterTableComponent, selector: "BBSF-repeater-table", inputs: ["group", "options"] }, { type: i6__namespace.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i11__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    DocumentTemplateInfoComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DocumentTemplateInfoComponent$1, selector: "lib-document-template-info", usesInheritance: true, ngImport: i0__namespace, template: "<block-ui></block-ui>\r\n\r\n<div class=\"container-fluid\" *ngIf=\"isDataLoaded\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\">\r\n\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showEditTemplateModal(EditTemplateModal)\">\r\n          <i class=\"fa fa fa-edit\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal,2)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}} Word</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-bars\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateUpdateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center \">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  English:\r\n                  {{TemplateInfo.templateNameEN}}\r\n                </a>\r\n\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerEN}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center\">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  Arabic:\r\n                  {{TemplateInfo.templateNameAR}}\r\n                </a>\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerAR}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}}\r\n        {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\"\r\n            [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<!-- Export Document Modal -->\r\n<ng-template #ExportDocumentModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Export\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"TestExportDocumentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-repeater-table [options]=\"addKeyValueRepeaterOptions\"  [group]=\"TestExportDocumentForm\">\r\n        </BBSF-repeater-table>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseSendEmailForm id=\"CloseSendEmailForm\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Export\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\"\r\n          [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n          (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i5__namespace$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.RepeaterTableComponent, selector: "BBSF-repeater-table", inputs: ["group", "options"] }, { type: i6__namespace.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i11__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DocumentTemplateInfoComponent$1, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -29590,6 +29611,11 @@
         SurveyStatusEnum["ScoringTypeEnum_Published"] = "3c2bae84-f0df-48fb-b310-3b8326c0d77f";
         SurveyStatusEnum["ScoringTypeEnum_Closed"] = "9b92dedc-e51a-438b-baf0-d0c75c01a492";
     })(SurveyStatusEnum || (SurveyStatusEnum = {}));
+    var SurveyMode;
+    (function (SurveyMode) {
+        SurveyMode[SurveyMode["Survey_Full_Access"] = 1] = "Survey_Full_Access";
+        SurveyMode[SurveyMode["Survey_ReadOnly_Access"] = 2] = "Survey_ReadOnly_Access";
+    })(SurveyMode || (SurveyMode = {}));
     var SurveyOptionType;
     (function (SurveyOptionType) {
         SurveyOptionType["SingleSelect"] = "24fedf55-2a6c-4bda-a9a0-afc91ab908be";
@@ -29619,7 +29645,7 @@
         SortingType["Ascending"] = "8c97ea5a-a224-49e8-98ba-476e3f9a6468";
         SortingType["Descending"] = "33b99327-2e34-44fc-9ba2-9e85ff13022a";
     })(SortingType || (SortingType = {}));
-    var EmptyGuid = "00000000-0000-0000-0000-000000000000";
+    var EmptyGuid$1 = "00000000-0000-0000-0000-000000000000";
 
     var DeleteSurveyDTO = /** @class */ (function () {
         function DeleteSurveyDTO() {
@@ -32897,6 +32923,7 @@
             _this.surveyQuestionService = surveyQuestionService;
             _this.activatedRoute = activatedRoute;
             _this.surveyForm = new i11$1.FormGroup({});
+            _this.enableActions = false;
             _this.urlForm = new i11$1.FormGroup({});
             _this.SearchTextBox = new i11$1.FormGroup({});
             _this.loadInfo = false;
@@ -32929,26 +32956,28 @@
                 _this.router.navigate(['../../info/preview', _this.surveyID, _this.survey.audienceItemID], { relativeTo: _this.activatedRoute });
             };
             _this.takeSurvey = function () {
-                _this.router.navigate(['../../info/submission', _this.surveyID], { relativeTo: _this.activatedRoute });
+                _this.router.navigate(['../../info/submission', _this.surveyID], {
+                    relativeTo: _this.activatedRoute,
+                });
             };
             _this.onSuccessHandler = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordUpdated"), null, null, false);
+                _this.utilityService.notifySuccessMessage(_this.l('RecordUpdated'), null, null, false);
                 _this.masterLayoutService.reloadComponent();
             };
             _this.onSuccessDeleteHandler = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordDeleted"), null, null, false);
-                _this.router.navigate(["../../"], { relativeTo: _this.activatedRoute });
+                _this.utilityService.notifySuccessMessage(_this.l('RecordDeleted'), null, null, false);
+                _this.router.navigate(['../../'], { relativeTo: _this.activatedRoute });
             };
             _this.onSuccessAddQuestionHandler = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordAdded"), null, null, false);
+                _this.utilityService.notifySuccessMessage(_this.l('RecordAdded'), null, null, false);
                 _this.masterLayoutService.reloadComponent();
             };
             _this.onSuccessEditQuestionHandler = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordUpdated"), null, null, false);
+                _this.utilityService.notifySuccessMessage(_this.l('RecordUpdated'), null, null, false);
                 _this.masterLayoutService.reloadComponent();
             };
             _this.onSuccessDeleteQuestionHandler = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordDeleted"), null, null, false);
+                _this.utilityService.notifySuccessMessage(_this.l('RecordDeleted'), null, null, false);
                 _this.masterLayoutService.reloadComponent();
             };
             _this.showDeleteSubmissionModal = function (id) {
@@ -32961,18 +32990,16 @@
                 _this.unEliminateSubmissionConfirmationModalControl.showUnEliminateModal(id);
             };
             _this.onSuccessDeleteHandlerSubmission = function (success) {
-                _this.utilityService.notifySuccessMessage(_this.l("RecordDeleted"), null, null, false);
+                _this.utilityService.notifySuccessMessage(_this.l('RecordDeleted'), null, null, false);
                 _this.loadSubmissionSection();
             };
             _this.export = function () {
-                _this.surveyService
-                    .export(_this.surveyID)
-                    .subscribe(function (result) {
-                    _this.download(result, _this.pageTitle + ".xlsx");
+                _this.surveyService.export(_this.surveyID).subscribe(function (result) {
+                    _this.download(result, _this.pageTitle + '.xlsx');
                 });
             };
             _this.router.routeReuseStrategy.shouldReuseRoute = function () { return false; };
-            _this.surveyID = _this.activatedRoute.snapshot.params["id"];
+            _this.surveyID = _this.activatedRoute.snapshot.params['id'];
             return _this;
         }
         // Run the function only in the browser
@@ -32983,8 +33010,7 @@
                 });
             }
         };
-        SurveyInfoComponent.prototype.ngAfterViewInit = function () {
-        };
+        SurveyInfoComponent.prototype.ngAfterViewInit = function () { };
         SurveyInfoComponent.prototype.maybeDisposeRoot = function (divId) {
             am5__namespace.array.each(am5__namespace.registry.rootElements, function (root) {
                 if (root) {
@@ -32994,7 +33020,6 @@
                 }
             });
         };
-        ;
         SurveyInfoComponent.prototype.loadChart = function (item) {
             var _this = this;
             // Chart code goes in here
@@ -33013,32 +33038,37 @@
                     layout: root.verticalLayout,
                 }));
                 // Define data
-                var data = item.options.map(function (value) { return { 'name': value.localizedTitle, 'value': value.numberOfSelectedTime }; });
+                var data = item.options.map(function (value) {
+                    return {
+                        name: value.localizedTitle,
+                        value: value.numberOfSelectedTime,
+                    };
+                });
                 // Create Y-axis
                 var yAxis = chart.yAxes.push(am5xy__namespace.ValueAxis.new(root, {
                     baseValue: 0,
                     maxPrecision: 0,
                     min: 0,
                     extraTooltipPrecision: 100,
-                    renderer: am5xy__namespace.AxisRendererY.new(root, {})
+                    renderer: am5xy__namespace.AxisRendererY.new(root, {}),
                 }));
                 // Create X-Axis
                 var xAxis = chart.xAxes.push(am5xy__namespace.CategoryAxis.new(root, {
                     renderer: am5xy__namespace.AxisRendererX.new(root, {}),
-                    categoryField: "name"
+                    categoryField: 'name',
                 }));
                 xAxis.data.setAll(data);
                 // Create series
                 var series1 = chart.series.push(am5xy__namespace.ColumnSeries.new(root, {
-                    name: "Question Options",
+                    name: 'Question Options',
                     xAxis: xAxis,
                     yAxis: yAxis,
-                    valueYField: "value",
-                    categoryXField: "name",
+                    valueYField: 'value',
+                    categoryXField: 'name',
                 }));
                 series1.data.setAll(data);
-                series1.set("fill", am5__namespace.color("#b68a35")); // set Series color to red
-                series1.set("stroke", am5__namespace.color("#b68a35")); // set Series color to red
+                series1.set('fill', am5__namespace.color('#b68a35')); // set Series color to red
+                series1.set('stroke', am5__namespace.color('#b68a35')); // set Series color to red
                 // Add legend
                 var legend = chart.children.push(am5__namespace.Legend.new(root, {}));
                 legend.data.push(series1);
@@ -33048,8 +33078,8 @@
                         x: 50,
                     });
                     legend.valueLabels.template.setAll({
-                        textAlign: "right",
-                        paddingRight: 15
+                        textAlign: 'right',
+                        paddingRight: 15,
                     });
                     legend.itemContainers.template.setAll({
                         reverseChildren: true,
@@ -33065,7 +33095,7 @@
                 root.setThemes([am5themes_Animated__default["default"].new(root)]);
                 var chart = root.container.children.push(am5xy__namespace.XYChart.new(root, {
                     panY: false,
-                    layout: root.verticalLayout
+                    layout: root.verticalLayout,
                 }));
                 // Define data
                 var data = [];
@@ -33073,8 +33103,8 @@
                     if (Object.prototype.hasOwnProperty.call(item.results, key)) {
                         var value = item.results[key];
                         var object = {
-                            category: "<=" + key,
-                            value: value
+                            category: '<=' + key,
+                            value: value,
                         };
                         data.push(object);
                     }
@@ -33085,25 +33115,25 @@
                     maxPrecision: 0,
                     min: 0,
                     extraTooltipPrecision: 100,
-                    renderer: am5xy__namespace.AxisRendererY.new(root, {})
+                    renderer: am5xy__namespace.AxisRendererY.new(root, {}),
                 }));
                 // Create X-Axis
                 var xAxis = chart.xAxes.push(am5xy__namespace.CategoryAxis.new(root, {
                     renderer: am5xy__namespace.AxisRendererX.new(root, {}),
-                    categoryField: "category"
+                    categoryField: 'category',
                 }));
                 xAxis.data.setAll(data);
                 // Create series
                 var series1 = chart.series.push(am5xy__namespace.ColumnSeries.new(root, {
-                    name: "Score",
+                    name: 'Score',
                     xAxis: xAxis,
                     yAxis: yAxis,
-                    valueYField: "value",
-                    categoryXField: "category",
+                    valueYField: 'value',
+                    categoryXField: 'category',
                 }));
                 series1.data.setAll(data);
-                series1.set("fill", am5__namespace.color("#b68a35")); // set Series color to red
-                series1.set("stroke", am5__namespace.color("#b68a35")); // set Series color to red
+                series1.set('fill', am5__namespace.color('#b68a35')); // set Series color to red
+                series1.set('stroke', am5__namespace.color('#b68a35')); // set Series color to red
                 // Add legend
                 var legend = chart.children.push(am5__namespace.Legend.new(root, {}));
                 legend.data.setAll(chart.series.values);
@@ -33113,8 +33143,8 @@
                         x: 50,
                     });
                     legend.valueLabels.template.setAll({
-                        textAlign: "right",
-                        paddingRight: 15
+                        textAlign: 'right',
+                        paddingRight: 15,
                     });
                     legend.itemContainers.template.setAll({
                         reverseChildren: true,
@@ -33134,45 +33164,58 @@
         };
         SurveyInfoComponent.prototype.ngOnInit = function () {
             var _this = this;
+            if (SurveyModule.surveyMode == SurveyMode.Survey_Full_Access)
+                this.enableActions = true;
             this.surveyService.getInfo(this.surveyID).subscribe(function (result) {
                 _this.survey = result;
                 _this.TextBoxWithExternalURL = new i6.TextBoxOptions();
-                _this.TextBoxWithExternalURL.Name = "TextBoxWithExternalURL";
-                _this.TextBoxWithExternalURL.LabelKey = "External_URL";
+                _this.TextBoxWithExternalURL.Name = 'TextBoxWithExternalURL';
+                _this.TextBoxWithExternalURL.LabelKey = 'External_URL';
                 _this.TextBoxWithExternalURL.Type = i6.InputType.Text;
                 _this.TextBoxWithExternalURL.ViewType = i6.ControlLayout.Vertical;
                 _this.TextBoxWithExternalURL.ForceDirection = i6.ForceDirection.English;
                 _this.TextBoxWithExternalURL.EnableCopyToClipboard = true;
                 _this.TextBoxWithExternalURL.Value = _this.survey.externalURL;
                 _this.TextBoxWithInternalURL = new i6.TextBoxOptions();
-                _this.TextBoxWithInternalURL.Name = "TextBoxWithInternalURL";
-                _this.TextBoxWithInternalURL.LabelKey = "Internal_URL";
+                _this.TextBoxWithInternalURL.Name = 'TextBoxWithInternalURL';
+                _this.TextBoxWithInternalURL.LabelKey = 'Internal_URL';
                 _this.TextBoxWithInternalURL.Type = i6.InputType.Text;
                 _this.TextBoxWithInternalURL.ViewType = i6.ControlLayout.Vertical;
                 _this.TextBoxWithInternalURL.ForceDirection = i6.ForceDirection.English;
                 _this.TextBoxWithInternalURL.EnableCopyToClipboard = true;
                 _this.TextBoxWithInternalURL.Value = _this.survey.internalURL;
                 _this.breadCrumb = [];
-                _this.breadCrumb.push(new i6.BreadCrumb(_this.l("Home"), false, "/"), new i6.BreadCrumb(_this.l("Surveys_Header"), false, '../../'), new i6.BreadCrumb(_this.l("Survey_Details"), true));
+                _this.breadCrumb.push(new i6.BreadCrumb(_this.l('Home'), false, '/'), new i6.BreadCrumb(_this.l('Surveys_Header'), false, '../../'), new i6.BreadCrumb(_this.l('Survey_Details'), true));
                 _this.pageHeaderOptions = new i6.PageHeaderOptions();
                 _this.pageHeaderOptions.TitleValue = _this.survey.localizedTitle;
                 _this.pageHeaderOptions.SearchTextBox.Active = false;
                 _this.pageHeaderOptions.BreadCrumb.Active = true;
                 _this.pageHeaderOptions.BreadCrumb.BreadCrumbItems = _this.breadCrumb;
                 _this.pageHeaderOptions.DropDownActions.Active = true;
-                _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l("Delete"), '/assets/images/Trash.svg', _this.showDeleteModal), new i6.DropdownActionItem(_this.l("Export"), '/assets/images/export.svg', _this.export));
-                if (_this.survey.statusItemID.toLocaleLowerCase() == _this.SurveyStatusEnum.ScoringTypeEnum_Draft.toLocaleLowerCase()
-                    || _this.survey.statusItemID.toLocaleLowerCase() == _this.SurveyStatusEnum.ScoringTypeEnum_Upcoming.toLocaleLowerCase())
-                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l("Edit"), "/assets/images/Edit.svg", _this.showEditModal));
+                if (_this.enableActions)
+                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('Delete'), '/assets/images/Trash.svg', _this.showDeleteModal));
+                _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('Export'), '/assets/images/export.svg', _this.export));
+                if (_this.enableActions) {
+                    if (_this.survey.statusItemID.toLocaleLowerCase() ==
+                        _this.SurveyStatusEnum.ScoringTypeEnum_Draft.toLocaleLowerCase() ||
+                        _this.survey.statusItemID.toLocaleLowerCase() ==
+                            _this.SurveyStatusEnum.ScoringTypeEnum_Upcoming.toLocaleLowerCase())
+                        _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('Edit'), '/assets/images/Edit.svg', _this.showEditModal));
+                }
                 if (_this.survey.totalQuestionCount > 0)
-                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l("Preview"), '/assets/images/views.svg', _this.previewSurvey));
-                if (_this.survey.statusItemID.toLocaleLowerCase() == _this.SurveyStatusEnum.ScoringTypeEnum_Published.toLocaleLowerCase())
+                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('Preview'), '/assets/images/views.svg', _this.previewSurvey));
+                if (_this.survey.statusItemID.toLocaleLowerCase() ==
+                    _this.SurveyStatusEnum.ScoringTypeEnum_Published.toLocaleLowerCase())
                     _this.canTakeSurvey = true;
-                if (_this.survey.statusItemID.toLocaleLowerCase() == _this.SurveyStatusEnum.ScoringTypeEnum_Draft.toLocaleLowerCase()
-                    || _this.survey.statusItemID.toLocaleLowerCase() == _this.SurveyStatusEnum.ScoringTypeEnum_Closed.toLocaleLowerCase())
-                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l("Publish"), '/assets/images/Submit.svg', _this.showPublishModal));
-                else
-                    _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l("UnPublish"), '/assets/images/unlink.svg', _this.showUnPublishModal));
+                if (_this.enableActions) {
+                    if (_this.survey.statusItemID.toLocaleLowerCase() ==
+                        _this.SurveyStatusEnum.ScoringTypeEnum_Draft.toLocaleLowerCase() ||
+                        _this.survey.statusItemID.toLocaleLowerCase() ==
+                            _this.SurveyStatusEnum.ScoringTypeEnum_Closed.toLocaleLowerCase())
+                        _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('Publish'), '/assets/images/Submit.svg', _this.showPublishModal));
+                    else
+                        _this.pageHeaderOptions.DropDownActions.DropdownActionItems.push(new i6.DropdownActionItem(_this.l('UnPublish'), '/assets/images/unlink.svg', _this.showUnPublishModal));
+                }
                 _this.EN = _this.utilityService.isCurrentLanguageEnglish();
                 _this.loadQuestionSection();
                 _this.loadSubmissionSection();
@@ -33193,7 +33236,9 @@
             for (var index = 0; index < this.pagingQuestionResult.length; index++) {
                 this.pagingQuestionResult[index].displayOrder = index + 1;
             }
-            this.surveyQuestionService.updateDisplayOrder(this.pagingQuestionResult).subscribe(function (e) {
+            this.surveyQuestionService
+                .updateDisplayOrder(this.pagingQuestionResult)
+                .subscribe(function (e) {
                 _this.utilityService.stopBlockUI();
             });
         };
@@ -33231,25 +33276,27 @@
         };
         SurveyInfoComponent.prototype.loadQuestionSection = function () {
             this.SearchTextBoxOptions = new i6.TextBoxOptions();
-            this.SearchTextBoxOptions.Name = "SearchTextBox";
+            this.SearchTextBoxOptions.Name = 'SearchTextBox';
             this.SearchTextBoxOptions.Type = i6.InputType.Text;
             this.SearchTextBoxOptions.TrimTextOnChange = true;
-            this.SearchTextBoxOptions.Placeholder = this.l("Search");
-            this.SearchTextBoxOptions.ExtraClasses = "form-control form-control-sm form-control-solid search-box";
+            this.SearchTextBoxOptions.Placeholder = this.l('Search');
+            this.SearchTextBoxOptions.ExtraClasses =
+                'form-control form-control-sm form-control-solid search-box';
             this.SearchTextBoxOptions.HideLabel = true;
-            this.SearchTextBoxOptions.Icon = "../../../assets/images/search.svg";
+            this.SearchTextBoxOptions.Icon = '../../../assets/images/search.svg';
             this.SurveyIDOptions = new i6.TextBoxOptions();
-            this.SurveyIDOptions.Name = "SurveyID";
+            this.SurveyIDOptions.Name = 'SurveyID';
             this.SurveyIDOptions.Value = this.surveyID;
             this.searchSurveyIDFilter = new i6.FilterItem();
             this.searchSurveyIDFilter.FormControlName = this.SurveyIDOptions.Name;
-            this.searchSurveyIDFilter.ActionParameterName = "SurveyID";
+            this.searchSurveyIDFilter.ActionParameterName = 'SurveyID';
             this.searchSurveyIDFilter.IsFormControl = true;
             this.searchSurveyIDFilter.FilterType = i6.FilterType.TextBox;
             this.pagingQuestionOptions = new i6.PagingOptions();
             this.pagingQuestionOptions.PageSize = 1000;
             this.pagingQuestionOptions.DisableBlockUI = true;
-            this.pagingQuestionOptions.ActionPostURL = this.apiQuestionURL + 'GetAllQuestions';
+            this.pagingQuestionOptions.ActionPostURL =
+                this.apiQuestionURL + 'GetAllQuestions';
             this.pagingQuestionOptions.Filters = [this.searchSurveyIDFilter];
         };
         SurveyInfoComponent.prototype.setQuestionListingResult = function (result) {
@@ -33257,38 +33304,49 @@
             this.pagingQuestionResultOriginal = result;
             this.showPageContent = true;
             this.utilityService.stopBlockUI();
-            var overviewQuestions = this.pagingQuestionResultOriginal.filter(function (item) { return item.questionTypeItemID == SurveyOptionType.RadioButton || item.questionTypeItemID == SurveyOptionType.SingleSelect || item.questionTypeItemID == SurveyOptionType.MultipleSelect; });
+            var overviewQuestions = this.pagingQuestionResultOriginal.filter(function (item) { return item.questionTypeItemID == SurveyOptionType.RadioButton ||
+                item.questionTypeItemID == SurveyOptionType.SingleSelect ||
+                item.questionTypeItemID == SurveyOptionType.MultipleSelect; });
             if (overviewQuestions.length > 0)
                 this.loadSurveyOverview();
         };
         SurveyInfoComponent.prototype.loadSubmissionSection = function () {
             this.SearchTextBoxOptions = new i6.TextBoxOptions();
-            this.SearchTextBoxOptions.Name = "SearchTextBox";
+            this.SearchTextBoxOptions.Name = 'SearchTextBox';
             this.SearchTextBoxOptions.Type = i6.InputType.Text;
             this.SearchTextBoxOptions.TrimTextOnChange = true;
-            this.SearchTextBoxOptions.Placeholder = this.l("Search");
-            this.SearchTextBoxOptions.ExtraClasses = "form-control form-control-sm form-control-solid search-box";
+            this.SearchTextBoxOptions.Placeholder = this.l('Search');
+            this.SearchTextBoxOptions.ExtraClasses =
+                'form-control form-control-sm form-control-solid search-box';
             this.SearchTextBoxOptions.HideLabel = true;
-            this.SearchTextBoxOptions.Icon = "../../../assets/images/search.svg";
+            this.SearchTextBoxOptions.Icon = '../../../assets/images/search.svg';
             this.searchSubmissionTextFilter = new i6.FilterItem();
-            this.searchSubmissionTextFilter.FormControlName = this.SearchTextBoxOptions.Name;
-            this.searchSubmissionTextFilter.ActionParameterName = "SearchText";
+            this.searchSubmissionTextFilter.FormControlName =
+                this.SearchTextBoxOptions.Name;
+            this.searchSubmissionTextFilter.ActionParameterName = 'SearchText';
             this.searchSubmissionTextFilter.IsFormControl = true;
             this.searchSubmissionTextFilter.FilterType = i6.FilterType.TextBox;
             this.SurveyIDOptions = new i6.TextBoxOptions();
-            this.SurveyIDOptions.Name = "SurveyID";
+            this.SurveyIDOptions.Name = 'SurveyID';
             this.SurveyIDOptions.Value = this.surveyID;
             this.searchSurveySubmissionIDFilter = new i6.FilterItem();
-            this.searchSurveySubmissionIDFilter.FormControlName = this.SurveyIDOptions.Name;
-            this.searchSurveySubmissionIDFilter.ActionParameterName = "SurveyID";
+            this.searchSurveySubmissionIDFilter.FormControlName =
+                this.SurveyIDOptions.Name;
+            this.searchSurveySubmissionIDFilter.ActionParameterName = 'SurveyID';
             this.searchSurveySubmissionIDFilter.IsFormControl = true;
             this.searchSurveySubmissionIDFilter.FilterType = i6.FilterType.TextBox;
             this.pagingSubmissionOptions = new i6.PagingOptions();
             this.pagingSubmissionOptions.PageSize = 10;
             this.pagingSubmissionOptions.DisableBlockUI = true;
-            this.pagingSubmissionOptions.ActionPostURL = this.surveyService.apiURL + 'GetAllSurveySubmission';
-            this.pagingSubmissionOptions.OnKeyPressFiltersControlNames = [this.SearchTextBoxOptions.Name];
-            this.pagingSubmissionOptions.Filters = [this.searchSurveySubmissionIDFilter, this.searchSubmissionTextFilter];
+            this.pagingSubmissionOptions.ActionPostURL =
+                this.surveyService.apiURL + 'GetAllSurveySubmission';
+            this.pagingSubmissionOptions.OnKeyPressFiltersControlNames = [
+                this.SearchTextBoxOptions.Name,
+            ];
+            this.pagingSubmissionOptions.Filters = [
+                this.searchSurveySubmissionIDFilter,
+                this.searchSubmissionTextFilter,
+            ];
         };
         SurveyInfoComponent.prototype.setSubmissionListingResult = function (result) {
             this.pagingSubmissionResult = result;
@@ -33312,13 +33370,13 @@
         return SurveyInfoComponent;
     }(i6.AppBaseComponent));
     SurveyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyInfoComponent, deps: [{ token: i0__namespace.Injector }, { token: i0.PLATFORM_ID }, { token: i0__namespace.NgZone }, { token: i1__namespace$1.Router }, { token: i1__namespace.MasterLayoutService }, { token: SurveyService }, { token: SurveyQuestionService }, { token: i1__namespace$1.ActivatedRoute }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SurveyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyInfoComponent, selector: "app-survey-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "editQuestionModal", first: true, predicate: ["editQuestionModal"], descendants: true }, { propertyName: "deleteQuestionConfirmationModalControl", first: true, predicate: ["deleteQuestionModal"], descendants: true }, { propertyName: "AddQuestionComponent", first: true, predicate: ["addQuestionModal"], descendants: true }, { propertyName: "addPublishModal", first: true, predicate: ["addPublishModal"], descendants: true }, { propertyName: "addUnPublishModal", first: true, predicate: ["addUnPublishModal"], descendants: true }, { propertyName: "deleteSubmissionConfirmationModalControl", first: true, predicate: ["deleteSubmissionModal"], descendants: true }, { propertyName: "eliminateSubmissionConfirmationModalControl", first: true, predicate: ["eliminateModal"], descendants: true }, { propertyName: "unEliminateSubmissionConfirmationModalControl", first: true, predicate: ["unEliminateModal"], descendants: true }, { propertyName: "pagingQuestionElement", first: true, predicate: ["pagingQuestionViewElement"], descendants: true }, { propertyName: "pagingSubmissionElement", first: true, predicate: ["pagingSubmissionViewElement"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!--toolbar-->\r\n<div *ngIf=\"loadInfo\">\r\n  <bbsf-page-header-component [options]=\"pageHeaderOptions\"></bbsf-page-header-component>\r\n</div>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"loadInfo\">\r\n    <div class=\"section-margin-bottom\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"survery-date border-0\">\r\n          <div class=\"icon-boxes align-items-baseline\">\r\n            <div ngbTooltip=\"{{l('Date')}}\" class=\"icon-box\">\r\n              <div class=\"symbol\">\r\n                <span class=\"symbol-label\">\r\n                  <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <span class=\"survey-counter-title\" *ngIf=\"survey.startDate==null\">\r\n                {{l('NotStartedYet')}}\r\n              </span>\r\n              <span class=\"survey-counter-title d-flex flex-stack\" *ngIf=\"survey.startDate!=null\">\r\n                {{survey.startDate |surveyDate}} - {{survey.endDate!=null?(survey.endDate|surveyDate):\"\"}}\r\n                <span class=\"badge badge-light\" *ngIf=\"survey.endDate==null\">{{l('HasNoEnd')}}</span>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <span class=\"badge badge-light\" [ngClass]=\"getStatus(survey.statusItemID)\">{{survey.localizedStatus}}</span>\r\n          <span ngbTooltip=\"{{l('Audience')}}\" class=\"badge badge-light mx-2\">{{survey.localizedAudience}}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"row card-data\">\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.Internal||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithInternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n\r\n        </div>\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.External||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithExternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <p class=\"card-description\" *ngIf=\"survey.localizedDesc\">\r\n        {{survey.localizedDesc}}\r\n      </p>\r\n    </div>\r\n    <div class=\"section-margin-bottom\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-custom\">\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Questions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\">\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersQuestionForm\"\r\n                              (OnChange)=\"searchInQuestionList($event)\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersQuestionForm\" hidden></BBSF-TextBox>\r\n                <button type=\"button\" *ngIf=\"canAddQuestion\" class=\"btn btn-brand btn-sm subheader-btn\"\r\n                        (click)=\"showAddQuestionModal()\">\r\n                  {{l('Add')}}\r\n                </button>\r\n              </div>\r\n              <div [hidden]=\"pagingQuestionResult.length == 0\">\r\n                <div ngbNavContent cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                  <div class=\"question-info\" [cdkDragDisabled]=\"canTakeSurvey\" cdkDrag\r\n                       *ngFor=\"let item of pagingQuestionResult; let i=index\">\r\n                    <div class=\"symbol symbol-25px me-4\" cdkDragHandle *ngIf=\"!canTakeSurvey\">\r\n                      <span class=\"symbol-label\">\r\n                        <span class=\"svg-icon svg-icon-7\" [inlineSVG]=\"'/assets/images/reorder.svg'\">\r\n                        </span>\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"card card-listing\">\r\n                      <div class=\"card-header\">\r\n                        <div class=\"card-title\">\r\n                          <span class=\"badge badge-light\"\r\n                                ngbTooltip=\"{{l('Type')}}\">{{item.localizedQuestionTypeItem}}</span>\r\n                          <span class=\"badge badge-light mx-2\"\r\n                                ngbTooltip=\"{{l('Audience')}}\">{{item.localizedAudienceType}}</span>\r\n                          <span class=\"badge badge-brand-light mx-2\"\r\n                                *ngIf=\"item.isRelatedToSurveyQuestion\">{{l('Linked')}}</span>\r\n                          <span class=\"badge badge-light mx-2\" *ngIf=\"!item.isVisible\" ngbTooltip=\"{{l('NotVisible')}}\">\r\n                            {{l(\"NotVisible\")}}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <div ngbDropdown container=\"body\" class=\"dropdown-custom\"\r\n                               [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n                            <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear\" ngbDropdownToggle>\r\n                              <span class=\"svg-icon svg-icon-3\"\r\n                                    [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n                            </button>\r\n                            <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                              <button *ngIf=\"!(canEditQuestion&&canDeleteQuestion)\"\r\n                                      (click)=\"showEditQuestionModal(item.iD_GUID,true)\" apppreventdoubleclick type=\"button\"\r\n                                      ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                                </span>\r\n                                {{l(\"Details\")}}\r\n                              </button>\r\n\r\n                              <button *ngIf=\"canEditQuestion\" (click)=\"showEditQuestionModal(item.iD_GUID,false)\"\r\n                                      apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                                </span>\r\n                                {{l(\"Edit\")}}\r\n                              </button>\r\n                              <button type=\"button\" *ngIf=\"canDeleteQuestion\"\r\n                                      (click)=\"showDeleteQuestionModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem\r\n                                      class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\"\r\n                                      [inlineSVG]=\"'/assets/images/Trash.svg'\"></span> {{l(\"Delete\")}}\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body\">\r\n                        <div class=\"survey-counter\">\r\n                          <span class=\"survey-counter-title\">{{item.localizedText}}</span>\r\n                          <span class=\"badge badge-light-brand badge-square ms-2 me-0\"\r\n                                ngbTooltip=\"{{l('Score')}}\">{{item.totalScore}}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <BBSF-Paging (Items)=\"setQuestionListingResult($event)\" [options]=\"pagingQuestionOptions\"\r\n                             [group]=\"filtersQuestionForm\" #pagingQuestionViewElement></BBSF-Paging>\r\n              </div>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingQuestionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Submissions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersSubmissionForm\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersSubmissionForm\" hidden></BBSF-TextBox>\r\n              </div>\r\n              <div class=\"info-container\" [hidden]=\"pagingSubmissionResult.length == 0\">\r\n                <div class=\"table-responsive\">\r\n                  <table class=\"table table-custom\">\r\n                    <thead>\r\n                      <tr class=\"table-header\">\r\n                        <th> {{l('Name')}}</th>\r\n                        <th>{{l('Email')}}</th>\r\n                        <th>{{l('Type')}}</th>\r\n                        <th>{{l('Created')}}</th>\r\n                        <th>{{l('Score')}}</th>\r\n                        <th class=\"table-action\">{{l(\"Action\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"table-body\">\r\n                      <tr *ngFor=\"let item of pagingSubmissionResult; let i=index\">\r\n                        <td>\r\n                          <span class=\"line-clamp-2\">\r\n                            {{item.localizedName}}\r\n                            <span class=\"badge badge-danger mx-2\" *ngIf=\"item.isEliminated&&item.allowElimination\">\r\n                              {{l('Eliminated')}}\r\n                            </span>\r\n                          </span>\r\n                        </td>\r\n                        <td>\r\n                          {{item.email}}\r\n                        </td>\r\n                        <td>\r\n                          <div class=\"badge badge-light\">\r\n                            {{item.isInternalUser? l('InternalUsers'):l('ExternalUsers')}}\r\n                          </div>\r\n                        </td>\r\n                        <td>{{item.created|surveyDate}}</td>\r\n                        <td>{{item.totalScore}}</td>\r\n                        <td class=\"table-action\">\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Preview')}}\"\r\n                                  [routerLink]=\"['../../info/result', item.iD_GUID]\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\"\r\n                                  [inlineSVG]=\"'/assets/images/answers.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"!item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('EliminateHint')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick\r\n                                  [inlineSVG]=\"'/assets/images/unlink.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('UnEliminate')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showUnEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/link.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Delete')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showDeleteSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n              <BBSF-Paging (Items)=\"setSubmissionListingResult($event)\" [options]=\"pagingSubmissionOptions\"\r\n                           [group]=\"filtersSubmissionForm\" #pagingSubmissionViewElement></BBSF-Paging>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingSubmissionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" *ngIf=\"showOverview\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink (click)=\"loadSurveyOverview()\">\r\n            <h4>\r\n              {{l(\"Overview\") }}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-md-3\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\"> {{l(\"Questions\") }}</div>\r\n                    <ul ngbNav #nav=\"ngbNav\" class=\"nav-pills custom-navs\" orientation=\"vertical\">\r\n                      <li ngbNavItem=\"{{item.localizedTitle}}\" [destroyOnHide]=\"true\"\r\n                          *ngFor=\"let item of questionOverviewResult\" (click)=\"loadChart(item)\">\r\n                        <a ngbNavLink>{{item.localizedTitle}}</a>\r\n\r\n                      </li>\r\n\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-9\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Overview\") }}</div>\r\n                    <div id=\"chartdiv\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Score\") }} </div>\r\n                    <div id=\"chartOverview\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n\r\n\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  <app-edit-survey #editModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\"></app-edit-survey>\r\n  <app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"\r\n                     [onSuccessHandler]=\"onSuccessDeleteHandler\"></app-delete-survey>\r\n  <app-add-question #addQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessAddHandler]=\"onSuccessAddQuestionHandler\"></app-add-question>\r\n  <app-edit-question #editQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessEditHandler]=\"onSuccessEditQuestionHandler\"></app-edit-question>\r\n  <app-delete-question #deleteQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessHandler]=\"onSuccessDeleteQuestionHandler\"></app-delete-question>\r\n  <app-publish-survey #addPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\" *ngIf=\"loadInfo\" [showToggle]=\"survey.isShowToggleOfScoreResultAfterSubmission\">\r\n  </app-publish-survey>\r\n  <app-unpublish-survey #addUnPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\">\r\n  </app-unpublish-survey>\r\n  <app-delete-submission #deleteSubmissionModal [pagingElement]=\"pagingSubmissionElement\"\r\n                         [onSuccessHandler]=\"onSuccessDeleteHandlerSubmission\"></app-delete-submission>\r\n  <app-eliminate-submission #eliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                            [onSuccessHandler]=\"onSuccessHandler\"></app-eliminate-submission>\r\n  <app-unEliminate-submission #unEliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                              [onSuccessHandler]=\"onSuccessHandler\"></app-unEliminate-submission>\r\n", styles: [""], components: [{ type: i6__namespace.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: NoResultsComponent, selector: "app-no-results" }, { type: i5__namespace.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { type: EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: AddQuestionComponent, selector: "app-add-question", inputs: ["pagingElement", "onSuccessAddHandler"] }, { type: EditQuestionComponent, selector: "app-edit-question", inputs: ["pagingElement", "onSuccessEditHandler"] }, { type: DeleteQuestionComponent, selector: "app-delete-question", inputs: ["onSuccessHandler", "pagingElement"] }, { type: PublishSurveyComponent, selector: "app-publish-survey", inputs: ["pagingElement", "showToggle", "onSuccessHandler"] }, { type: UnPublishSurveyComponent, selector: "app-unpublish-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: DeleteSubmissionComponent, selector: "app-delete-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: EliminateSubmissionComponent, selector: "app-eliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: UnEliminateSubmissionComponent, selector: "app-unEliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i5__namespace.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i5__namespace.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i5__namespace.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i20__namespace.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20__namespace.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i20__namespace.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1__namespace$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "surveyDate": SurveyDatePipe } });
+    SurveyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyInfoComponent, selector: "app-survey-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "editQuestionModal", first: true, predicate: ["editQuestionModal"], descendants: true }, { propertyName: "deleteQuestionConfirmationModalControl", first: true, predicate: ["deleteQuestionModal"], descendants: true }, { propertyName: "AddQuestionComponent", first: true, predicate: ["addQuestionModal"], descendants: true }, { propertyName: "addPublishModal", first: true, predicate: ["addPublishModal"], descendants: true }, { propertyName: "addUnPublishModal", first: true, predicate: ["addUnPublishModal"], descendants: true }, { propertyName: "deleteSubmissionConfirmationModalControl", first: true, predicate: ["deleteSubmissionModal"], descendants: true }, { propertyName: "eliminateSubmissionConfirmationModalControl", first: true, predicate: ["eliminateModal"], descendants: true }, { propertyName: "unEliminateSubmissionConfirmationModalControl", first: true, predicate: ["unEliminateModal"], descendants: true }, { propertyName: "pagingQuestionElement", first: true, predicate: ["pagingQuestionViewElement"], descendants: true }, { propertyName: "pagingSubmissionElement", first: true, predicate: ["pagingSubmissionViewElement"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!--toolbar-->\r\n<div *ngIf=\"loadInfo\">\r\n  <bbsf-page-header-component [options]=\"pageHeaderOptions\"></bbsf-page-header-component>\r\n</div>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"loadInfo\">\r\n    <div class=\"section-margin-bottom\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"survery-date border-0\">\r\n          <div class=\"icon-boxes align-items-baseline\">\r\n            <div ngbTooltip=\"{{l('Date')}}\" class=\"icon-box\">\r\n              <div class=\"symbol\">\r\n                <span class=\"symbol-label\">\r\n                  <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <span class=\"survey-counter-title\" *ngIf=\"survey.startDate==null\">\r\n                {{l('NotStartedYet')}}\r\n              </span>\r\n              <span class=\"survey-counter-title d-flex flex-stack\" *ngIf=\"survey.startDate!=null\">\r\n                {{survey.startDate |surveyDate}} - {{survey.endDate!=null?(survey.endDate|surveyDate):\"\"}}\r\n                <span class=\"badge badge-light\" *ngIf=\"survey.endDate==null\">{{l('HasNoEnd')}}</span>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <span class=\"badge badge-light\" [ngClass]=\"getStatus(survey.statusItemID)\">{{survey.localizedStatus}}</span>\r\n          <span ngbTooltip=\"{{l('Audience')}}\" class=\"badge badge-light mx-2\">{{survey.localizedAudience}}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"row card-data\">\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.Internal||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithInternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n\r\n        </div>\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.External||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithExternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <p class=\"card-description\" *ngIf=\"survey.localizedDesc\">\r\n        {{survey.localizedDesc}}\r\n      </p>\r\n    </div>\r\n    <div class=\"section-margin-bottom\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-custom\">\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Questions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\">\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersQuestionForm\"\r\n                              (OnChange)=\"searchInQuestionList($event)\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersQuestionForm\" hidden></BBSF-TextBox>\r\n                <button type=\"button\" *ngIf=\"canAddQuestion&&enableActions\" class=\"btn btn-brand btn-sm subheader-btn\"\r\n                        (click)=\"showAddQuestionModal()\">\r\n                  {{l('Add')}}\r\n                </button>\r\n              </div>\r\n              <div [hidden]=\"pagingQuestionResult.length == 0\">\r\n                <div ngbNavContent cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                  <div class=\"question-info\" [cdkDragDisabled]=\"canTakeSurvey\" cdkDrag\r\n                       *ngFor=\"let item of pagingQuestionResult; let i=index\">\r\n                    <div class=\"symbol symbol-25px me-4\" cdkDragHandle *ngIf=\"!canTakeSurvey\">\r\n                      <span class=\"symbol-label\">\r\n                        <span class=\"svg-icon svg-icon-7\" [inlineSVG]=\"'/assets/images/reorder.svg'\">\r\n                        </span>\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"card card-listing\">\r\n                      <div class=\"card-header\">\r\n                        <div class=\"card-title\">\r\n                          <span class=\"badge badge-light\"\r\n                                ngbTooltip=\"{{l('Type')}}\">{{item.localizedQuestionTypeItem}}</span>\r\n                          <span class=\"badge badge-light mx-2\"\r\n                                ngbTooltip=\"{{l('Audience')}}\">{{item.localizedAudienceType}}</span>\r\n                          <span class=\"badge badge-brand-light mx-2\"\r\n                                *ngIf=\"item.isRelatedToSurveyQuestion\">{{l('Linked')}}</span>\r\n                          <span class=\"badge badge-light mx-2\" *ngIf=\"!item.isVisible\" ngbTooltip=\"{{l('NotVisible')}}\">\r\n                            {{l(\"NotVisible\")}}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <div ngbDropdown container=\"body\" *ngIf=\"enableActions\" class=\"dropdown-custom\"\r\n                               [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n                            <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear\" ngbDropdownToggle>\r\n                              <span class=\"svg-icon svg-icon-3\"\r\n                                    [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n                            </button>\r\n                            <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                              <button *ngIf=\"!(canEditQuestion&&canDeleteQuestion)\"\r\n                                      (click)=\"showEditQuestionModal(item.iD_GUID,true)\" apppreventdoubleclick type=\"button\"\r\n                                      ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                                </span>\r\n                                {{l(\"Details\")}}\r\n                              </button>\r\n\r\n                              <button *ngIf=\"canEditQuestion\" (click)=\"showEditQuestionModal(item.iD_GUID,false)\"\r\n                                      apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                                </span>\r\n                                {{l(\"Edit\")}}\r\n                              </button>\r\n                              <button type=\"button\" *ngIf=\"canDeleteQuestion\"\r\n                                      (click)=\"showDeleteQuestionModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem\r\n                                      class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\"\r\n                                      [inlineSVG]=\"'/assets/images/Trash.svg'\"></span> {{l(\"Delete\")}}\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body\">\r\n                        <div class=\"survey-counter\">\r\n                          <span class=\"survey-counter-title\">{{item.localizedText}}</span>\r\n                          <span class=\"badge badge-light-brand badge-square ms-2 me-0\"\r\n                                ngbTooltip=\"{{l('Score')}}\">{{item.totalScore}}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <BBSF-Paging (Items)=\"setQuestionListingResult($event)\" [options]=\"pagingQuestionOptions\"\r\n                             [group]=\"filtersQuestionForm\" #pagingQuestionViewElement></BBSF-Paging>\r\n              </div>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingQuestionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Submissions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersSubmissionForm\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersSubmissionForm\" hidden></BBSF-TextBox>\r\n              </div>\r\n              <div class=\"info-container\" [hidden]=\"pagingSubmissionResult.length == 0\">\r\n                <div class=\"table-responsive\">\r\n                  <table class=\"table table-custom\">\r\n                    <thead>\r\n                      <tr class=\"table-header\">\r\n                        <th> {{l('Name')}}</th>\r\n                        <th>{{l('Email')}}</th>\r\n                        <th>{{l('Type')}}</th>\r\n                        <th>{{l('Created')}}</th>\r\n                        <th>{{l('Score')}}</th>\r\n                        <th class=\"table-action\"  *ngIf=\"enableActions\">{{l(\"Action\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"table-body\">\r\n                      <tr *ngFor=\"let item of pagingSubmissionResult; let i=index\">\r\n                        <td>\r\n                          <span class=\"line-clamp-2\">\r\n                            {{item.localizedName}}\r\n                            <span class=\"badge badge-danger mx-2\" *ngIf=\"item.isEliminated&&item.allowElimination\">\r\n                              {{l('Eliminated')}}\r\n                            </span>\r\n                          </span>\r\n                        </td>\r\n                        <td>\r\n                          {{item.email}}\r\n                        </td>\r\n                        <td>\r\n                          <div class=\"badge badge-light\">\r\n                            {{item.isInternalUser? l('InternalUsers'):l('ExternalUsers')}}\r\n                          </div>\r\n                        </td>\r\n                        <td>{{item.created|surveyDate}}</td>\r\n                        <td>{{item.totalScore}}</td>\r\n                        <td class=\"table-action\"  *ngIf=\"enableActions\">\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Preview')}}\"\r\n                                  [routerLink]=\"['../../info/result', item.iD_GUID]\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\"\r\n                                  [inlineSVG]=\"'/assets/images/answers.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"!item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('EliminateHint')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick\r\n                                  [inlineSVG]=\"'/assets/images/unlink.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('UnEliminate')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showUnEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/link.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Delete')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showDeleteSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n              <BBSF-Paging (Items)=\"setSubmissionListingResult($event)\" [options]=\"pagingSubmissionOptions\"\r\n                           [group]=\"filtersSubmissionForm\" #pagingSubmissionViewElement></BBSF-Paging>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingSubmissionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" *ngIf=\"showOverview\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink (click)=\"loadSurveyOverview()\">\r\n            <h4>\r\n              {{l(\"Overview\") }}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-md-3\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\"> {{l(\"Questions\") }}</div>\r\n                    <ul ngbNav #nav=\"ngbNav\" class=\"nav-pills custom-navs\" orientation=\"vertical\">\r\n                      <li ngbNavItem=\"{{item.localizedTitle}}\" [destroyOnHide]=\"true\"\r\n                          *ngFor=\"let item of questionOverviewResult\" (click)=\"loadChart(item)\">\r\n                        <a ngbNavLink>{{item.localizedTitle}}</a>\r\n\r\n                      </li>\r\n\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-9\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Overview\") }}</div>\r\n                    <div id=\"chartdiv\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Score\") }} </div>\r\n                    <div id=\"chartOverview\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n\r\n\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  <app-edit-survey #editModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\"></app-edit-survey>\r\n  <app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"\r\n                     [onSuccessHandler]=\"onSuccessDeleteHandler\"></app-delete-survey>\r\n  <app-add-question #addQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessAddHandler]=\"onSuccessAddQuestionHandler\"></app-add-question>\r\n  <app-edit-question #editQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessEditHandler]=\"onSuccessEditQuestionHandler\"></app-edit-question>\r\n  <app-delete-question #deleteQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessHandler]=\"onSuccessDeleteQuestionHandler\"></app-delete-question>\r\n  <app-publish-survey #addPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\" *ngIf=\"loadInfo\" [showToggle]=\"survey.isShowToggleOfScoreResultAfterSubmission\">\r\n  </app-publish-survey>\r\n  <app-unpublish-survey #addUnPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\">\r\n  </app-unpublish-survey>\r\n  <app-delete-submission #deleteSubmissionModal [pagingElement]=\"pagingSubmissionElement\"\r\n                         [onSuccessHandler]=\"onSuccessDeleteHandlerSubmission\"></app-delete-submission>\r\n  <app-eliminate-submission #eliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                            [onSuccessHandler]=\"onSuccessHandler\"></app-eliminate-submission>\r\n  <app-unEliminate-submission #unEliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                              [onSuccessHandler]=\"onSuccessHandler\"></app-unEliminate-submission>\r\n", styles: [""], components: [{ type: i6__namespace.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: NoResultsComponent, selector: "app-no-results" }, { type: i5__namespace.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { type: EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: AddQuestionComponent, selector: "app-add-question", inputs: ["pagingElement", "onSuccessAddHandler"] }, { type: EditQuestionComponent, selector: "app-edit-question", inputs: ["pagingElement", "onSuccessEditHandler"] }, { type: DeleteQuestionComponent, selector: "app-delete-question", inputs: ["onSuccessHandler", "pagingElement"] }, { type: PublishSurveyComponent, selector: "app-publish-survey", inputs: ["pagingElement", "showToggle", "onSuccessHandler"] }, { type: UnPublishSurveyComponent, selector: "app-unpublish-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: DeleteSubmissionComponent, selector: "app-delete-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: EliminateSubmissionComponent, selector: "app-eliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: UnEliminateSubmissionComponent, selector: "app-unEliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i5__namespace.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i5__namespace.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i5__namespace.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i20__namespace.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20__namespace.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i20__namespace.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1__namespace$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "surveyDate": SurveyDatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyInfoComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'app-survey-info',
                         templateUrl: './survey-info.component.html',
-                        styleUrls: ['./survey-info.component.css']
+                        styleUrls: ['./survey-info.component.css'],
                     }]
             }], ctorParameters: function () {
             return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
@@ -33738,6 +33796,7 @@
             _this.pageTitle = '';
             _this.subTitle = '';
             _this.surveyForm = new i11$1.FormGroup({});
+            _this.enableActions = false;
             _this.SurveyStatusEnum = SurveyStatusEnum;
             _this.pagingResult = [];
             _this.filtersForm = new i11$1.FormGroup({});
@@ -33796,6 +33855,8 @@
             return _this;
         }
         SurveyComponent.prototype.ngOnInit = function () {
+            if (SurveyModule.surveyMode == SurveyMode.Survey_Full_Access)
+                this.enableActions = true;
             this.pageTitle = this.l('Surveys_Header');
             this.updatePageTitle(this.pageTitle);
             this.breadCrumb = [];
@@ -33876,9 +33937,11 @@
             this.pageHeaderOptions.BreadCrumb.BreadCrumbItems = this.breadCrumb;
             this.pageHeaderOptions.EditButton.Active = false;
             this.pageHeaderOptions.ExportButton.Active = false;
-            this.pageHeaderOptions.AddButton.Active = true;
-            this.pageHeaderOptions.AddButton.ButtonTextKey = this.l('Add');
-            this.pageHeaderOptions.AddButton.Function = this.showAddModal;
+            if (this.enableActions) {
+                this.pageHeaderOptions.AddButton.Active = true;
+                this.pageHeaderOptions.AddButton.ButtonTextKey = this.l('Add');
+                this.pageHeaderOptions.AddButton.Function = this.showAddModal;
+            }
             this.pageHeaderOptions.FiltersButton.Active = true;
             this.pageHeaderOptions.FiltersButton.ButtonTextKey = this.l('Filters');
             this.pageHeaderOptions.FiltersButton.Function = this.loadFilters;
@@ -33980,7 +34043,7 @@
         return SurveyComponent;
     }(i6.AppBaseComponent));
     SurveyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyComponent, deps: [{ token: i0__namespace.Injector }, { token: SurveyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SurveyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyComponent, selector: "app-survey", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "addModal", first: true, predicate: ["addModal"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "duplicateModal", first: true, predicate: ["duplicateModal"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!--toolbar-->\r\n<bbsf-page-header-component [options]=\"pageHeaderOptions\" [group]=\"filtersForm\"></bbsf-page-header-component>\r\n<!--End toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-6 col-xl-6 d-flex\" *ngFor=\"let item of pagingResult\">\r\n      <div class=\"card card-listing w-icon-boxes survey-card\">\r\n        <div class=\"card-header\">\r\n          <div class=\"card-title line-clamp\">\r\n            <a [routerLink]=\"['../info', item.iD_GUID]\">\r\n              {{item.localizedTitle}}\r\n            </a>\r\n          </div>\r\n          <div class=\"card-toolbar d-flex flex-nowrap flex-stack\">\r\n            <span class=\"badge badge-light bagde-xs me-2\" *ngIf=\"!item.visible\"> {{l(\"NotVisible\")}} </span>\r\n            <span class=\"badge bagde-xs badge-light me-2\" [ngClass]=\"getStatus(item.statusItemID)\">{{item.localizedStatus}}</span>\r\n            <div ngbDropdown container=\"body\" class=\"dropdown-custom\" [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n              <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear btn-sm\"\r\n                      ngbDropdownToggle>\r\n                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n              </button>\r\n              <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                <button *ngIf=\"isEditable(item.statusItemID)\" (click)=\"showEditModal(item.iD_GUID)\" apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                  </span>\r\n                  {{l(\"Edit\")}}\r\n                </button>\r\n                <button (click)=\"showDuplicateModal(item.iD_GUID)\" apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/copy.svg'\">\r\n                  </span>\r\n                  {{l(\"Duplicate\")}}\r\n                </button>\r\n                <button type=\"button\" (click)=\"showDeleteModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\"\r\n                        [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>  {{l(\"Delete\")}}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"card-body mb-4\">\r\n          <p class=\"line-clamp-1\">\r\n            {{item.localizedDesc}}\r\n          </p>\r\n        </div>\r\n        <!--footer type one-->\r\n        <div class=\"card-footer pt-0\">\r\n          <div>\r\n            <div class=\"survey-counter\">\r\n              <span class=\"survey-counter-title\">{{l('Question')}}</span>\r\n              <span class=\"badge badge-light-brand badge-square \">{{item.totalQuestionCount}}</span>\r\n            </div>\r\n            <div class=\"survey-counter\">\r\n              <span class=\"survey-counter-title\">{{l('Submissions')}}</span>\r\n              <span class=\"badge badge-light-brand badge-square \">{{item.totalSubmissionsCount}}</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"survery-date\">\r\n            <div class=\"icon-boxes align-items-baseline\">\r\n              <div class=\"icon-box w-100\">\r\n                <div class=\"symbol\">\r\n                  <span class=\"symbol-label\">\r\n                    <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                    </span>\r\n                  </span>\r\n                </div>\r\n                <span class=\"survey-counter-title\" *ngIf=\"item.startDate==null\">\r\n                  {{l('NotStartedYet')}}\r\n                </span>\r\n                <div  *ngIf=\"item.startDate!=null\" class=\"d-flex flex-stack w-100\">\r\n                  <span class=\"survey-counter-title\">\r\n                    {{item.startDate |surveyDate}}\r\n                    <span *ngIf=\"item.endDate!=null\"> - {{(item.endDate|surveyDate)}}</span>\r\n                  </span>\r\n                  <span class=\"badge badge-light\" *ngIf=\"item.endDate==null\">{{l('HasNoEnd')}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <BBSF-Paging (Items)=\"setListingResult($event)\" *ngIf=\"loadingPage\" [options]=\"pagingOptions\" [group]=\"filtersForm\"\r\n               #pagingViewElement></BBSF-Paging>\r\n</div>\r\n\r\n\r\n\r\n<app-no-results *ngIf=\"pagingResult.length == 0 && showPageContent\"></app-no-results>\r\n<app-add-survey #addModal [pagingElement]=\"pagingElement\"></app-add-survey>\r\n<app-edit-survey #editModal [pagingElement]=\"pagingElement\"></app-edit-survey>\r\n<app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"></app-delete-survey>\r\n<app-duplicate-survey #duplicateModal [pagingElement]=\"pagingElement\"></app-duplicate-survey>\r\n", components: [{ type: i6__namespace.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i6__namespace.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: NoResultsComponent, selector: "app-no-results" }, { type: AddSurveyComponent, selector: "app-add-survey", inputs: ["pagingElement"] }, { type: EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: DuplicateSurveyComponent, selector: "app-duplicate-survey", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }], pipes: { "surveyDate": SurveyDatePipe } });
+    SurveyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyComponent, selector: "app-survey", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "addModal", first: true, predicate: ["addModal"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "duplicateModal", first: true, predicate: ["duplicateModal"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!--toolbar-->\r\n<bbsf-page-header-component [options]=\"pageHeaderOptions\" [group]=\"filtersForm\"></bbsf-page-header-component>\r\n<!--End toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-6 col-xl-6 d-flex\" *ngFor=\"let item of pagingResult\">\r\n      <div class=\"card card-listing w-icon-boxes survey-card\">\r\n        <div class=\"card-header\">\r\n          <div class=\"card-title line-clamp\">\r\n            <a [routerLink]=\"['../info', item.iD_GUID]\">\r\n              {{item.localizedTitle}}\r\n            </a>\r\n          </div>\r\n          <div class=\"card-toolbar d-flex flex-nowrap flex-stack\">\r\n            <span class=\"badge badge-light bagde-xs me-2\" *ngIf=\"!item.visible\"> {{l(\"NotVisible\")}} </span>\r\n            <span class=\"badge bagde-xs badge-light me-2\" [ngClass]=\"getStatus(item.statusItemID)\">{{item.localizedStatus}}</span>\r\n            <div ngbDropdown container=\"body\" *ngIf=\"enableActions\" class=\"dropdown-custom\" [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n              <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear btn-sm\"\r\n                      ngbDropdownToggle>\r\n                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n              </button>\r\n              <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                <button *ngIf=\"isEditable(item.statusItemID)\" (click)=\"showEditModal(item.iD_GUID)\" apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                  </span>\r\n                  {{l(\"Edit\")}}\r\n                </button>\r\n                <button (click)=\"showDuplicateModal(item.iD_GUID)\" apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/copy.svg'\">\r\n                  </span>\r\n                  {{l(\"Duplicate\")}}\r\n                </button>\r\n                <button type=\"button\" (click)=\"showDeleteModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem class=\"dropdown-button\">\r\n                  <span class=\"svg-icon svg-icon-3\"\r\n                        [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>  {{l(\"Delete\")}}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"card-body mb-4\">\r\n          <p class=\"line-clamp-1\">\r\n            {{item.localizedDesc}}\r\n          </p>\r\n        </div>\r\n        <!--footer type one-->\r\n        <div class=\"card-footer pt-0\">\r\n          <div>\r\n            <div class=\"survey-counter\">\r\n              <span class=\"survey-counter-title\">{{l('Question')}}</span>\r\n              <span class=\"badge badge-light-brand badge-square \">{{item.totalQuestionCount}}</span>\r\n            </div>\r\n            <div class=\"survey-counter\">\r\n              <span class=\"survey-counter-title\">{{l('Submissions')}}</span>\r\n              <span class=\"badge badge-light-brand badge-square \">{{item.totalSubmissionsCount}}</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"survery-date\">\r\n            <div class=\"icon-boxes align-items-baseline\">\r\n              <div class=\"icon-box w-100\">\r\n                <div class=\"symbol\">\r\n                  <span class=\"symbol-label\">\r\n                    <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                    </span>\r\n                  </span>\r\n                </div>\r\n                <span class=\"survey-counter-title\" *ngIf=\"item.startDate==null\">\r\n                  {{l('NotStartedYet')}}\r\n                </span>\r\n                <div  *ngIf=\"item.startDate!=null\" class=\"d-flex flex-stack w-100\">\r\n                  <span class=\"survey-counter-title\">\r\n                    {{item.startDate |surveyDate}}\r\n                    <span *ngIf=\"item.endDate!=null\"> - {{(item.endDate|surveyDate)}}</span>\r\n                  </span>\r\n                  <span class=\"badge badge-light\" *ngIf=\"item.endDate==null\">{{l('HasNoEnd')}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <BBSF-Paging (Items)=\"setListingResult($event)\" *ngIf=\"loadingPage\" [options]=\"pagingOptions\" [group]=\"filtersForm\"\r\n               #pagingViewElement></BBSF-Paging>\r\n</div>\r\n\r\n\r\n\r\n<app-no-results *ngIf=\"pagingResult.length == 0 && showPageContent\"></app-no-results>\r\n<app-add-survey #addModal [pagingElement]=\"pagingElement\"></app-add-survey>\r\n<app-edit-survey #editModal [pagingElement]=\"pagingElement\"></app-edit-survey>\r\n<app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"></app-delete-survey>\r\n<app-duplicate-survey #duplicateModal [pagingElement]=\"pagingElement\"></app-duplicate-survey>\r\n", components: [{ type: i6__namespace.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i6__namespace.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: NoResultsComponent, selector: "app-no-results" }, { type: AddSurveyComponent, selector: "app-add-survey", inputs: ["pagingElement"] }, { type: EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: DuplicateSurveyComponent, selector: "app-duplicate-survey", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }], pipes: { "surveyDate": SurveyDatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -34278,8 +34341,13 @@
     var SurveyModule = /** @class */ (function () {
         function SurveyModule(configurationService) {
         }
+        SurveyModule.setSurveyMode = function (mode) {
+            SurveyModule.surveyMode = mode;
+            return SurveyModule;
+        };
         return SurveyModule;
     }());
+    SurveyModule.surveyMode = SurveyMode.Survey_Full_Access;
     SurveyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyModule, deps: [{ token: i1__namespace.ConfigurationService }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     SurveyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SurveyModule, declarations: [SurveyComponent,
             AddSurveyComponent,
@@ -49096,7 +49164,7 @@
         return DocumentExportItemDTO;
     }());
 
-    var contentTypesXML = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n        <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\" />\n        <Default Extension=\"jpeg\" ContentType=\"image/jpeg\"/>\n        <Default Extension=\"png\" ContentType=\"image/png\"/>\n        <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n        <Override PartName=\"/_rels/.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/document.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/header1.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/document.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml\"/>\n        <Override PartName=\"/word/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml\"/>\n        <Override PartName=\"/word/numbering.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml\"/>\n        <Override PartName=\"/word/theme/theme1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.theme+xml\"/>\n        <Override PartName=\"/word/fontTable.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.fontTable+xml\"/>\n        <Override PartName=\"/docProps/core.xml\" ContentType=\"application/vnd.openxmlformats-package.core-properties+xml\"/>\n        <Override PartName=\"/word/settings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml\"/>\n        <Override PartName=\"/word/webSettings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.webSettings+xml\"/>\n        <Override PartName=\"/word/afchunk.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkheader.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkfooter.mht\" ContentType=\"message/rfc822\"/>\n    </Types>\n";
+    var contentTypesXML = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n        <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\" />\n        <Default Extension=\"jpeg\" ContentType=\"image/jpeg\"/>\n        <Default Extension=\"png\" ContentType=\"image/png\"/>\n        <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n        <Override PartName=\"/_rels/.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/document.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/_rels/footer1.xml.rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n        <Override PartName=\"/word/document.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml\"/>\n        <Override PartName=\"/word/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml\"/>\n        <Override PartName=\"/word/numbering.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml\"/>\n        <Override PartName=\"/word/theme/theme1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.theme+xml\"/>\n        <Override PartName=\"/word/fontTable.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.fontTable+xml\"/>\n        <Override PartName=\"/docProps/core.xml\" ContentType=\"application/vnd.openxmlformats-package.core-properties+xml\"/>\n        <Override PartName=\"/word/settings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml\"/>\n        <Override PartName=\"/word/webSettings.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.wordprocessingml.webSettings+xml\"/>\n        <Override PartName=\"/word/afchunk.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkheader.mht\" ContentType=\"message/rfc822\"/>\n        <Override PartName=\"/word/afchunkfooter.mht\" ContentType=\"message/rfc822\"/>\n    </Types>\n";
 
     var namespaces = {
         a: 'http://schemas.openxmlformats.org/drawingml/2006/main',
@@ -49276,11 +49344,23 @@
 
     var webSettingsXML = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <w:webSettings xmlns:w=\"" + namespaces.w + "\" xmlns:r=\"" + namespaces.r + "\">\n    </w:webSettings>\n";
 
-    var genericRelsXML = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n    </Relationships>\n";
+    var genericRelsXML = "\n    <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n\n    <Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunk.mht\" Id=\"htmlChunk\" />\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunkheader.mht\" Id=\"htmlChunkHeader\" />\n    <Relationship Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk\"   Target=\"/word/afchunkfooter.mht\" Id=\"htmlChunkFooter\" />\n    </Relationships>\n";
 
     var generateDocumentTemplate = function (width, height, orientation, margins) { return "\n  <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n    <w:document\n        xmlns:a=\"" + namespaces.a + "\"\n        xmlns:cdr=\"" + namespaces.cdr + "\"\n        xmlns:o=\"" + namespaces.o + "\"\n        xmlns:pic=\"" + namespaces.pic + "\"\n        xmlns:r=\"" + namespaces.r + "\"\n        xmlns:v=\"" + namespaces.v + "\"\n        xmlns:ve=\"" + namespaces.ve + "\"\n        xmlns:vt=\"" + namespaces.vt + "\"\n        xmlns:w=\"" + namespaces.w + "\"\n        xmlns:w10=\"" + namespaces.w10 + "\"\n        xmlns:wp=\"" + namespaces.wp + "\"\n        xmlns:wne=\"" + namespaces.wne + "\"\n        >\n        <w:body>\n\n        <w:altChunk r:id=\"htmlChunk\" />\n            <w:sectPr>\n                <w:pgSz w:w=\"" + width + "\" w:h=\"" + height + "\" w:orient=\"" + orientation + "\" />\n                <w:pgMar w:top=\"" + margins.top + "\"\n                        w:right=\"" + margins.right + "\"\n                        w:bottom=\"" + margins.bottom + "\"\n                        w:left=\"" + margins.left + "\"\n                        w:header=\"" + margins.header + "\"\n                        w:footer=\"" + margins.footer + "\"\n                        w:gutter=\"" + margins.gutter + "\"/>\n            </w:sectPr>\n        </w:body>\n    </w:document>\n  "; };
-    var generateDocumentTemplateHeader = "\n  <w:hdr xmlns:w=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\">\n   <w:altChunk r:id=\"htmlChunkHeader\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\" />\n   </w:hdr>\n  ";
-    var generateDocumentTemplateFooter = "\n  <w:ftr xmlns:w=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\">\n   <w:altChunk r:id=\"htmlChunkFooter\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\" />\n   </w:ftr>\n  ";
+    var generateDocumentTemplateHeader = "\n<w:hdr\nxmlns:a=\"" + namespaces.a + "\"\nxmlns:cdr=\"" + namespaces.cdr + "\"\nxmlns:o=\"" + namespaces.o + "\"\nxmlns:pic=\"" + namespaces.pic + "\"\nxmlns:r=\"" + namespaces.r + "\"\nxmlns:v=\"" + namespaces.v + "\"\nxmlns:ve=\"" + namespaces.ve + "\"\nxmlns:vt=\"" + namespaces.vt + "\"\nxmlns:w=\"" + namespaces.w + "\"\nxmlns:w10=\"" + namespaces.w10 + "\"\nxmlns:wp=\"" + namespaces.wp + "\"\nxmlns:wne=\"" + namespaces.wne + "\"\n>\n<w:altChunk r:id=\"htmlChunkHeader\" />\n</w:hdr>\n  ";
+    var generateDocumentTemplateFooter = "\n  <w:ftr\n  xmlns:a=\"" + namespaces.a + "\"\n  xmlns:cdr=\"" + namespaces.cdr + "\"\n  xmlns:o=\"" + namespaces.o + "\"\n  xmlns:pic=\"" + namespaces.pic + "\"\n  xmlns:r=\"" + namespaces.r + "\"\n  xmlns:v=\"" + namespaces.v + "\"\n  xmlns:ve=\"" + namespaces.ve + "\"\n  xmlns:vt=\"" + namespaces.vt + "\"\n  xmlns:w=\"" + namespaces.w + "\"\n  xmlns:w10=\"" + namespaces.w10 + "\"\n  xmlns:wp=\"" + namespaces.wp + "\"\n  >\n  <w:altChunk r:id=\"htmlChunkFooter\" />\n\t<w:p w:rsidR=\"0014021C\" w:rsidRDefault=\"0014021C\" w:rsidP=\"0014021C\">\n\t\t\t<w:pPr>\n\t\t\t\t<w:pStyle w:val=\"Footer\"/>\n\t\t\t\t<w:jc w:val=\"center\"/>\n\t\t\t</w:pPr>\n      <w:fldSimple xmlns:ns2=\"http://schemas.openxmlformats.org/wordprocessingml/2006/main\" ns2:instr=\"PAGE\">\n      <w:r/>\n    </w:fldSimple>\n\t\t</w:p>\n\t</w:ftr>\n  ";
+    var generateDocumentTemplateFooterWithoutPaging = "\n  <w:ftr\n  xmlns:a=\"" + namespaces.a + "\"\n  xmlns:cdr=\"" + namespaces.cdr + "\"\n  xmlns:o=\"" + namespaces.o + "\"\n  xmlns:pic=\"" + namespaces.pic + "\"\n  xmlns:r=\"" + namespaces.r + "\"\n  xmlns:v=\"" + namespaces.v + "\"\n  xmlns:ve=\"" + namespaces.ve + "\"\n  xmlns:vt=\"" + namespaces.vt + "\"\n  xmlns:w=\"" + namespaces.w + "\"\n  xmlns:w10=\"" + namespaces.w10 + "\"\n  xmlns:wp=\"" + namespaces.wp + "\"\n  >\n  <w:altChunk r:id=\"htmlChunkFooter\" />\n\t</w:ftr>\n  ";
+    { /* <w:altChunk r:id="htmlChunkFooter" /> */ }
+    {
+        /* <w:altChunk r:id="htmlChunkFooter" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" /> */
+    }
+    {
+        /* <w:ftr xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+      <fldSimple xmlns:ns2="http://schemas.openxmlformats.org/wordprocessingml/2006/main" ns2:instr="PAGE">
+      </fldSimple>
+      <w:altChunk r:id="htmlChunkFooter" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" />
+       </w:ftr> */
+    }
 
     /* eslint-disable no-param-reassign */
     var rgbRegex = /rgb\((\d+),\s*([\d.]+),\s*([\d.]+)\)/i;
@@ -51944,6 +52024,7 @@
         DocxDocument.prototype.createDocumentRelationships = function (fileName, type, target, targetMode) {
             if (fileName === void 0) { fileName = 'document'; }
             if (targetMode === void 0) { targetMode = 'External'; }
+            debugger;
             var relationshipObject = this.relationships.find(function (relationship) { return relationship.fileName === fileName; });
             var lastRelsId = 1;
             if (relationshipObject) {
@@ -51978,6 +52059,8 @@
                 target: target,
                 targetMode: targetMode,
             });
+            console.log(fileName);
+            console.log(relationshipObject.rels);
             return lastRelsId;
         };
         DocxDocument.prototype.generateHeaderXML = function (vTree) {
@@ -52003,6 +52086,7 @@
     };
 
     var mhtDocumentTemplate = function (htmlSource, contentParts) {
+        debugger;
         return "MIME-Version: 1.0\nContent-Type: multipart/related;\n    type=\"text/html\";\n    boundary=\"----=mhtDocumentPart\"\n\n\n------=mhtDocumentPart\nContent-Type: text/html;\n    charset=\"utf-8\"\nContent-Transfer-Encoding: quoted-printable\nContent-Location: file:///C:/fake/document.html\n\n" + htmlSource + "\n\n" + contentParts + "\n\n------=mhtDocumentPart--\n";
     };
 
@@ -52011,12 +52095,14 @@
     };
 
     function getMHTdocument(htmlSource) {
+        debugger;
         var ref = _prepareImageParts(htmlSource);
         var imageContentPartsString = ref.imageContentParts.join('\n');
         htmlSource = ref.htmlSource.replace(/\=/g, '=3D');
         return mhtDocumentTemplate(htmlSource, imageContentPartsString);
     }
     function _prepareImageParts(htmlSource) {
+        debugger;
         var imageContentParts = [];
         var inlinedSrcPattern = /"data:(\w+\/\w+);(\w+),(\S+)"/g;
         var inlinedReplacer = function (match, contentType, contentEncoding, encodedContent) {
@@ -52158,9 +52244,15 @@
                         docxDocument.relationshipFilename = documentFileName;
                         fileNameWithExt = "" + footerType + footerId + ".xml";
                         relationshipId = docxDocument.createDocumentRelationships(docxDocument.relationshipFilename, footerType, fileNameWithExt, internalRelationship);
-                        zip.folder(wordFolder).file(fileNameWithExt, generateDocumentTemplateFooter.toString({ prettyPrint: true }), {
-                            createFolders: false,
-                        });
+                        console.log(footerXML.toString({ prettyPrint: true }));
+                        if (suppliedDocumentOptions.pageNumber)
+                            zip.folder(wordFolder).file(fileNameWithExt, generateDocumentTemplateFooter.toString({ prettyPrint: true }), {
+                                createFolders: false,
+                            });
+                        else
+                            zip.folder(wordFolder).file(fileNameWithExt, generateDocumentTemplateFooterWithoutPaging.toString({ prettyPrint: true }), {
+                                createFolders: false,
+                            });
                         docxDocument.footerObjects.push({ footerId: footerId, relationshipId: relationshipId, type: docxDocument.footerType });
                         _d.label = 5;
                     case 5:
@@ -52193,6 +52285,7 @@
                         if (relationshipXMLs && Array.isArray(relationshipXMLs)) {
                             relationshipXMLs.forEach(function (_a) {
                                 var fileName = _a.fileName, xmlString = _a.xmlString;
+                                console.log(xmlString);
                                 zip.folder(wordFolder).folder(relsFolderName).file(fileName + ".xml.rels", xmlString, {
                                     createFolders: false,
                                 });
@@ -52445,18 +52538,18 @@
                 return _this.templateService.exportPDF(ExportDocumentTemplateModel);
             };
             _this.onSuccessExportHandler = function (result) { return __awaiter(_this, void 0, void 0, function () {
-                var now, latest_date, fileName_1, documentOptions, fileBuffer, fileBufferLib, fileName;
+                var now, latest_date, fileName_1, documentOptions, fileBufferLib, fileName;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
                             now = new Date().toISOString();
                             latest_date = this.datepipe.transform(now, 'dd-MM-yyyy HH.mm');
-                            if (!(this.exportType == 2)) return [3 /*break*/, 3];
+                            if (!(this.exportType == 2)) return [3 /*break*/, 2];
                             fileName_1 = this.TemplateInfo.localizedTemplateName + '_' + latest_date + '.doc';
                             documentOptions = {};
                             if (result.isLandscape)
                                 documentOptions.orientation = 'landscape';
-                            documentOptions.pageNumber = result.showPaging;
+                            //  documentOptions.pageNumber =result.showPaging;
                             documentOptions.pageSize = {
                                 width: result.pageWidth * 15,
                                 height: result.pageHeight * 15
@@ -52474,16 +52567,12 @@
                             documentOptions.header = true;
                             documentOptions.pageNumber = true;
                             documentOptions.table = { row: { cantSplit: true } };
-                            return [4 /*yield*/, generateContainer(result.body, result.header, documentOptions, result.footer)];
-                        case 1:
-                            fileBuffer = _d.sent();
-                            this.downloadWord(fileBuffer, fileName_1);
                             return [4 /*yield*/, this.templateService.generateWordByteFile(result.body, result.header, documentOptions, result.footer)];
-                        case 2:
+                        case 1:
                             fileBufferLib = _d.sent();
-                            this.downloadWord(fileBuffer, "Lib" + fileName_1);
+                            this.downloadWord(fileBufferLib, "Lib" + fileName_1);
                             return [2 /*return*/];
-                        case 3:
+                        case 2:
                             fileName = this.TemplateInfo.localizedTemplateName + '_' + latest_date + '.pdf';
                             this.downloadPDF(result, fileName);
                             return [2 /*return*/];
@@ -52725,7 +52814,7 @@
         return DocumentTemplateInfoComponent;
     }(i6.AppBaseComponent));
     DocumentTemplateInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DocumentTemplateInfoComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i3__namespace.ClipboardService }, { token: DocumentTemplateService }, { token: i1__namespace$1.ActivatedRoute }, { token: PageInfoService }, { token: i5__namespace.NgbModal }, { token: i10__namespace.DatePipe }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DocumentTemplateInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DocumentTemplateInfoComponent, selector: "lib-document-template-info", usesInheritance: true, ngImport: i0__namespace, template: "<block-ui></block-ui>\r\n\r\n<div class=\"container-fluid\" *ngIf=\"isDataLoaded\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\">\r\n\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showEditTemplateModal(EditTemplateModal)\">\r\n          <i class=\"fa fa fa-edit\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal,2)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"ExportWord\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-bars\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateUpdateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center \">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  English:\r\n                  {{TemplateInfo.templateNameEN}}\r\n                </a>\r\n\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerEN}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center\">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  Arabic:\r\n                  {{TemplateInfo.templateNameAR}}\r\n                </a>\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerAR}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}}\r\n        {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\"\r\n            [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<!-- Export Document Modal -->\r\n<ng-template #ExportDocumentModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Export\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"TestExportDocumentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-repeater-table [options]=\"addKeyValueRepeaterOptions\"  [group]=\"TestExportDocumentForm\">\r\n        </BBSF-repeater-table>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseSendEmailForm id=\"CloseSendEmailForm\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Export\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\"\r\n          [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n          (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i5__namespace$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.RepeaterTableComponent, selector: "BBSF-repeater-table", inputs: ["group", "options"] }, { type: i6__namespace.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i11__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    DocumentTemplateInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DocumentTemplateInfoComponent, selector: "lib-document-template-info", usesInheritance: true, ngImport: i0__namespace, template: "<block-ui></block-ui>\r\n\r\n<div class=\"container-fluid\" *ngIf=\"isDataLoaded\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\">\r\n\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showEditTemplateModal(EditTemplateModal)\">\r\n          <i class=\"fa fa fa-edit\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}}</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-light-primary\"\r\n          (click)=\"showTestExportDocumentModal(ExportDocumentModal,2)\">\r\n          <i class=\"fa fa fa-download\" aria-hidden=\"true\"></i>\r\n          <span>{{utilityService.getResourceValue(\"Export\")}} Word</span>\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-bars\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button type=\"button\" id=\"btnSetPass\" class=\"btn btn-sm me-3\r\n          btn-primary\" *ngIf=\"!ProductionMode\"\r\n          (click)=\"showGenerateUpdateCodeByIdModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center \">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  English:\r\n                  {{TemplateInfo.templateNameEN}}\r\n                </a>\r\n\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'en']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyEN}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerEN}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n        <div class=\"col-xl-6 mb-10\">\r\n          <div class=\"d-flex h-100 align-items-center\">\r\n            <!--begin::Option-->\r\n            <div class=\"w-100 d-flex flex-column flex-center rounded-3 bg-light\r\n              py-10 px-10 h-100\">\r\n              <!--begin::Heading-->\r\n              <div class=\"mb-7 d-flex justify-content-between w-100\">\r\n                <!--begin::Title-->\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"text-primary mb-5\r\n                  fw-boldest fs-2\">\r\n                  Arabic:\r\n                  {{TemplateInfo.templateNameAR}}\r\n                </a>\r\n                <a\r\n                  [routerLink]=\"['/Admin/Documents/EditTemplate',TemplateId,'ar']\"\r\n                  routerLinkActive=\"router-link-active\" class=\"btn btn-sm\r\n                  btn-light-primary btn-icon\">\r\n                  <i class=\"fa fa-pen\"></i>\r\n                </a>\r\n              </div>\r\n              <div class=\"w-100 mb-10\">\r\n                <!--begin::Item-->\r\n                <div class=\"d-flex align-items-center mb-5\">\r\n                  <div class=\"fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar\">\r\n                    <div innerHTML=\"{{TemplateInfo.headerAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.bodyAR}}\">\r\n                    </div>\r\n                    <div innerHTML=\"{{TemplateInfo.footerAR}}\">\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <!--end::Select-->\r\n            </div>\r\n            <!--end::Option-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}}\r\n        {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\"\r\n            [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\"\r\n            [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<!-- Export Document Modal -->\r\n<ng-template #ExportDocumentModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Export\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"TestExportDocumentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-repeater-table [options]=\"addKeyValueRepeaterOptions\"  [group]=\"TestExportDocumentForm\">\r\n        </BBSF-repeater-table>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseSendEmailForm id=\"CloseSendEmailForm\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Export\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn\r\n      btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\"\r\n          [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\"\r\n          type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n          (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i5__namespace$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.RepeaterTableComponent, selector: "BBSF-repeater-table", inputs: ["group", "options"] }, { type: i6__namespace.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i11__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: DocumentTemplateInfoComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -53739,6 +53828,61 @@
                 type: i0.Injectable
             }] });
 
+    exports.LanguageType = void 0;
+    (function (LanguageType) {
+        LanguageType["English"] = "ebe77688-d7d3-481c-aace-da4a97a863bf";
+        LanguageType["Arabic"] = "55dccd92-f411-4fae-b5b2-9e9002b1ea67";
+        LanguageType["Any"] = "0384dbac-c3fa-4ba3-be28-e10110350459";
+    })(exports.LanguageType || (exports.LanguageType = {}));
+    exports.AudienceType = void 0;
+    (function (AudienceType) {
+        AudienceType["Internal"] = "a4daa431-62c1-404a-aeec-b505bfbd037e";
+        AudienceType["External"] = "39a52e7c-72c3-4eb5-830b-d610933cd9ba";
+        AudienceType["Both"] = "ff13d40b-b5ee-482c-abd3-3a72c29374eb";
+    })(exports.AudienceType || (exports.AudienceType = {}));
+    exports.SurveyStatusEnum = void 0;
+    (function (SurveyStatusEnum) {
+        SurveyStatusEnum["ScoringTypeEnum_Draft"] = "4ff92e54-c966-4e7e-a58a-47b0269196c1";
+        SurveyStatusEnum["ScoringTypeEnum_Upcoming"] = "e8ef5c73-67f0-4345-a931-5bcbe9e31963";
+        SurveyStatusEnum["ScoringTypeEnum_Published"] = "3c2bae84-f0df-48fb-b310-3b8326c0d77f";
+        SurveyStatusEnum["ScoringTypeEnum_Closed"] = "9b92dedc-e51a-438b-baf0-d0c75c01a492";
+    })(exports.SurveyStatusEnum || (exports.SurveyStatusEnum = {}));
+    exports.SurveyMode = void 0;
+    (function (SurveyMode) {
+        SurveyMode[SurveyMode["Survey_Full_Access"] = 1] = "Survey_Full_Access";
+        SurveyMode[SurveyMode["Survey_ReadOnly_Access"] = 2] = "Survey_ReadOnly_Access";
+    })(exports.SurveyMode || (exports.SurveyMode = {}));
+    exports.SurveyOptionType = void 0;
+    (function (SurveyOptionType) {
+        SurveyOptionType["SingleSelect"] = "24fedf55-2a6c-4bda-a9a0-afc91ab908be";
+        SurveyOptionType["MultipleSelect"] = "6c60b6ba-6175-470a-81aa-a9c1e87046fd";
+        SurveyOptionType["RadioButton"] = "1133ce2b-bf74-4899-8859-cd48a15aa71d";
+        SurveyOptionType["File"] = "dde598ad-1cef-4b04-a96e-724cce8d7cec";
+        SurveyOptionType["MultiFile"] = "922564f3-73a9-4028-99b4-089cc51f24c0";
+        SurveyOptionType["Image"] = "cade8069-e18c-493d-9b26-c74371f74df9";
+        SurveyOptionType["Text"] = "131df300-9fea-4aff-b475-dabd3977bf2a";
+        SurveyOptionType["MultilineText"] = "42694b87-ed2b-4b3d-b510-3f03e2f30e1b";
+        SurveyOptionType["Email"] = "cd4ec4ca-c093-4579-bb18-1fabe7d3c169";
+        SurveyOptionType["Number"] = "0a6ea20e-2645-4450-b51b-8140f2c4a7fe";
+        SurveyOptionType["Boolean"] = "44ab7a51-4cb3-4c5a-89f8-858528ead715";
+        SurveyOptionType["Date"] = "a3adcf70-64df-4847-825f-7da02dfa088e";
+        SurveyOptionType["DateTime"] = "55e9216b-1309-4be6-b855-56b0aa0e4fa7";
+        SurveyOptionType["Country"] = "61daf8d1-be00-4d2f-8ff3-addcfbba8ca1";
+    })(exports.SurveyOptionType || (exports.SurveyOptionType = {}));
+    exports.SortingOptions = void 0;
+    (function (SortingOptions) {
+        SortingOptions["ByCreated"] = "34506abc-ac7e-485b-9ff8-3610314f75aa";
+        SortingOptions["ByLikes"] = "f056010f-f7c7-471e-8ed2-9c564fcee0ee";
+        SortingOptions["ByComments"] = "b67475b5-22d3-47cb-a4f6-6ac902a458da";
+        SortingOptions["ByScore"] = "c75beb1d-250f-4a4b-898f-4b492817f9d8";
+    })(exports.SortingOptions || (exports.SortingOptions = {}));
+    exports.SortingType = void 0;
+    (function (SortingType) {
+        SortingType["Ascending"] = "8c97ea5a-a224-49e8-98ba-476e3f9a6468";
+        SortingType["Descending"] = "33b99327-2e34-44fc-9ba2-9e85ff13022a";
+    })(exports.SortingType || (exports.SortingType = {}));
+    var EmptyGuid = "00000000-0000-0000-0000-000000000000";
+
     var UserRegistration = /** @class */ (function () {
         function UserRegistration(name, email, password) {
             this.name = name;
@@ -53766,6 +53910,7 @@
     exports.DefaultLayoutConfig = DefaultLayoutConfig;
     exports.DepartmentModel = DepartmentModel$1;
     exports.DocumentTemplateService = DocumentTemplateService;
+    exports.EmptyGuid = EmptyGuid;
     exports.ExternalUrlComponent = ExternalUrlComponent;
     exports.GlobalErrorHandler = GlobalErrorHandler;
     exports.HomeComponent = HomeComponent$1;