(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["default~components-netocean-request-response-netocean-request-response-module~netocean-request-respo~05db34ca"],{

/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.html":
/*!*********************************************************************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.html ***!
  \*********************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"configui-progressbar\">\r\n    <p-progressBar *ngIf=\"isActive\" id=\"progressBarIndeterminate\" [style]=\"{height: '6px'}\"\r\n        mode=\"indeterminate\"></p-progressBar>\r\n</div>\r\n<div class=\"main-box-table cav-p-0 configUI\">\r\n    <div class=\"p-grid p-align-center p-justify-between\">\r\n        <div *ngIf=\"openFrom != 'script'\" class=\"w-100-p p-grid p-justify-between p-align-center \">\r\n            <button pButton type=\"button\" [disabled]=\"recordedServiceCount == 0\" class=\"btn-icon\"\r\n                (click)=\"showHideFilter()\">\r\n                <i class=\"icons8 icons8-filter\" title={{toolTip}}></i>\r\n            </button>\r\n            <div class=\"w-95-p p-grid p-align-center p-justify-end\">\r\n                <div *ngIf=\"_common.isWebpageDomain\">\r\n                    <p-checkbox class=\"p-col-4 font-weight-600 p-col-nogutter\" label=\"Replace Inline URls\" binary=\"true\" [(ngModel)]=\"_common.replaceUrls\"\r\n                        pTooltip='It will replace the inline URLs from the recorded HTML files. And all URLs will be served from Service Virtualization server.'>\r\n                    </p-checkbox>\r\n                </div>\r\n                <div class=\"p-col-2 p-grid p-align-center\">\r\n                    <div class=\"p-col-4 font-weight-600 p-col-nogutter\">\r\n                        Project\r\n                    </div>\r\n                    <div class=\"p-col-8 p-col-nogutter\">\r\n                        <p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" [style]=\"{'min-width':'100%'}\" pTooltip=\"No Projects available with write access for this user\"\r\n                             [tooltipDisabled]=\"!isWrite\" tooltipPosition=\"top\"\r\n                            [options]=\"_commonProjSubProj.projects\" [(ngModel)]=\"_commonProjSubProj.selectedProj\"\r\n                            (onChange)=\"_commonProjSubProj.getSubprojList()\"></p-dropdown>\r\n                    </div>\r\n                </div>\r\n                <div class=\"p-col-2 p-grid p-align-center\">\r\n                    <div class=\"p-col-4 font-weight-600 p-col-nogutter\">\r\n                        Subproject\r\n                    </div>\r\n                    <div class=\"p-col-8 p-col-nogutter\">\r\n                        <p-dropdown dropdownIcon=\"icons8 icons8-expand-arrow\" [style]=\"{'min-width':'100%'}\"\r\n                        pTooltip=\"No Sub-Projects available with write access for this user\" [tooltipDisabled]=\"!isWrite\" tooltipPosition=\"top\"\r\n                            [options]=\"_commonProjSubProj.subProjects\"\r\n                            [(ngModel)]=\"_commonProjSubProj.selectedSubproj\"></p-dropdown>\r\n                    </div>\r\n                </div>\r\n                <div class=\"\">\r\n                    <span *ngIf='showHeaderButton' class=\"ui-button-rounded mx-2\">\r\n                        <button pButton type=\"button\" icon=\"fa fa-list-ul\" label=\"Header Info\"\r\n                            (click)=\"isHeaderList=true\"></button>\r\n                    </span>\r\n                    <span class=\"ui-button-rounded mx-2\">\r\n                        <button pButton type=\"button\" [disabled]=\"recordedServiceCount == 0 || isclick\"\r\n                            label=\"Create Services\" (click)=\"serviceCreation('no')\"></button>\r\n                    </span>\r\n                    <span class=\"ui-button-rounded mx-2\">\r\n                        <button pButton type=\"button\" [disabled]=\"recordedServiceCount == 0 || isclick\"\r\n                            label=\"Create & Activate Services\" (click)=\"serviceCreation('yes')\"></button>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"openFrom == 'script'\" class=\"w-100-p p-grid p-align-center p-justify-end\">\r\n            <span class=\"ui-button-rounded mx-2\">\r\n                <button pButton type=\"button\" title=\"Create Script\" label=\"Create Script\"\r\n                    (click)=\"createScript()\" [disabled]=\"isclick\"></button>\r\n            </span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"cav-p-2\">\r\n        <div class=\"w-100-p \">\r\n            <p-fieldset #fieldChild class=\"custom-fieldset\" legend=\"Captured URL List{{countLabel}}\"\r\n                [toggleable]=\"true\">\r\n                <p-table *ngIf=\"recordedServiceCount != 0\" #dt [columns]=\"recordedCols\" [value]=\"requestResponse\"\r\n                    (focusout)=\"validateServiceName($event)\" scrollable=\"true\" scrollHeight=\"161px\"\r\n                    [(selection)]=\"rowSelected\" class=\"scen-ptable\" (sortFunction)=\"customSort($event)\"\r\n                    [customSort]=\"true\" [rows]=\"100\" [paginator]=\"showPaginator\" [pageLinks]=\"3\"\r\n                    [rowsPerPageOptions]=\"[50,100,120,150]\">\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                        <tr class=\"scen-ptable-thead\">\r\n                            <th style=\"width: 4%\">\r\n                                <p-tableHeaderCheckbox\r\n                                    pTooltip=\"Please select the RR Pairs for creating the services\"></p-tableHeaderCheckbox>\r\n                            </th>\r\n                            <th style=\"width: 48%;\" [pSortableColumn]=\"'url'\">URL<p-sortIcon field=\"url\"></p-sortIcon>\r\n                            </th>\r\n                            <th *ngIf=\"openFrom !='script'\" style=\"width: 28%;\" [pSortableColumn]=\"'ServiceName'\">\r\n                                Service Name<p-sortIcon field=\"ServiceName\"></p-sortIcon></th>\r\n                            <th *ngIf=\"openFrom !='script' && this._common.addMode != 'RR Pairs Mode'\"\r\n                                style=\"width: 20%;\" [pSortableColumn]=\"'TemplateName'\">Template Name<p-sortIcon\r\n                                    field=\"TemplateName\"></p-sortIcon></th>\r\n                            <!--Common@@@Include check for RR-Services Add Operation -->\r\n                            <th *ngIf=\"this._common.addMode == 'RR Pairs Mode'\" style=\"width: 16%;\"\r\n                                [pSortableColumn]=\"'requestFile'\">Request File Name\r\n                                <p-sortIcon field=\"requestFile\"></p-sortIcon>\r\n                            </th>\r\n                            <th *ngIf=\"this._common.addMode == 'RR Pairs Mode'\" style=\"width: 17%;\"\r\n                                [pSortableColumn]=\"'responseFile'\">Response File Name\r\n                                <p-sortIcon field=\"responseFile\"></p-sortIcon>\r\n                            </th>\r\n                            <!-- <th>Payload</th> -->\r\n                        </tr>\r\n\r\n                        <tr class=\"scen-ptable-thead\">\r\n                            <th *ngIf=\"isShowFilter\" style=\"width: 4%\"></th>\r\n                            <th *ngIf=\"isShowFilter\" style=\"width: 48%;\">\r\n                                <input size=\"50\" [(ngModel)]=\"filterUrl\" pInputText type=\"text\"\r\n                                    (input)=\"dt.filter($event.target.value, 'url', 'contains')\">\r\n                            </th>\r\n                            <th *ngIf=\"isShowFilter && openFrom !='script'\" style=\"width: 28%;\">\r\n                                <input size=\"25\" [(ngModel)]=\"filterService\" pInputText type=\"text\"\r\n                                    (input)=\"dt.filter($event.target.value, 'ServiceName', 'contains')\">\r\n                            </th>\r\n                            <th *ngIf=\"isShowFilter && (openFrom !='script' && this._common.addMode != 'RR Pairs Mode')\"\r\n                                style=\"width: 20%;\">\r\n                                <input size=\"15\" [(ngModel)]=\"filterTemp\" pInputText type=\"text\"\r\n                                    (input)=\"dt.filter($event.target.value, 'TemplateName', 'contains')\">\r\n                            </th>\r\n                            <!--Common@@@Include check for RR-Services Add Operation -->\r\n                            <th *ngIf=\"isShowFilter && this._common.addMode == 'RR Pairs Mode'\" style=\"width: 16%;\">\r\n                                <input size=\"12\" [(ngModel)]=\"filterRequestFile\" pInputText type=\"text\"\r\n                                    (input)=\"dt.filter($event.target.value, 'requestFile', 'contains')\">\r\n                            </th>\r\n                            <th *ngIf=\"isShowFilter && this._common.addMode == 'RR Pairs Mode'\" style=\"width: 17%;\">\r\n                                <input size=\"12\" [(ngModel)]=\"filterResponseFile\" pInputText type=\"text\"\r\n                                    (input)=\"dt.filter($event.target.value, 'responseFile', 'contains')\">\r\n                            </th>\r\n                        </tr>\r\n\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n                        <tr class=\"scen-ptable-tbody\" [pSelectableRow]=\"rowData\">\r\n                            <td style=\"width: 4%\" class=\"text-center\">\r\n                                <p-tableCheckbox [value]=\"rowData\"\r\n                                    pTooltip=\"Please select the RR Pairs for creating the services\"></p-tableCheckbox>\r\n                            </td>\r\n                            <td style=\"width: 48%;\">\r\n                                <span title=\"{{rowData['url']}}\"><a class=\"hyperlink\"\r\n                                        style=\"cursor: pointer;color: blue;\"\r\n                                        (click)=\"getRequestResponse(rowData)\">{{rowData['url']}}</a></span>\r\n                            </td>\r\n                            <td *ngIf=\"openFrom !='script'\" style=\"width: 28%\" pEditableColumn\r\n                                [ngClass]=\"rowData['hasDuplicate'] != undefined ? 'duplicate-service' : null\">\r\n                                <p-cellEditor [pTooltip]= \"rowData['hasDuplicate'] != undefined ? 'Service already exists in same or different project subproject' : ''\" title=\"{{rowData['ServiceName']}}\" (keypress)=\"validateQty($event)\">\r\n                                    <ng-template pTemplate=\"input\">\r\n                                        <input pInputText type=\"text\"\r\n                                            [disabled]=\"rowData['hasDuplicate'] != undefined ? true : false\"\r\n                                            [(ngModel)]=\"rowData['ServiceName']\">\r\n                                    </ng-template>\r\n                                    <ng-template pTemplate=\"output\">{{rowData['ServiceName']}}</ng-template>\r\n                                </p-cellEditor>\r\n                            </td>\r\n                            <td *ngIf=\"openFrom !='script' && this._common.addMode != 'RR Pairs Mode'\"\r\n                                style=\"width: 20%;\" pEditableColumn>\r\n                                <p-cellEditor title=\"{{rowData['TemplateName']}}\" (keypress)=\"validateQty($event)\">\r\n                                    <ng-template pTemplate=\"input\">\r\n                                        <input pInputText type=\"text\" [(ngModel)]=\"rowData['TemplateName']\">\r\n                                    </ng-template>\r\n                                    <ng-template pTemplate=\"output\">{{rowData['TemplateName']}}</ng-template>\r\n                                </p-cellEditor>\r\n                            </td>\r\n                            <!--Common@@@Include check for RR-Services Add Operation -->\r\n                            <td *ngIf=\"this._common.addMode == 'RR Pairs Mode'\" style=\"width: 16%;\">\r\n                                <span title=\"{{rowData['request']}}\">{{rowData['requestFile']}}</span>\r\n                            </td>\r\n                            <td *ngIf=\"this._common.addMode == 'RR Pairs Mode'\" style=\"width: 17%;\">\r\n                                <span title=\"{{rowData['response']}}\">{{rowData['responseFile']}}</span>\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </p-fieldset>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-6 pt-0\">\r\n                    <div class=\"drpPosition1\">\r\n                        <div class=\"max-width-150 font-weight-600 elipseText mr-10\"\r\n                            tooltipStyleClass=\"max-width-400 elipseText word-break\" tooltipPosition=\"top\"\r\n                            pTooltip=\"{{reqToolTip}}\">{{reqToolTip}}</div>\r\n                        <div class=\"p-grid p-align-center\">\r\n                            <span class=\"mr-10\">Beautify</span>\r\n                            <p-dropdown [style]=\"{'min-width' : '80px'}\" dropdownIcon=\"icons8 icons8-expand-arrow\"\r\n                                [options]=\"contentTypes\" [(ngModel)]=\"selectedTypeRequest\" optionLabel=\"name\"\r\n                                class=\"mr-10\"></p-dropdown>\r\n                            <button type=\"button\" pButton class=\"ui-button-rounded\" icon=\"las-magic-solid\"\r\n                                (click)=\"beautifyRequestContent()\" title=\"Beautify selection\"\r\n                                [disabled]=\"disableRequestBeautify\"></button>\r\n                        </div>\r\n                    </div>\r\n                    <p-tabView class=\"custom-tab\" (onChange)=\"onTabChange($event,'Request')\">\r\n                        <p-tabPanel title=\"{{reqHeader}}\" header=\"Request Payload\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <ngx-monaco-editor #editor1\r\n                                    [ngClass]=\"recordedServiceCount>=5?'editor-container-row-5':recordedServiceCount>=4?'editor-container-row-4':recordedServiceCount>=3?'editor-container-row-3':recordedServiceCount>=2?'editor-container-row-2':recordedServiceCount>=1?'editor-container-row-1':'editor-container-row-1'\"\r\n                                    [options]=\"editorOptionsHdrReq\" [(ngModel)]=\"bodyReq\">\r\n                                </ngx-monaco-editor>\r\n                            </ng-template>\r\n                        </p-tabPanel>\r\n                        <p-tabPanel title=\"Request With Header\" header=\"Request\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <ngx-monaco-editor\r\n                                    [ngClass]=\"recordedServiceCount>=5?'editor-container-row-5':recordedServiceCount>=4?'editor-container-row-4':recordedServiceCount>=3?'editor-container-row-3':recordedServiceCount>=2?'editor-container-row-2':recordedServiceCount>=1?'editor-container-row-1':'editor-container-row-1'\"\r\n                                    [options]=\"editorOptionsHdr\" [(ngModel)]=\"requestData\"\r\n                                    (onInit)=\"onInitEditor($event)\">\r\n                                </ngx-monaco-editor>\r\n                            </ng-template>\r\n                        </p-tabPanel>\r\n                        <!--Common@@@Include check for RR-Services Add Operation -->\r\n                        <p-tabPanel *ngIf=\"this._common.addMode != 'RR Pairs Mode'\"\r\n                            title=\"Decode Request Body With Header\" header=\"Request Payload(Decoded)\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <ngx-monaco-editor\r\n                                    [ngClass]=\"recordedServiceCount>=5?'editor-container-row-5':recordedServiceCount>=4?'editor-container-row-4':recordedServiceCount>=3?'editor-container-row-3':recordedServiceCount>=2?'editor-container-row-2':recordedServiceCount>=1?'editor-container-row-1':'editor-container-row-1'\"\r\n                                    [options]=\"editorOptionsHdr\" [(ngModel)]=\"decodeReqData\"\r\n                                    (onInit)=\"onInitEditor($event)\">\r\n                                </ngx-monaco-editor>\r\n                            </ng-template>\r\n                        </p-tabPanel>\r\n                    </p-tabView>\r\n\r\n\r\n                </div>\r\n                <div class=\"ui-g-6 pt-0\">\r\n                    <div class=\"p-grid p-justify-end  drpPosition p-align-center\">\r\n                        <span class=\"mr-10\">Beautify</span>\r\n                        <p-dropdown [style]=\"{'min-width' : '60px'}\" dropdownIcon=\"icons8 icons8-expand-arrow\"\r\n                            [options]=\"contentTypes\" [(ngModel)]=\"selectedTypeResponse\" placeholder=\"Select\"\r\n                            optionLabel=\"name\" class=\"mr-10\"></p-dropdown>\r\n\r\n                        <button type=\"button\" pButton class=\"ui-button-rounded\" icon=\"las-magic-solid\"\r\n                            (click)=\"beautifyResponseContent()\" title=\"Beautify selection\"\r\n                            [disabled]=\"disableResponseBeautify\"></button>\r\n                    </div>\r\n\r\n                    <p-tabView class=\"custom-tab\" (onChange)=\"onTabChange($event,'Response')\">\r\n                        <p-tabPanel title=\"{{resHeader}}\" header=\"Response Payload\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <ngx-monaco-editor #editor\r\n                                    [ngClass]=\"recordedServiceCount>=5?'editor-container-row-5':recordedServiceCount>=4?'editor-container-row-4':recordedServiceCount>=3?'editor-container-row-3':recordedServiceCount>=2?'editor-container-row-2':recordedServiceCount>=1?'editor-container-row-1':'editor-container-row-1'\"\r\n                                    [options]=\"editorOptionsHdrResp\" [(ngModel)]=\"bodyRes\">\r\n                                </ngx-monaco-editor>\r\n                            </ng-template>\r\n                        </p-tabPanel>\r\n                        <p-tabPanel title=\"Response With Header\" header=\"Response\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <ngx-monaco-editor\r\n                                    [ngClass]=\"recordedServiceCount>=5?'editor-container-row-5':recordedServiceCount>=4?'editor-container-row-4':recordedServiceCount>=3?'editor-container-row-3':recordedServiceCount>=2?'editor-container-row-2':recordedServiceCount>=1?'editor-container-row-1':'editor-container-row-1'\"\r\n                                    [options]=\"editorOptionsHdr\" [(ngModel)]=\"responseData\"\r\n                                    (onInit)=\"onInitEditor($event)\">\r\n                                </ngx-monaco-editor>\r\n                            </ng-template>\r\n                        </p-tabPanel>\r\n                    </p-tabView>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<!--alert dialog box for checking recorded host info -->\r\n<p-dialog modal=\"modal\" header=\"Captured Host Info\" [(visible)]=\"isHostInfo\" class=\"profile-dialog\" width=\"480\"\r\n    [modal]=\"true\" [responsive]=\"false\" [minY]=\"70\" [maximizable]=\"false\" [baseZIndex]=\"10000\" [resizable]=\"false\">\r\n    <!-- <div class=\"outer-block\"> -->\r\n    <div>\r\n        <div> - To access application from NetOcean, need to add host to IP mapping in 'hosts' file. </div><br>\r\n        <fieldset>\r\n            <legend>Notes:</legend>\r\n            <ul class=\"ullist-custom\">\r\n                <li> Host file changes need admin privilege.</li>\r\n                <li> In Windows, hosts file location is ( C:/Windows/System32/drivers/etc/hosts )</li>\r\n                <li> In Unix/Linux, hosts file location is ( /etc/hosts )</li>\r\n                <li> Add following in the hosts file:-</li>\r\n                <span style=\"margin-left: 6%;\">format - [NetOcean_IP] [space separated list of all hosts]</span>\r\n                <li> Access application using URL Ex:- (\r\n                    <strong>{{this._common.proto}}://{{loginIP}}:HPDPort/ServiceUrl</strong> )\r\n                </li>\r\n            </ul>\r\n        </fieldset><br>\r\n        <fieldset>\r\n            <legend>Host List</legend>\r\n            <div class=\"cav-mx-2\">\r\n                <textarea rows=\"10\" columns=\"10\" class=\"w-100-p\" pInputTextarea spellcheck=\"false\"\r\n                    [(ngModel)]=\"hostCapturedList\" readonly></textarea>\r\n            </div>\r\n        </fieldset>\r\n\r\n        <div class=\"p-grid p-justify-end\">\r\n            <button pButton type=\"button\" title=\"Download\" label=\"Download\" class=\"ui-button-rounded mx-3\"\r\n                (click)=\"downloadRecordedHost()\"></button>\r\n            <button pButton type=\"button\" title=\"Proceed\" label=\"Proceed\" class=\"ui-button-rounded mx-3\"\r\n                (click)=\"createService()\"></button>\r\n        </div>\r\n\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!-- Dialog box to show the list of duplicate URL's -->\r\n<p-dialog [contentStyle]=\"{'min-height':'300px', 'width': '880px'}\" [minY]=\"70\" modal=\"true\" class=\"profile-dialog\"\r\n    header=\"Duplicate URLs\" [(visible)]=\"displayDuplicateUrlList\" [responsive]=\"true\" [maximizable]=\"false\"\r\n     [resizable]=\"false\" [closable]=\"false\">\r\n    <div class=\"p-grid p-justify-end\">\r\n        <div class=\"cav-pb-2 cav-mr-n2 cav-fnt-weight600 count-text\">Total Count: {{duplicateServicesCount}}</div>\r\n    </div>\r\n    <div class=\"outer-block\">\r\n        <cav-table [value]=\"duplicateServices\" [headerRelativePath]=\"headerRelativePath\" [scrollable]=\"true\" [responsive] =\"true\" \r\n            scrollHeight=\"262px\"></cav-table>\r\n    </div>\r\n    <div class=\"p-grid p-justify-end\">\r\n        <p-button title=\"Cancel\" (click)=\"displayDuplicateUrlList = false\" label=\"Cancel\"></p-button>\r\n    </div>\r\n</p-dialog>\r\n\r\n\r\n<!-- Dialog box for duplicate URLs in service recording -->\r\n<p-dialog [style]=\"{width: '575px'}\" class=\"profile-dialog\" header=\"Warning\"\r\n    [(visible)]=\"displayDuplicateUrlDialog\" modal=\"modal\" >\r\n    <div class=\"duplicate-url-title\">Selected service(s) already exist.\r\n        <span class=\"hyperlink\" style=\"cursor: pointer;color: blue;font-size: .9em;\"\r\n            (click)=\"createDuplicateUrlList()\">(Click to view existing service(s))</span>\r\n    </div>\r\n\r\n    <div class=\"ui-g\">\r\n        <div class=\"ui-g-12\">\r\n            <p-radioButton name=\"group1\" value=\"addTemplate\" label=\"Create templates in the existing services\"\r\n                [(ngModel)]=\"duplicateUrlChoice\" inputId=\"opt1\"></p-radioButton>\r\n            <span style=\"margin-left: 2%;\"\r\n                title=\"Template will be created for existing service(s) which may be present in a different project/subproject\">\r\n                <li class=\"icons8 icons8-info\" style=\"cursor:pointer\"></li>\r\n            </span>\r\n\r\n        </div>\r\n        <div class=\"ui-g-12\">\r\n            <p-radioButton name=\"group1\" value=\"delete\" label=\"Delete existing service(s) and create new service(s)\"\r\n                [(ngModel)]=\"duplicateUrlChoice\" inputId=\"opt2\"></p-radioButton>\r\n        </div>\r\n        <div *ngIf=\"isEnableService\" class=\"ui-g-12\">\r\n            <p-radioButton name=\"group1\" value=\"disable\" label=\"Stop existing service(s) and create new service(s)\"\r\n                [(ngModel)]=\"duplicateUrlChoice\" inputId=\"opt3\"></p-radioButton>\r\n        </div>\r\n    </div>\r\n\r\n    <p-footer>\r\n        <!-- <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\"> -->\r\n        <div class=\"p-grid p-align-center w-100-p\">\r\n            <div class=\"p-col-9 \">\r\n                <div  *ngIf=\"duplicateUrlChoice == 'addTemplate'\">\r\n                    <p>\r\n                        <b>Note:</b>\r\n                        New templates will be in \"inActive\" state except for SOAP service(s). \r\n                    </p>\r\n                    <p style=\"padding-right: 120px;\" >\r\n                        You need to add template selection condition.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"p-grid p-col-3 p-align-center p-justify-end \">\r\n                <button type=\"button\" pButton [disabled]=\"isDoubleClick\" (click)=\"handleDupUrl()\"\r\n                    label=\"Proceed\"></button>\r\n            </div>\r\n        </div>\r\n\r\n    </p-footer>\r\n</p-dialog>\r\n\r\n<!-- Dialog box for HeaderList in service recording -->\r\n<p-dialog styleClass=\"prime-dialog\" [(visible)]=\"isHeaderList\" [modal]=\"true\" [resizable]=\"false\" [closable]=\"false\">\r\n    <p-header class=\"cav-d-flex cav-justify-content-between cav-align-items-center\">\r\n        <div class=\"p-grid p-justify-between\">\r\n            <div>Header List</div>\r\n            <div><button pButton class=\"ui-button-rounded mx-3\" type=\"button\" label=\"OK\"\r\n                    (click)=\"isHeaderList=false\"></button></div>\r\n        </div>\r\n    </p-header>\r\n    <div class=\"dailog-mar-pad\">\r\n        <div class=\"cav-my-2\">Selected headers from the below list is to be configured in recorded services.</div>\r\n        <hr class=\"hr-new cav-m-0\">\r\n        <ul class=\"cav-bdr headerList\" style=\"columns:2;-webkit-columns: 2;-moz-columns: 2;\">\r\n            <li *ngFor=\"let header of this._common.headerList\" class=\"cav-p-2\">\r\n                <span><p-checkbox [(ngModel)]=\"arrHeaders\" value=\"{{header}}\"></p-checkbox><b> {{header}}</b></span>\r\n            </li>\r\n        </ul>\r\n        <div class=\"cav-my-2\">Select the checkbox to configure Service-Time in recorded services.</div>\r\n        <hr class=\"hr-new cav-m-0\">\r\n        <ul class=\"headerList\" style=\"columns:2;-webkit-columns: 2;-moz-columns: 2;\">\r\n            <li class=\"cav-p-2\">\r\n                <span><p-checkbox [(ngModel)]=\"isSvcTimeEnab\" binary=\"true\"></p-checkbox><b> Enable Service\r\n                        Time</b></span>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</p-dialog>\r\n\r\n<!--alert box code........-->\r\n<p-dialog class=\"profile-dialog\" header=\"Alert\" [(visible)]=\"display\" modal=\"modal\" [style]=\"{width: '300px'}\"\r\n    [responsive]=\"true\">\r\n    {{alertMessage}}\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button type=\"button\" pButton icon=\"fa-check\" (click)=\"display=false\" label=\"Ok\"></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n\r\n\r\n<app-netocean-service-progress-bar> </app-netocean-service-progress-bar>\r\n\r\n<p-confirmDialog class=\"confirmdialog\" [baseZIndex]=\"999999\" header=\"Confirmation\" acceptIcon=\"null\" rejectIcon=\"null\"\r\n    acceptLabel=\"Yes\" rejectLabel=\"No\" acceptButtonStyleClass=\"ui-button-rounded px-10\"\r\n    rejectButtonStyleClass=\"ui-button-rounded ui-button-secondary px-10 mx-6\"></p-confirmDialog>");

/***/ }),

/***/ "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.scss":
/*!*******************************************************************************************************************!*\
  !*** ./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.scss ***!
  \*******************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("app-netocean-request-response .duplicate-service {\n  background-color: #FFCCCB;\n  color: var(--body-text-color);\n}\napp-netocean-request-response .duplicate-url-title {\n  font-size: 1.1em;\n  color: red;\n  margin-bottom: 5px;\n}\napp-netocean-request-response .content-style {\n  line-height: 22px;\n}\napp-netocean-request-response .content-style ul {\n  list-style: disc !important;\n  margin-bottom: 25px;\n}\napp-netocean-request-response .content-style ul li {\n  list-style: disc !important;\n}\napp-netocean-request-response .content-style ol {\n  list-style: decimal !important;\n}\napp-netocean-request-response .content-style ol li {\n  list-style: decimal !important;\n}\napp-netocean-request-response .uploadButton {\n  position: relative;\n}\napp-netocean-request-response .uploadButton .uploadButton__label {\n  display: inline-block;\n  padding: 8px 12px 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  background-color: #53B771;\n  font-weight: bolder;\n  color: #fff;\n}\napp-netocean-request-response .uploadButton input {\n  position: absolute;\n  opacity: 0;\n  padding: 5px;\n  cursor: pointer;\n  width: 130px;\n  top: 6px;\n  left: 0;\n  font-size: 17px;\n  color: #999999;\n}\napp-netocean-request-response .drpPosition {\n  position: absolute;\n  right: 8px;\n  top: 10px;\n  z-index: 55;\n}\napp-netocean-request-response .drpPosition1 {\n  position: absolute;\n  right: 11px;\n  z-index: 100;\n  top: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\napp-netocean-request-response .custom-tab .editor-container-row-5 {\n  height: 220px;\n}\napp-netocean-request-response .custom-tab .editor-container-row-4 {\n  height: 270px;\n}\napp-netocean-request-response .custom-tab .editor-container-row-3 {\n  height: 310px;\n}\napp-netocean-request-response .custom-tab .editor-container-row-2 {\n  height: 360px;\n}\napp-netocean-request-response .custom-tab .editor-container-row-1 {\n  height: 380px;\n}");

/***/ }),

/***/ "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.ts":
/*!*****************************************************************************************************************!*\
  !*** ./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.ts ***!
  \*****************************************************************************************************************/
/*! exports provided: NetoceanRequestResponseComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NetoceanRequestResponseComponent", function() { return NetoceanRequestResponseComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
/* harmony import */ var _services_netocean_common_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../services/netocean-common.service */ "./src/app/pages/home/netocean/services/netocean-common.service.ts");
/* harmony import */ var _services_manage_services_info_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../services/manage-services-info.service */ "./src/app/pages/home/netocean/services/manage-services-info.service.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
/* harmony import */ var src_app_pages_tools_configuration_nd_config_services_cav_top_panel_navigation_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/pages/tools/configuration/nd-config/services/cav-top-panel-navigation.service */ "./src/app/pages/tools/configuration/nd-config/services/cav-top-panel-navigation.service.ts");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm2015/index.js");
/* harmony import */ var _services_progress_bar_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../services/progress-bar.service */ "./src/app/pages/home/netocean/services/progress-bar.service.ts");
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primeng/api */ "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-api.js");
/* harmony import */ var _services_netocean_config_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../services/netocean-config-service */ "./src/app/pages/home/netocean/services/netocean-config-service.ts");
/* harmony import */ var _script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../script-manager/services/script-utils.service */ "./src/app/pages/home/script-manager/services/script-utils.service.ts");
/* harmony import */ var xml_beautifier__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! xml-beautifier */ "./node_modules/xml-beautifier/dist/index.js");
/* harmony import */ var xml_beautifier__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(xml_beautifier__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _services_netocean_projSubProj_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../services/netocean-projSubProj.service */ "./src/app/pages/home/netocean/services/netocean-projSubProj.service.ts");
/* harmony import */ var _services_netocean_rest_api_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../services/netocean-rest-api.service */ "./src/app/pages/home/netocean/services/netocean-rest-api.service.ts");














let NetoceanRequestResponseComponent = class NetoceanRequestResponseComponent {
    constructor(_common, _commonProjSubProj, changeDetectorRef, _manage, _route, _navService, messageService, _progress, _netoceanConfig, scriptUtilService, netoceanRestApi) {
        this._common = _common;
        this._commonProjSubProj = _commonProjSubProj;
        this.changeDetectorRef = changeDetectorRef;
        this._manage = _manage;
        this._route = _route;
        this._navService = _navService;
        this.messageService = messageService;
        this._progress = _progress;
        this._netoceanConfig = _netoceanConfig;
        this.scriptUtilService = scriptUtilService;
        this.netoceanRestApi = netoceanRestApi;
        // contetn type array
        this.contentTypes = [
            { name: 'TEXT', mode: 'text/plain' },
            { name: 'CSS', mode: 'css' },
            { name: 'HTML', mode: 'html' },
            { name: 'JavaScript', mode: 'javascript' },
            { name: 'XML', mode: 'xml' },
            { name: 'JSON', mode: 'json' }
        ];
        // Request Type
        this.selectedTypeRequest = { name: 'XML', mode: 'xml' };
        // Response Type
        this.selectedTypeResponse = { name: 'XML', mode: 'xml' };
        // Request Header Type
        this.editorOptionsHdrReq = {
            theme: 'Light', language: this.selectedTypeRequest.mode, lineDecorationsWidth: 1, foldingStrategy: "auto", showFoldingControls: "mouseover",
            renderIndentGuides: false, renderLineHighlight: 'line', glyphMargin: false, lineNumbersMinChars: 0,
            minimap: { enabled: false },
            fontFamily: 'inherit',
            scrollbar: {
                verticalScrollbarSize: 5,
            },
            wordWrap: 'off',
            readOnly: false
        };
        // Response Header Type
        this.editorOptionsHdrResp = {
            theme: 'Light', language: this.selectedTypeResponse.mode, lineDecorationsWidth: 1, foldingStrategy: "auto", showFoldingControls: "mouseover",
            renderIndentGuides: false, renderLineHighlight: 'line', glyphMargin: false, lineNumbersMinChars: 0,
            minimap: { enabled: false },
            fontFamily: 'inherit',
            scrollbar: {
                verticalScrollbarSize: 5,
            },
            wordWrap: 'off',
            readOnly: false
        };
        this.closable = false;
        this.display = false;
        this.isSvcTimeEnab = true;
        this.arrHeaders = [];
        this.values = [];
        this.requestResponse = [];
        this.rowSelected = [];
        this.alertMessage = '';
        this.requestData = '';
        this.responseData = '';
        this.reqHeader = '';
        this.resHeader = '';
        this.bodyReq = '';
        this.bodyRes = '';
        this.isReq = false;
        this.isRes = false;
        this.decodeReqData = '';
        this.activateAction = 'no';
        this.isHostInfo = false;
        this.editColumnName = {};
        this.loginIP = '';
        this.filterUrl = '';
        this.filterService = '';
        this.filterTemp = '';
        this.filterRequestFile = '';
        this.filterResponseFile = '';
        this.isShowFilter = false;
        this.isHeaderList = false;
        this.countLabel = '';
        this.openFrom = 'NO';
        this.config = {
            lineNumbers: true,
            mode: 'xml'
        };
        // Properties for Duplicate Url dialog
        this.displayDuplicateUrlDialog = false;
        this.duplicateUrlChoice = "addTemplate";
        // Properties for Duplicate Url list dialog
        this.displayDuplicateUrlList = false;
        this.duplicateServices = [];
        this.duplicateServicesCount = 0;
        this.isDoubleClick = false;
        this.rrPairServiceTable = [];
        this.selectedFileName = "";
        this.uploadedFiles = [];
        this.textType = '0';
        this.isuploadType = false;
        this.editorOptionsHdr = {
            theme: 'Light', language: 'c', lineDecorationsWidth: 1, foldingStrategy: "auto", showFoldingControls: "mouseover",
            renderIndentGuides: false, renderLineHighlight: 'line', glyphMargin: false, lineNumbersMinChars: 0,
            minimap: { enabled: false },
            fontFamily: 'inherit',
            scrollbar: {
                verticalScrollbarSize: 5,
            },
            wordWrap: 'off',
            readOnly: true
        };
        this.toolTip = "show filter for captured Url list";
        this.showPaginator = false;
        this.disableRequestBeautify = false;
        this.disableResponseBeautify = false;
        this.isActive = false;
        this.totalCalls = 0;
        this.currentCall = 0;
        this.isEnableService = true;
        this.headerRelativePath = "netocean/services/duplicate-services.json";
        this.requestResponse = this._common.$recordedList;
        if (this.requestResponse.length > 20) {
            this.showPaginator = true;
        }
        else {
            this.showPaginator = false;
        }
        this.openFrom = this._netoceanConfig.openFrom;
        if (this.openFrom == 'script') {
            this.isHeaderList = false;
        }
        else if (this._common.headerList.length != 0) {
            this.isHeaderList = true;
            this.showHeaderButton = true;
        }
        this.arrHeaders = this._common.headerList;
        this.recordedServiceCount = this.requestResponse.length;
        if (this.recordedServiceCount != 0) {
            this.countLabel = "(Count: " + this.recordedServiceCount + ")";
        }
        this.editColumnName = { url: 'url', request: 'request', response: 'response', ServiceName: 'ServiceName', TemplateName: 'TemplateName' };
        this.recordedCols = [
            { field: 'url', header: 'URL' },
            { field: 'request', header: 'Request File' },
            { field: 'response', header: 'Response File' },
            { field: 'ServiceName', header: 'Service Name' },
            { field: 'TemplateName', header: 'Template Name' },
        ];
    }
    ngOnInit() {
        var _a;
        try {
            this.selectedTypeRequest = { name: 'JSON', mode: 'json' };
            this.selectedTypeResponse = { name: 'JSON', mode: 'json' };
            this.beautifyRequestContent();
            this.beautifyResponseContent();
            if (this._common.addMode == 'RR Pairs Mode')
                this._common.isRRPair = true;
            else
                this._common.isNONRRPair = true;
            this.loginIP = sessionStorage.getItem('ip');
            if (this._common.addMode != "RR Pairs Mode" && this._common.hostListRecorded != undefined) {
                this.hostCapturedList = this.loginIP + "  " + this._common.hostListRecorded[0];
                if (this._common.hostListRecorded.length > 1) {
                    for (let i = 1; i < this._common.hostListRecorded.length; i++)
                        this.hostCapturedList = this.hostCapturedList + "  " + this._common.hostListRecorded[i];
                }
            }
            this.getStatus();
            this.setUniqueNameForTemplates();
            if (this.requestResponse.length != 0) {
                this.getRequestResponse(this.requestResponse[0]);
            }
            this.isWrite = ((_a = this._commonProjSubProj.projects) === null || _a === void 0 ? void 0 : _a.length) == 0;
        }
        catch (error) {
            console.error('error in loading a data', error);
        }
    }
    onInitEditor(e) {
        this.changeDetectorRef.detectChanges();
    }
    showHideFilter() {
        this.isShowFilter = !this.isShowFilter;
        if (this.isShowFilter) {
            this.toolTip = "Hide filter for Captured Url List";
        }
        else {
            this.toolTip = "show filter for captured Url list";
            this.filterUrl = '';
            this.filterService = '';
            this.filterTemp = '';
            this.filterRequestFile = '';
            this.filterResponseFile = '';
            this.dt.reset();
        }
    }
    createDuplicateUrlList() {
        this.displayDuplicateUrlList = true;
        //Pushing duplicate url's into a different array to show in table
        this.duplicateServices = [];
        for (let i = 0; i < this.requestResponse.length; i++) {
            if ('hasDuplicate' in this.requestResponse[i]) {
                const duplicateItem = this.duplicateServices.find(item => item.url === this.requestResponse[i].url);
                if (duplicateItem) {
                    continue;
                }
                else {
                    this.duplicateServices.push({ 'project': this.requestResponse[i]['project'], 'subproject': this.requestResponse[i]['subProject'], 'serviceName': this.requestResponse[i]['ServiceName'], 'url': this.requestResponse[i]['url'] });
                }
            }
        }
        this.duplicateServicesCount = this.duplicateServices.length;
    }
    serviceCreation(val) {
        try {
            this.activateAction = val;
            if (this._common.domain == 'Webpage Recording')
                this.isHostInfo = true;
            else
                this.createService();
        }
        catch (error) {
            console.error('error in loading a data', error);
        }
    }
    downloadRecordedHost() {
        try {
            // This variable stores all the data.
            let data = this.hostCapturedList;
            // Convert the text to BLOB.
            const textToBLOB = new Blob([data], { type: 'text/plain' });
            const sFileName = 'formData.txt'; // The file to save the data.
            let newLink = document.createElement("a");
            newLink.download = sFileName;
            newLink.href = window.URL.createObjectURL(textToBLOB);
            newLink.style.display = "none";
            document.body.appendChild(newLink);
            newLink.click();
        }
        catch (error) {
            console.error('error in loading a data', error);
        }
    }
    /**get a recorded response on click of link */
    getRequestResponse(url) {
        this.reqHeader = "Request ( " + url['request'] + ' )'; //for tooltip
        this.resHeader = "Response ( " + url['response'] + ' )'; //for tooltip
        this._common.getRecordedData(url['tempUrl'] + '/request/' + url['request'], url['tempUrl'] + '/response/' + url['response']);
        this.reqToolTip = '(' + url['ServiceName'] + " " + url['url'] + ')';
    }
    /**get a status of request and response */
    getStatus() {
        this.reqSub = this._common.netoceanServiceProvider$.subscribe(result => {
            if (this._common.action == 'ADDUSINGRECORDING') {
                if (result['status']) {
                    this.showDialog('Services added successfully.');
                    this.isActive = false;
                    this._navService.addNewNaviationLink('Manage');
                    this._route.navigate(['/home/net-ocean/manageServices']);
                    this._progress.stopProgressBar();
                }
                else {
                    this.showDialog('Error while adding services.');
                    this._progress.stopProgressBar();
                    this.isActive = false;
                    this.displayDuplicateUrlDialog = false;
                    this.isHostInfo = false;
                    return;
                }
            }
            if (this._common.action == 'GETRESPONSE') {
                /**get data for Request field from the Request (request body) */
                this.bodyReq = result['requestData'];
                this.requestData = result['Request'];
                this.copyBodyReq = this.bodyReq;
                this.copyRequestData = this.requestData;
                this.decodeReqData = result['decodedRequest'];
                /**get data for Request field from the Response (response body) */
                this.bodyRes = result['responseData'];
                this.responseData = result['Response'];
                this.copyBodyRes = this.bodyRes;
                this.copyResponseData = this.responseData;
                // call for beautification
                this.checkContentFormatForBeautification();
            }
            if (this._common.action == 'ADDEDSVCCOUNTER') {
                this._common.actualCount = result['addedCount'];
                this._common.finalCount = this.rowSelected.length;
                this._progress.recordService = true;
                this._progress.startProgressBar('Creating Service(s) ...' + result['addedCount'] + " out of " + this.rowSelected.length);
            }
        }, error => {
            console.error('error in the unsubscription in netocean service provider', error);
            this.reqSub.unsubscribe();
        }, () => {
            this.reqSub.unsubscribe();
        });
    }
    /**create a service for selected services */
    createService() {
        var _a;
        try {
            this.isEnableService = true;
            this.netoceanRestApi.assignProjSubProj(this._commonProjSubProj.selectedProj, this._commonProjSubProj.selectedSubproj);
            this.isHostInfo = false;
            this._common.prefixApplicationName = '';
            if (this.rowSelected.length == 0) {
                this.showDialog('Please select the records for creating the services.');
                return;
            }
            if (this._commonProjSubProj.selectedProj == undefined || ((_a = this._commonProjSubProj.selectedProj) === null || _a === void 0 ? void 0 : _a.length) == 0 || this._commonProjSubProj.selectedProj == null) {
                this.showDialog('Please select Proect and Sub-Project');
                return;
            }
            let hasDuplicate = false;
            for (let i = 0; i < this.rowSelected.length; i++) {
                if (this.rowSelected[i]['isEnable'] === false) {
                    this.isEnableService = Boolean(this.rowSelected[i]['isEnable']);
                }
                // Check if any of the selected rows have "hasDuplicate" property 
                if ('hasDuplicate' in this.rowSelected[i]) {
                    hasDuplicate = true; // Decides whether the dialog should be opened or not
                }
                let chklength = this.rowSelected[i]['ServiceName'];
                if (chklength.length > 64) {
                    let subChkdata = this.rowSelected[i]['ServiceName'];
                    this.rowSelected[i]['ServiceName'] = subChkdata.substring(0, 60);
                }
                if (this.rowSelected[i]['ServiceName'] == undefined || this.rowSelected[i]['ServiceName'] == '') {
                    this.showDialog('Service name cannot be empty.');
                    return;
                }
                let isExistServiceName = false;
                let isReadOnly = false;
                if (this._manage.$NetoceanService.length != 0) {
                    for (let j = 0; j < this._manage.$NetoceanService.length; j++) {
                        let tempExistElement = this._manage.$NetoceanService[j]['project'] + "/" + this._manage.$NetoceanService[j]['subProject'] + "/" + this._manage.$NetoceanService[j]['services'];
                        let tempNewElement = this._commonProjSubProj.selectedProj + "/" + this._commonProjSubProj.selectedSubproj + "/" + this.rowSelected[i]['ServiceName'];
                        if (tempNewElement == tempExistElement && this.rowSelected[i]['hasDuplicate'] == undefined) {
                            isExistServiceName = true;
                            break;
                        }
                        if (parseInt(this._manage.$NetoceanService[j]['permission']) < 5 && this.rowSelected[i]['hasDuplicate'] && this._manage.$NetoceanService[j]['project'] == this.rowSelected[i]['project']) {
                            isReadOnly = true;
                            break;
                        }
                    }
                }
                if (isExistServiceName) {
                    this.showDialog('Service Name(' + this.rowSelected[i]['ServiceName'] + ') is already exists in same project-subProject. Please assign other Name.');
                    return;
                }
                if (isReadOnly) {
                    this.showDialog("URL is already exists in " + this.rowSelected[i]['project'] + '/' + this.rowSelected[i]['subProject'] + " and user have read only permission on it.");
                    return;
                }
                if (this.rowSelected[i]['TemplateName'] == undefined || this.rowSelected[i]['TemplateName'] == '') {
                    this.showDialog('Template name cannot be empty.');
                    return;
                }
                let noPermission = false;
                let tempArr = [];
                this._commonProjSubProj.projects.forEach(element => {
                    tempArr.push(element.value);
                });
                if (tempArr.indexOf(this.rowSelected[i]['project']) == -1 && this.rowSelected[i]['hasDuplicate'] != undefined) {
                    noPermission = true;
                }
                if (noPermission) {
                    this.showDialog("Service can not be create as URL already exist in " + this.rowSelected[i]['project'] + "/" + this.rowSelected[i]['subProject'] + "\r\nAnd user don't have permission on it.");
                    return;
                }
                /**To Set a Service name same for the same urls */
                for (let j = i + 1; j < this.rowSelected.length; j++) {
                    /**if urls are same then assign all service name as same */
                    if (this.rowSelected[j]['url'] == this.rowSelected[i]['url'] && this.rowSelected[i]['ServiceName'] != undefined
                        && this.rowSelected[i]['ServiceName'] != '') {
                        this.rowSelected[j]['ServiceName'] = this.rowSelected[i]['ServiceName'];
                    }
                    /**check for all the services if urls are not same and service names are same */
                    if (this.rowSelected[j]['ServiceName'] == this.rowSelected[i]['ServiceName']
                        && this.rowSelected[j]['url'] != this.rowSelected[i]['url']) {
                        this.rowSelected[j]['ServiceName'] = this.rowSelected[j]['ServiceName'] + '_1';
                    }
                }
            }
            this.isclick = true;
            /** Open a duplicate url's choice dialog here  */
            if (hasDuplicate) {
                // Display dialog for getting user's choice
                this.displayDuplicateUrlDialog = true;
                this.isclick = false;
                // Assigning the values to a temporary object
                this.serviceProperties = {
                    hasDuplicate: hasDuplicate,
                    rowSelected: this.rowSelected
                };
            }
            else {
                // Disabling previous instance of this progress bar(if any)
                try {
                    this._progress.stopProgressBar();
                }
                catch (error) {
                    console.log(error);
                }
                this.getAddedServicesCounter();
                /**send a rest call for saving a multiple urls and recording */
                this._common.addNetoceanServiceForRecording(this.rowSelected, hasDuplicate, this.duplicateUrlChoice, this.arrHeaders, this.isSvcTimeEnab, this.activateAction);
            }
        }
        catch (error) {
            console.error('error in adding netocean service for recording', error);
        }
    }
    /**get a no of request response */
    getAddedServicesCounter() {
        try {
            this.subscription = rxjs__WEBPACK_IMPORTED_MODULE_6__["Observable"].timer(10, 2000).subscribe(t => {
                console.log(`Function call at ${new Date().toLocaleTimeString()}`);
                this._common.getAddedServicesCounter();
            }, error => {
                this.subscription.unsubscribe();
            }, () => {
                this.subscription.unsubscribe();
            });
        }
        catch (error) {
            console.error('error in counter', error);
        }
    }
    handleDupUrl() {
        // Disabling previous instance of this progress bar(if any)
        try {
            this._progress.stopProgressBar();
        }
        catch (error) {
            console.error(error);
        }
        this.netoceanRestApi.assignProjSubProj(this._commonProjSubProj.selectedProj, this._commonProjSubProj.selectedSubproj);
        this.isclick = true;
        /**send a rest call for saving a multiple urls and recording */
        this.getAddedServicesCounter();
        this._common.addNetoceanServiceForRecording(this.serviceProperties["rowSelected"], this.serviceProperties["hasDuplicate"], this.duplicateUrlChoice, this.arrHeaders, this.isSvcTimeEnab, this.activateAction);
        this.isDoubleClick = true;
    }
    /** showing a dialog */
    showDialog(message) {
        try {
            this.alertMessage = message;
            this.display = true;
        }
        catch (error) {
            console.error('error in intailization component ->', error);
        }
    }
    /**validate the service names */
    validateServiceName(event) {
        try {
            for (let i = 0; i < this.requestResponse.length; i++) {
                for (let j = i + 1; j < this.requestResponse.length; j++) {
                    if (this.requestResponse[j]['url'] == this.requestResponse[i]['url']) {
                        if (this.requestResponse[i]['ServiceName'] != '' && this.requestResponse[i]['ServiceName'] != undefined) {
                            this.requestResponse[j]['ServiceName'] = this.requestResponse[i]['ServiceName'];
                        }
                    }
                }
            }
        }
        catch (error) {
            console.error('error in validating a service', error);
        }
    }
    ngOnDestroy() {
        try {
            if (this.reqSub != undefined) {
                this.reqSub.unsubscribe();
            }
            if (this.subscription != undefined) {
                this.subscription.unsubscribe();
            }
            this.isEnableService = true;
            this._progress.recordService = false;
            this._common.actualCount = 0;
            this._common.finalCount = 0;
            this._progress.stopProgressBar();
            /**Do reset these fields for RR-Services Add Operation */
            this._common.$recordedList = [];
            this._common.headerList = [];
            this._common.addMode = '';
            this.isHostInfo = false;
            this._common.isNONRRPair = false;
            this._common.isRRPair = false;
            this.isclick = false;
            this._common.domain = '';
            this._common.proto = '';
            this._common.homeUrl = '';
            this._common.replaceUrls = false;
            this._common.isWebpageDomain = false;
            this._common.enableDateTime = true;
            this._common.isOPenFromRRPair = false;
        }
        catch (error) {
            console.error('error in destroying a component', error);
        }
    }
    /**validation on spacing */
    validateQty(event) {
        if (event.charCode == 32) {
            return false;
        }
        return true;
    }
    /**set a service name for exiating Urls */
    getServiceNameForExistingUrls() {
        try {
            let getNoServices = this._manage.$NetoceanService;
            for (let i = 0; i < this.requestResponse.length; i++) {
                for (let j = 0; j < getNoServices.length; j++) {
                    if (this.requestResponse[i]['url'] == getNoServices[j]['url']) {
                        this.requestResponse[i]['ServiceName'] = getNoServices[j]['services'];
                        break;
                    }
                }
            }
        }
        catch (error) {
            console.error('error in getting a service name for existing urls', error);
        }
    }
    /** Set a service name according to the end point Urls */
    setUniqueNameForTemplates() {
        try {
            this._progress.startProgressBar('Please Wait... Intializing Service Name Configurations..');
            /**request reaponse list */
            for (let i = 0; i < this.requestResponse.length; i++) {
                if (this.requestResponse[i]['url'] == '/') {
                    this.requestResponse[i]['url'] = this.requestResponse[i]['url'] + this._common.prefixApplicationName;
                    this.requestResponse[i]['ServiceName'] = this._common.prefixApplicationName;
                    continue;
                }
                if (this.requestResponse[i]['ServiceName'] == '' || this.requestResponse[i]['ServiceName'] == undefined) {
                    let requestUrl = this.requestResponse[i]['url'];
                    if (requestUrl.indexOf('/') != -1) {
                        /**check for the set result type for service name*/
                        let getVal = requestUrl.split('/');
                        let setVal = getVal[getVal.length - 1];
                        if (setVal == '' && getVal.length > 1) {
                            setVal = getVal[getVal.length - 2];
                        }
                        if (setVal.indexOf('.') != -1) {
                            if (setVal.substring(0, setVal.indexOf('.')) != "")
                                setVal = setVal.substring(0, setVal.indexOf('.'));
                            else
                                setVal = setVal.substring(1);
                        }
                        setVal = this._common.prefixApplicationName + '_' + setVal;
                        if (setVal.length > 64) {
                            setVal = setVal.substring(0, 60);
                        }
                        this.requestResponse[i]['ServiceName'] = setVal;
                    }
                }
            }
            /**get  service name for existing urls */
            this.getServiceNameForExistingUrls();
            /**check a duplicate name services */
            this.checkDuplicateNameServices();
            /**Assigning a name of the services in the rowselectMethods */
            this.rowSelected = this.requestResponse;
            this._progress.stopProgressBar();
        }
        catch (error) {
            console.error('error in set a unique template names', error);
        }
    }
    /**check a duplicate name services */
    checkDuplicateNameServices() {
        try {
            for (let i = 0; i < this.requestResponse.length; i++) {
                let serviceName = this.requestResponse[i]['ServiceName'];
                let count = -1;
                for (let j = 0; j < this.requestResponse.length; j++) {
                    if (this.requestResponse[j]['ServiceName'] == serviceName) {
                        count++;
                        if (count > 0) {
                            this.requestResponse[j]['ServiceName'] = this.requestResponse[j]['ServiceName'] + '_' + count;
                        }
                    }
                }
                /**check a special symbols and replace with a underscore */
                let service = this.requestResponse[i]['ServiceName'];
                service = service.replace(/[^a-zA-Z0-9]/g, '_');
                if (service.indexOf('_') != -1) {
                    while (service.indexOf('_') == 0)
                        service = service.substring(1);
                }
                this.requestResponse[i]['ServiceName'] = service;
            }
        }
        catch (error) {
            console.error('error in checking a duplicate services', error);
        }
    }
    // Making custom function for sorting numbers, dates and strings
    customSort(event) {
        event.data.sort((data1, data2) => {
            let value1 = data1[event.field];
            let value2 = data2[event.field];
            let result = null;
            let temp1;
            let temp2;
            // Sorting null values
            if (value1 == null && value2 != null)
                result = -1;
            else if (value1 != null && value2 == null)
                result = 1;
            else if (value1 == null && value2 == null)
                result = 0;
            else {
                //Checking fields individually for their type and sort data accordingly.
                if (event['field'] == 'url' || event['field'] == 'ServiceName' || event['field'] == 'TemplateName') {
                    //for string type fields
                    result = value1.localeCompare(value2);
                }
                else
                    result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
            }
            return (event.order * result);
        });
    }
    clearFields() {
        if (!this.isuploadType) {
            this.fileUpload.clear();
        }
        this.rrPairServiceTable = [];
        this.selectedFileName = '';
        this.uploadedFiles = [];
        this.isuploadType = false;
        this.textType = '0';
    }
    resetTableData() {
        try {
            this.requestResponse = [];
            this.countLabel = '';
            this.bodyReq = '';
            this.requestData = '';
            this.decodeReqData = '';
            this.bodyRes = '';
            this.responseData = '';
            this.copyBodyReq = '';
            this.copyRequestData = '';
            this.copyBodyRes = '';
            this.copyResponseData = '';
            this.clearFields();
        }
        catch (error) {
            console.log("error ", error);
        }
    }
    uploadType(val) {
        if (val == '1')
            this.isuploadType = true;
        else
            this.isuploadType = false;
    }
    createScript() {
        this._common.creteScriptService(this.requestResponse[0].tempUrl);
        let DataSubcription = this._common.creteScriptService(this.requestResponse[0].tempUrl)
            .subscribe(result => {
            if (result.status) {
                this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Script successfully created' });
                let data = this._netoceanConfig.createScriptInfo.s.split('/');
                this.scriptUtilService.sendEditScriptObj(data[0] + '/' + data[1], data[3], 'Edit', false);
                this._route.navigate(['/script']);
            }
            else
                this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Error in creating script please try again' });
        }, error => {
            console.error('error in fetching supported extensions', error);
            DataSubcription.unsubscribe();
        }, () => {
            DataSubcription.unsubscribe();
        });
    }
    beautifyRequestContent() {
        try {
            this.bodyReq = this.copyBodyReq;
            if (this.selectedTypeRequest.mode == 'xml' || this.selectedTypeRequest.mode == 'html') {
                this.bodyReq = this.xmlFormatter(this.bodyReq);
            }
            this.editorOptionsHdrReq = Object.assign(Object.assign({}, this.editorOptionsHdrReq), { language: this.selectedTypeRequest.mode });
            this._common.formatEditorContent(this.editor1, this.selectedTypeRequest.mode, false);
        }
        catch (error) {
            console.error("Error in beautify", error);
        }
    }
    xmlFormatter(data) {
        try {
            data = xml_beautifier__WEBPACK_IMPORTED_MODULE_11___default()(data);
            return data;
        }
        catch (error) {
            console.error("Error in xmlFormatter", error);
        }
    }
    beautifyResponseContent() {
        try {
            this.bodyRes = this.copyBodyRes;
            if (this.selectedTypeResponse.mode == 'xml' || this.selectedTypeResponse.mode == 'html') {
                this.bodyRes = this.xmlFormatter(this.bodyRes);
            }
            this.editorOptionsHdrResp = Object.assign(Object.assign({}, this.editorOptionsHdrResp), { language: this.selectedTypeResponse.mode });
            this._common.formatEditorContent(this.editor, this.selectedTypeResponse.mode, false);
        }
        catch (error) {
            console.error("Error in beautify", error);
        }
    }
    checkContentFormatForBeautification() {
        try {
            let isJsonReq = this._common.isJsonString(this.bodyReq);
            let isJsonRes = this._common.isJsonString(this.bodyRes);
            if (isJsonReq) {
                this.selectedTypeRequest = { 'name': 'JSON', 'mode': 'json' };
                this.beautifyRequestContent();
            }
            else {
                let status = this._common.isXmlString(this.bodyReq);
                if (status) {
                    this.selectedTypeRequest = { 'name': 'XML', 'mode': 'xml' };
                    this.beautifyRequestContent();
                }
                else {
                    this.selectedTypeRequest = { 'name': 'TEXT', 'mode': 'text/plain' };
                    this.beautifyRequestContent();
                }
            }
            if (isJsonRes) {
                this.selectedTypeResponse = { 'name': 'JSON', 'mode': 'json' };
                this.beautifyResponseContent();
            }
            else {
                let status = this._common.isXmlString(this.bodyRes);
                if (status) {
                    this.selectedTypeResponse = { 'name': 'XML', 'mode': 'xml' };
                    this.beautifyResponseContent();
                }
                else {
                    this.selectedTypeResponse = { 'name': 'TEXT', 'mode': 'text/plain' };
                    this.beautifyResponseContent();
                }
            }
        }
        catch (error) {
            console.error("Error in checkContentFormatForBeautification()", error);
        }
    }
    onTabChange(event, Type) {
        try {
            if (Type == 'Request') {
                if (event.index == '0') {
                    this.disableRequestBeautify = false;
                    if (this.copyBodyReq != '') {
                        this.bodyReq = this.copyBodyReq;
                        this.checkContentFormatForBeautification();
                    }
                }
                else if (event.index == '1') {
                    this.disableRequestBeautify = true;
                    if (this.copyRequestData != '') {
                        this.requestData = this.copyRequestData;
                        this.checkContentFormatForBeautification();
                    }
                }
                else {
                    this.disableRequestBeautify = true;
                }
            }
            else {
                if (event.index == '0') {
                    this.disableResponseBeautify = false;
                    this.bodyRes = this.copyBodyRes;
                    this.checkContentFormatForBeautification();
                }
                else if (event.index == '1') {
                    this.disableResponseBeautify = true;
                    if (this.copyResponseData != '') {
                        this.responseData = this.copyResponseData;
                        this.checkContentFormatForBeautification();
                    }
                }
            }
        }
        catch (error) {
            console.error('Error in onTabChange()', error);
        }
    }
};
NetoceanRequestResponseComponent.ctorParameters = () => [
    { type: _services_netocean_common_service__WEBPACK_IMPORTED_MODULE_2__["NetoceanCommonService"] },
    { type: _services_netocean_projSubProj_service__WEBPACK_IMPORTED_MODULE_12__["NetoceanProjSubProjService"] },
    { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ChangeDetectorRef"] },
    { type: _services_manage_services_info_service__WEBPACK_IMPORTED_MODULE_3__["ManageServicesInfoService"] },
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] },
    { type: src_app_pages_tools_configuration_nd_config_services_cav_top_panel_navigation_service__WEBPACK_IMPORTED_MODULE_5__["CavTopPanelNavigationService"] },
    { type: primeng_api__WEBPACK_IMPORTED_MODULE_8__["MessageService"] },
    { type: _services_progress_bar_service__WEBPACK_IMPORTED_MODULE_7__["ProgressBarService"] },
    { type: _services_netocean_config_service__WEBPACK_IMPORTED_MODULE_9__["NetoceanConfig"] },
    { type: _script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_10__["ScriptUtilService"] },
    { type: _services_netocean_rest_api_service__WEBPACK_IMPORTED_MODULE_13__["NetoceanRestApi"] }
];
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])("editor1")
], NetoceanRequestResponseComponent.prototype, "editor1", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])("editor")
], NetoceanRequestResponseComponent.prototype, "editor", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fieldChild')
], NetoceanRequestResponseComponent.prototype, "FieldChildRef", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('fileUpload')
], NetoceanRequestResponseComponent.prototype, "fileUpload", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('dt')
], NetoceanRequestResponseComponent.prototype, "dt", void 0);
NetoceanRequestResponseComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
        selector: 'app-netocean-request-response',
        template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! raw-loader!./netocean-request-response.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.html")).default,
        encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
        styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! ./netocean-request-response.component.scss */ "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.scss")).default]
    })
], NetoceanRequestResponseComponent);



/***/ }),

/***/ "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.module.ts":
/*!**************************************************************************************************************!*\
  !*** ./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.module.ts ***!
  \**************************************************************************************************************/
/*! exports provided: onMonacoLoad, NetoceanRequestResponseModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onMonacoLoad", function() { return onMonacoLoad; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NetoceanRequestResponseModule", function() { return NetoceanRequestResponseModule; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
/* harmony import */ var _angular_material_checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/material/checkbox */ "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/checkbox.js");
/* harmony import */ var _angular_material_menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/material/menu */ "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/menu.js");
/* harmony import */ var _angular_material_radio__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/material/radio */ "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/radio.js");
/* harmony import */ var _angular_material_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/material/select */ "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/select.js");
/* harmony import */ var _angular_material_tabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/material/tabs */ "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/tabs.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
/* harmony import */ var primeng__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! primeng */ "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
/* harmony import */ var _netocean_request_response_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./netocean-request-response.component */ "./src/app/pages/home/netocean/components/netocean-request-response/netocean-request-response.component.ts");
/* harmony import */ var ngx_monaco_editor__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ngx-monaco-editor */ "./node_modules/ngx-monaco-editor/__ivy_ngcc__/fesm2015/ngx-monaco-editor.js");
/* harmony import */ var _netocean_service_progress_bar_netocean_service_progress_bar_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../netocean-service-progress-bar/netocean-service-progress-bar.module */ "./src/app/pages/home/netocean/components/netocean-service-progress-bar/netocean-service-progress-bar.module.ts");
/* harmony import */ var src_app_shared_cav_table_cav_table_module__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! src/app/shared/cav-table/cav-table.module */ "./src/app/shared/cav-table/cav-table.module.ts");












// import { HelpModule } from 'src/app/shared/help/help.module';

// import { ProgressBarService } from '../../services/progress-bar.service';


function onMonacoLoad() {
    console.log(window.monaco);
    return window.monaco;
}
const monacoConfig = {
    baseUrl: './assets',
    defaultOptions: { scrollBeyondLastLine: false },
    onMonacoLoad: onMonacoLoad // here monaco object will be available as window.monaco use this function to extend monaco editor functionalities.
};
const routes = [
    {
        path: '',
        component: _netocean_request_response_component__WEBPACK_IMPORTED_MODULE_11__["NetoceanRequestResponseComponent"]
    }
];
let NetoceanRequestResponseModule = class NetoceanRequestResponseModule {
};
NetoceanRequestResponseModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        declarations: [_netocean_request_response_component__WEBPACK_IMPORTED_MODULE_11__["NetoceanRequestResponseComponent"]],
        imports: [
            _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
            // HelpModule,
            _angular_router__WEBPACK_IMPORTED_MODULE_9__["RouterModule"].forChild(routes),
            _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
            primeng__WEBPACK_IMPORTED_MODULE_10__["TieredMenuModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["DialogModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["CalendarModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["InputTextareaModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["AccordionModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["SidebarModule"], ngx_monaco_editor__WEBPACK_IMPORTED_MODULE_12__["MonacoEditorModule"].forRoot(monacoConfig),
            primeng__WEBPACK_IMPORTED_MODULE_10__["SplitButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["TooltipModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["MenuModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ToolbarModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["TableModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ScrollPanelModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["TabViewModule"],
            primeng__WEBPACK_IMPORTED_MODULE_10__["CheckboxModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["DropdownModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ConfirmDialogModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["FieldsetModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["PanelModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["FileUploadModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ToastModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["MultiSelectModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["RadioButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["OverlayPanelModule"], _angular_material_menu__WEBPACK_IMPORTED_MODULE_5__["MatMenuModule"],
            primeng__WEBPACK_IMPORTED_MODULE_10__["SpinnerModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ToggleButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["OrderListModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ChipsModule"], _angular_material_radio__WEBPACK_IMPORTED_MODULE_6__["MatRadioModule"], _angular_material_select__WEBPACK_IMPORTED_MODULE_7__["MatSelectModule"], _angular_material_tabs__WEBPACK_IMPORTED_MODULE_8__["MatTabsModule"], _angular_material_checkbox__WEBPACK_IMPORTED_MODULE_4__["MatCheckboxModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["BreadcrumbModule"], primeng__WEBPACK_IMPORTED_MODULE_10__["ProgressBarModule"], _netocean_service_progress_bar_netocean_service_progress_bar_module__WEBPACK_IMPORTED_MODULE_13__["NetoceanServiceProgressBarModule"], src_app_shared_cav_table_cav_table_module__WEBPACK_IMPORTED_MODULE_14__["CavTableModule"]
        ],
        providers: [],
        schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["CUSTOM_ELEMENTS_SCHEMA"]]
    })
], NetoceanRequestResponseModule);



/***/ })

}]);