function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }

function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }

function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }

function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }

function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }

function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }

function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }

function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }

function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }

function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }

function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }

function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["page-dump-home-page-dump-home-module"], {
  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.html":
  /*!********************************************************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.html ***!
    \********************************************************************************************************************************************/

  /*! exports provided: default */

  /***/
  function _node_modules_rawLoader_dist_cjsJs_src_app_pages_ddr_components_pageDumpRevamped_pageDumpHome_pageDumpHomeComponentHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<app-cav-loader *ngIf=\"loading\"></app-cav-loader>\n<p-toolbar class=\"ui-secondary-toolbar\" *ngIf=\"!hideForFunctional\">\n    <div class=\"p-grid p-justify-between p-align-center pl-5 pr-5\">\n        <a (click)=\"back()\" style=\"cursor: pointer;\">\n            <i class=\"icons8 icons8-left toolbar-icon-color\"></i>\n        </a>\n        <div class=\"p-col ui-toolbar-text\">\n            Network Logs <i class=\"icons8 icons8-info font-14\" [pTooltip]=\"networkLogTooltip\" tooltipPosition=\"right\"\n            tooltipStyleClass=\"max-width-1250 font-11\"></i>\n        </div>\n        <div class=\"p-col ui-toolbar-text text-right\">\n            <app-help [helpClass]=\"'btn-white'\"  [helpFileName]=\"'network-logs'\"  [helpTitle]=\"'NETWORK LOGS'\" [helpFolder]=\"'networkLogs'\"></app-help>\n        </div>\n    </div>\n</p-toolbar>\n\n<div class=\"p-10\">\n    <div class=\"p-grid p-align-center response\" *ngIf=\"isFrom != 'nvsmUI' && !hideForFunctional\">\n        <div class=\"p-5 font-weight-600 p-grid p-align-center\">Response Status Count\n            <i class=\"icons8 icons8-info mx-3\" pTooltip=\"Status Count is based on applied time period for the test.\" tooltipPosition=\"top\"></i>:\n        </div>\n              <div\n                    *ngFor=\"let child of resStatusCountArr\"\n                     class=\"cav-status clickable mx-6\"\n                     [ngClass]=\"{\n                        'completed': child.status === 'Success',\n                        'failed': child.status !== 'Success',\n                        'clicked': child.isSelected\n                        }\"\n                    (click)=\"getResStatusCountPageData(child)\"\n                    >\n                    {{ child.status }}: {{ child.count | pageDumpHomeTransform }} ({{ child.perc }}%)\n                </div>\n            </div>\n\n    <div class=\" border-all border-1 gridBox\">\n        <div class=\"header\">\n            <div  *ngIf=\"!hideForFunctional\">\n                <p-selectButton *ngIf=\"isFrom != 'nvsmUI'\" [options]=\"types\" [(ngModel)]=\"groupBy\" (onChange)=\"fetchPagedumpData(false,true)\"></p-selectButton>\n            </div>\n            <div class=\"spacer\" *ngIf=\"hideForFunctional\"></div>\n            <div [ngClass]=\"isFrom == 'nvsmUI' ? 'btn-section' :'' \" class=\"p-grid p-align-center\">\n                <div class=\"uplodSpinr\" *ngIf=\"loadingPagedump\">\n                     <i class=\"icons8 icons8-loading spin text-danger mx-5\"></i> Loading\n                </div>\n                <button *ngIf=\"isFrom != 'nvsmUI'\" type=\"button\" pButton class=\"btn-icon\" icon=\"las-undo-alt-solid\" pTooltip=\"Refresh\" \n                         (click)=\"refreshPageDumpData()\"></button>\n                <div class=\"applied-filters border-5 font-11 p-grid p-nogutter1\" *ngIf=\"appliedFilters && filterCounter > 0\">\n                    <div class=\"appliedFilterCol\" *ngIf=\"stepStatusTooltip != 'Show all steps' \" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Step Status:</div>\n                        <div class=\"width-110 mr-5 elipseText\" pTooltip=\"{{stepStatusTooltip}}\" tooltipPosition=\"top\">\n                            {{stepStatusTooltip | pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"failureStatusTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Status code:</div>\n                        <div class=\"width-100 mr-5 elipseText\" pTooltip=\"{{failureStatusTooltip}}\" tooltipPosition=\"top\">\n                            {{failureStatusTooltip | pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"sessionListTooltip != 'Show all sessions'\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Session Status:</div>\n                        <div class=\"width-100 mr-5 elipseText\" pTooltip=\"{{sessionListTooltip}}\" tooltipPosition=\"top\">\n                            {{sessionListTooltip | pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"sessionFailedTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Session Status code:</div>\n                        <div class=\"width-110 mr-5 elipseText\" pTooltip=\"{{sessionFailedTooltip}}\" tooltipPosition=\"top\">\n                            {{sessionFailedTooltip | pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"scriptTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Script:</div>\n                        <div class=\"width-160 mr-5 elipseText\" pTooltip=\"{{scriptTooltip}}\" tooltipPosition=\"top\">{{scriptTooltip |\n                            pageDumpHomeTransform}}</div>\n                    </div>\n            \n                    <div class=\"appliedFilterCol\" *ngIf=\"stepNameTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Step Name:</div>\n                        <div class=\"width-110 elipseText\" pTooltip=\"{{stepNameTooltip}}\" tooltipPosition=\"top\">{{stepNameTooltip |\n                            pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"paramValueTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Parameter Name:</div>\n                        <div class=\"width-110 elipseText\" pTooltip=\"{{paramValueTooltip}}\" tooltipPosition=\"top\">{{paramValueTooltip |\n                            pageDumpHomeTransform}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"virtualUseridTooltip && childIdxFilterTooltip && virtualUserFilterCheck\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Virtual User:</div>\n                        <div class=\"width-110 elipseText\" pTooltip=\"{{childIdxFilterTooltip}}:{{virtualUseridTooltip}}\" tooltipPosition=\"top\">{{childIdxFilterTooltip}}:{{virtualUseridTooltip}}</div>\n                    </div>\n                    <div class=\"appliedFilterCol\" *ngIf=\"childIdxFilterTooltip && virtualSessionidTooltip && virtualSessFilterCheck\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Session:</div>\n                        <div class=\"width-110 elipseText\" pTooltip=\"{{childIdxFilterTooltip}}:{{virtualSessionidTooltip}}\" tooltipPosition=\"top\">{{childIdxFilterTooltip}}:{{virtualSessionidTooltip}}</div>\n                    </div>\n                    <div class=\"p-grid\" *ngIf=\"genNameTooltip\" [style.max-width.%]=\"maxWidth\">\n                        <div class=\"font-weight-600 mr-3\" style=\"color: #4787c0;\">Generator Name:\n                        </div>\n                        <div class=\"width-80 elipseText\" pTooltip=\"{{genNameTooltip}}\" tooltipPosition=\"top\">{{genNameTooltip |\n                            pageDumpHomeTransform}}</div>\n                    </div>\n                </div>\n                <button *ngIf=\"isFrom != 'nvsmUI'\" type=\"button\" pButton class=\"btn-icon\" icon=\"icons8 icons8-filter\" pTooltip=\"Filter\"\n                    (click)=\"pageDumpFilter = true\"></button>\n                <span [pTooltip]=\"!isCompare ? 'Select two step for comparison' : 'Compare steps'\" tooltipPosition=\"left\">\n                    <button type=\"button\" [disabled]=\"!isCompare\" pButton class=\"btn-sm btn-white-primary mx-3\"\n                        icon=\"las-exchange-alt-solid\" (click)=\"compareNetworkLogs()\"></button>\n                </span>\n                <button type=\"button\" [disabled]=\"(totalCount == '0' || !treeData)\" pButton class=\"btn-sm btn-white-primary mx-3\" icon=\"icons8 icons8-download\"\n                (click)='downloadReports(\"excel\")' pTooltip=\"Download in Excel\"></button>\n                <p-multiSelect [disabled]=\"(totalCount == '0' || !treeData)\" [options]=\"showColumnsOptions\" [(ngModel)]=\"selectedColumns\" optionLabel=\"header\"\n                    class=\"icon-button mx-3 list-dropdown btn-sm btn-white-primary\"\n                    [panelStyle]=\"{ minWidth: '150px' }\"\n                    defaultLabel=\"Choose Columns\" pTooltip=\"Toggle Columns\" styleClass=\"dropdown-panel-left\"\n                    dropdownIcon=\"pi font-18 pi-list\" (onChange)=\"addColumnsOnChange($event)\">\n                </p-multiSelect>\n\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item *ngFor=\"let list of downloadFile\">{{list.label}}</button>\n                </mat-menu>\n            </div>\n        </div>\n\n        <div class=\"content w-100-p p-10\">\n            <p-tree emptyMessage=\"\" [style]=\"{'min-width' : '100%'}\" [value]=\"treeData\">\n                <ng-template let-node pTemplate=\"default\">\n                    <span *ngIf=\"(node.label.indexOf('Session - ') == -1)\" [pTooltip]=\"node?.label\">{{node?.label}} </span>\n                    <span *ngIf=\"(node.label.indexOf('Session - ') != -1)\">\n                        {{node?.label}} (\n                        <span *ngIf=\"!isCmtTR\">\n                            <a class=\"activeLink cursorPointer clickable\" style= \"color:#4787c0\" pTooltip=\"View Script\" tooltipPosition=\"bottom\"\n                            (click)=\"openScriptPage(node.script)\">{{node.script.split(\"/\")[2]}}</a>\n                        </span>\n                        <span *ngIf=\"isCmtTR\">\n                            {{node.script.split(\"/\")[2]}}\n                        </span>\n                        , Group: {{node.group}}, Session Status: \n                    {{node.sessionStatus}}) </span>\n                    <span *ngIf=\"(node.label === '')\">\n                        <p-table [value]=\"node.key\" [rowHover]=\"true\" [resizableColumns]=\"true\" (onRowSelect)=\"rowSelection($event)\" (onRowUnselect)=\"rowUnselect($event)\" (onHeaderCheckboxToggle)=\"headerCheckboxToggle($event)\" [(selection)]=\"rowSelectionObj[node.prevLabel]\" [scrollable]=\"true\" [scrollHeight]=\"tableHeight\" [customSort]=\"true\" (sortFunction)=\"customSortOnColumns($event,node,node.key)\">\n                            <ng-template pTemplate=\"colgroup\">\n                                <colgroup>\n                                    <col class=\"width-50\">\n                                    <ng-container *ngFor=\"let col of cols\">\n                                        <col *ngIf=\"col.action\" [style]=\"{'width': col.width+'%'}\">\n                                    </ng-container>\n                                </colgroup>\n                            </ng-template>\n                            <ng-template pTemplate=\"header\">\n                                <tr>\n                                    <th>\n\n                                    </th>\n                                    <ng-container *ngFor=\"let col of cols\">\n                                        <th pResizableColumn [pSortableColumn]=\"col.field\">\n                                            <span class=\"elipseText\" pTooltip={{col.toolTip}} tooltipPosition=\"right\">{{col.header}}\n                                            </span>\n                                            <p-sortIcon *ngIf=\"col.action\" [field]=\"col.field\"\n                                                    ariaLabel=\"Activate to sort\"\n                                                    ariaLabelDesc=\"Activate to sort in descending order\"\n                                                    ariaLabelAsc=\"Activate to sort in ascending order\">\n                                            </p-sortIcon>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </ng-template>\n\n                            <ng-template pTemplate=\"body\" let-node>\n                                <tr [pSelectableRow]=\"node\">\n                                    <td class=\"text-center\">\n                                        <p-tableCheckbox #checkbox [value]=\"node\" pTooltip=\"Select for compare\" tooltipPosition=\"right\"></p-tableCheckbox>\n                                    </td>\n                                    <ng-container *ngFor=\"let col of cols\">\n                                        <td *ngIf=\"col.action\" (mouseover)=\"showHoveredRowData($event, node)\" (mouseout)=\"hideHoveredRowData()\">\n                                            <div class=\"left cursorPointer elipseText\" *ngIf=\"(col.field == 'pageName')\"\n                                                pTooltip=\"View Network Data\" tooltipPosition=\"right\"\n                                                (click)=\"openPageInfo(node.partitionNumber,node)\"><a\n                                                class=\"activeLink clickable\" style= \"color:#4787c0\">{{node[col.field]}}</a></div>\n                                            <div *ngIf=\"(col.field == 'startTime')\" class=\"right elipseText\"\n                                                 tooltipPosition=\"right\">\n                                                {{msToTimeFormate(node[col.field])}}</div>\n                                            <div *ngIf=\"(col.field == 'sessionInstance')\" class=\"right elipseText\"\n                                                 tooltipPosition=\"right\">{{node[col.field]}}\n                                            </div>\n                                            <div *ngIf=\"(col.field == 'userID')\" class=\"right elipseText\"\n                                                 tooltipPosition=\"right\">{{node[col.field]}}\n                                            </div>\n                                            <div class=\"text-left elipseText\"\n                                                *ngIf=\"(col.field == 'pageStatus' && node.pageStatus != 'CVFail')\"\n                                                 tooltipPosition=\"right\">{{node[col.field]}}\n                                            </div>\n                                            <div class=\"left elipseText\"\n                                                *ngIf=\"(col.field == 'pageStatus' && node.pageStatus == 'CVFail')\"\n                                                 tooltipPosition=\"right\"\n                                                (click)=\"viewPageStatus(node.errorCodesMessage)\">\n                                                <u>{{node[col.field]}}</u>\n                                            </div>\n                                            <div class=\"right elipseText\" *ngIf=\"(col.field == 'pageResponseTime')\"\n                                                 tooltipPosition=\"right\">\n                                                {{msToTimeFormate(node[col.field])}}</div>\n                                            <div class=\"left paramSubstitutionTxtClip cursorPointer elipseText elipseText\"\n                                                 tooltipPosition=\"right\"\n                                                *ngIf=\"(col.field == 'parameterSubstitution' && node[col.field].trim().length > 0 )\"\n                                                [innerHTML]=\"replaceStr(node[col.field])\"></div>\n                                            <div class=\"text-center paramSubstitutionTxtClip cursorPointer\"\n                                                tooltipPosition=\"right\"\n                                                *ngIf=\"(col.field == 'parameterSubstitution' && node[col.field].trim() == '')\">\n                                                -\n                                            </div>\n                                            <div *ngIf=\"col.field == 'resPayloadSize' || col.field == 'reqPayloadSize' || col.field == 'connectionId'\" class=\"right elipseText\">\n                                                {{node[col.field] | number | pageDumpHomeConnectionIdTransform}}\n                                            </div>\n                                            <div *ngIf=\"(col.field == 'methodVal' || col.field == 'protocolVal' ||col.field == 'scheme' || col.field == 'domainVal' || col.field == 'transactionName' || col.field == 'generatorName' )\"\n                                                [ngClass]=\"(col.field == 'domain') ? 'right elipseText' : 'text-left elipseText'\"\n                                                tooltipPosition=\"right\">\n                                                {{node[col.field]}}\n                                            </div>\n                                            <div *ngIf = \"col.field == 'status'\" class = \"right elipseText\" tooltipPosition=\"right\">\n                                                {{node[col.field] | pageDumpHomeStatusCodeTransform}}\n                                            </div>\n                                            <div *ngIf=\"col.field == 'absDateTime'\" class=\"right elipseText\"\n                                            tooltipPosition=\"right\">\n                                            {{node[col.field] | pageDumpHomeDateTransform}}\n\n                                        </div>\n                                        \n                                        <div class=\"text-center\" *ngIf=\"col.field === 'flowPathInstance'\" (click)=\"openNdDDR(node[col.field])\">\n                                            <a class=\"btn-icon\">\n                                                <ng-container>\n                                                    <i class=\"icons8 icons8-flow-chart btn-icon\" [pTooltip]=\"'View Flow Path Report'\"\n                                                        [tooltipPosition]=\"'right'\"></i>\n                                                </ng-container>\n                                            </a>\n                                        </div>\n\n                                        <div *ngIf=\"col.field == 'mainUrl'\" class=\"text-left elipseText\" tooltipPosition=\"right\">\n                                            {{node[col.field] | pageDumpHomeParameterTransform : node }}\n                                        </div>\n                                        </td>\n                                    </ng-container>\n                                </tr>\n                            </ng-template>\n                        </p-table>\n                    </span>\n                </ng-template>\n            </p-tree>\n        </div>\n        \n<div class=\"tooltip\" *ngIf=\"isHoverRowData(hoveredRowData)\" [style.top.px]=\"tooltipTop\" [style.left.px]=\"tooltipLeft\">\n    <div class=\"p-grid p-align-center\" *ngFor=\"let keyValuePair of hoveredRowData | keyvalue\">\n        <span><strong>{{mappingHeaderData(keyValuePair.key)}}</strong>: </span>\n        <div class=\"word-break\">{{ keyValuePair.value }}</div>\n    </div>\n</div>\n\n\n        <div class=\"no-transactions\" *ngIf=\"((totalCount == '0' || !treeData) && appliedFilters) || (resCountNotAvailable && appliedFilters)\">\n            <div class=\"p-col text-center\">\n                <h3>Network Log is not available</h3>\n                <p>No records found based on the applied filter</p>\n            </div>\n            <div class=\"p-col-fixed text-center\">\n                <img src=\"assets/images/no-transactions.svg\" class=\"la-rotate-90\">\n            </div>\n        </div>\n\n        <div class=\"no-transactions\" *ngIf=\"totalCount == '0' && !appliedFilters && (!sessionService.session.testRun.tracingPct || sessionService.session.testRun.tracingPct == '-1')\">\n            <div class=\"p-col text-center\">\n                <h3>Network Log is not configured</h3>\n                <p>You can configure it from scenario : <br>\n                    group settings > Logs & Reports > Network Logs</p>\n            </div>\n            <div class=\"p-col-fixed text-center\">\n                <img src=\"assets/images/no-transactions.svg\" class=\"la-rotate-90\">\n            </div>\n        </div>\n\n        <div class=\"no-transactions\" *ngIf=\"(totalCount == '0' || !treeData) && !appliedFilters && sessionService.session.testRun.tracingPct && sessionService.session.testRun.tracingPct != '-1'\">\n            <div class=\"p-col text-center\">\n                <h3>Network Log is not available</h3>\n                <p>No records found</p>\n            </div>\n            <div class=\"p-col-fixed text-center\">\n                <img src=\"assets/images/no-transactions.svg\" class=\"la-rotate-90\">\n            </div>\n        </div>\n        <div>            \n            <span class=\"relative\">\n                <div *ngIf=\"totalCount > 10 && treeData && treeData.length != 0\"> \n                <p-paginator #paginateRef [rows]=\"50\" dropdownAppendTo=\"body\" [totalRecords]=\"totalCount\" [rowsPerPageOptions]=\"[50,100,200,400]\"\n                    pageLinkSize=\"3\" (onPageChange)=\"paginate($event)\" styleClass=\"border-none\"></p-paginator>\n                </div>\n                <span  title=\"Rows\" *ngIf=\"!loading && totalCount != '0' && treeData && treeData.length != 0 \">\n                    <label class=\"rowsCountClass\">\n                        <div *ngIf=\"(totalCount >= pageOffset+pageLimit); else showless\">{{pageOffset+1 | number}} -\n                            {{pageOffset+pageLimit | number}} Rows (Total {{totalCount | number}} Rows)</div>\n                        <ng-template #showless>{{pageOffset+1 | number}} - {{totalCount | number}} Rows (Total {{totalCount | number}}\n                            Rows) </ng-template>\n                    </label>                    \n                </span>                \n            </span>\n        </div>\n    </div>\n</div>\n<p-sidebar [(visible)]=\"pageDumpSidebar\" [modal]=\"false\" [showCloseIcon]=\"true\" [baseZIndex]=\"10000\" class=\"sedebarHeightClass\"\n    position=\"right\" (onShow)=\"sidebarOpen()\" (onHide)=\"hideSideBar()\">\n    <router-outlet></router-outlet>\n</p-sidebar>\n<div class=\"sidebarOverlay\" *ngIf=\"pageDumpSidebar\"></div>\n\n\n<p-sidebar [(visible)]=\"pageDumpFilter\" baseZIndex=\"10000\" appendTo=\"body\" [showCloseIcon]=\"false\">\n    <div class=\"sidebar-header\">\n        <div class=\"sidebar-title\">\n            <span>Network Log Filters</span>\n            <div class=\"action-buttons right\">\n                <i pTooltip='Close' tooltipPosition=\"bottom\" [tooltipZIndex]=\"100000\"\n                    class=\"icons8 icons8-delete clickable\" (click)=\"pageDumpFilter = false\"></i>\n            </div>\n        </div>\n    </div>\n    <div class=\"filterContent\">\n        <div class=\"p-grid p-align-center p-nogutter8\">\n            <div class=\"p-col-4\">Step Status</div>\n            <div class=\"p-col-8\">\n                <p-dropdown [options]=\"stepListOption\" [(ngModel)]=\"stepList\" \n                    [style]=\"{'min-width':'100%'}\"></p-dropdown>\n            </div>\n            <div class=\"p-col-4\" *ngIf=\"stepList == 3\">Status code</div>\n            <div class=\"p-col-8\" *ngIf=\"stepList == 3\">\n                <p-multiSelect #failureStat [options]=\"failedTypeList\" [(ngModel)]=\"failedType\" (onChange)=\"onChangeFiledType(failedType)\" [style]=\"{'min-width':'100%'}\"\n                    ></p-multiSelect>\n            </div>\n            <div class=\"p-col-4\">Session Status</div>\n            <div class=\"p-col-8\">\n                <p-dropdown [options]=\"sessionList\" [(ngModel)]=\"selectSessionVal\"\n                     (onChange)=\"getFailureStatus(3)\" [style]=\"{'min-width':'100%'}\"></p-dropdown>\n            </div>\n            <div class=\"p-col-4\" *ngIf=\"selectSessionVal == 3\">Session Status code</div>\n            <div class=\"p-col-8\" *ngIf=\"selectSessionVal == 3\">\n                <p-multiSelect [options]=\"sessionFailedList\" [(ngModel)]=\"sessionFailedType\"\n                    [style]=\"{'min-width':'100%'}\" ></p-multiSelect>\n            </div>\n            <div class=\"p-col-4\">Script</div>\n            <div class=\"p-col-8\">\n                <p-dropdown [options]=\"scriptArrDropDown\" [filter]=\"true\" [(ngModel)]=\"scriptArrValue\" (onChange)=\"showScript(scriptArrValue,0)\"\n                     [style]=\"{'min-width':'100%'}\" [panelStyle]=\"{'max-width':'100%'}\">\n                    <ng-template let-item pTemplate=\"selectedItem\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                    <ng-template let-item pTemplate=\"item\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                </p-dropdown>\n            </div>\n\n            <div class=\"p-col-4\">Step Name</div>\n            <div class=\"p-col-8\">\n                <p-dropdown [options]=\"stepNameDropDown\" [filter]=\"true\" [(ngModel)]=\"stepNameVal\" \n                    [style]=\"{'min-width':'100%'}\" [panelStyle]=\"{'max-width':'100%'}\">\n                    <ng-template let-item pTemplate=\"selectedItem\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                    <ng-template let-item pTemplate=\"item\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                </p-dropdown>\n            </div>\n\n            <div *ngIf=\"sessionService.session.testRun.generatorInfo != '0:0'\" class=\"p-col-4\">Generator Name</div>\n            <div *ngIf=\"sessionService.session.testRun.generatorInfo != '0:0'\" class=\"p-col-8\">\n                <p-dropdown [options]=\"generatorNameDropDown\" [filter]=\"true\" [(ngModel)]=\"generatorNameVal\" \n                    [style]=\"{'min-width':'100%'}\" [panelStyle]=\"{'max-width':'100%'}\">\n                    <ng-template let-item pTemplate=\"selectedItem\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                    <ng-template let-item pTemplate=\"item\">\n                        <div class=\"width-180 elipseText\" title=\"{{item.label}}\">{{item.label}}</div>\n                    </ng-template>\n                </p-dropdown>\n            </div>\n\n            <div class=\"w-100-p p-grid p-align-center\">\n                <p-toggleButton styleClass=\"toggle-button-link\" [(ngModel)]=\"additionalSettings\"\n                    onLabel=\"Additional&nbsp;Filters\" (click)=\"selectParamFilter()\" offLabel=\"Additional&nbsp;Filters\"\n                    onIcon=\"pi&nbsp;pi-chevron-up\" offIcon=\"pi pi-chevron-down\" iconPos=\"right\">\n                </p-toggleButton>\n            </div>\n            <ng-container *ngIf=\"additionalSettings\" binary=\"true\">\n                <div class=\"p-col-4\">Parameter Name</div>\n                <div class=\"p-col-8\">\n                    <input type=\"text\" pInputText class=\"w-100-p\" (keypress)=\"validateQty($event)\" [(ngModel)]=\"paramValue\">\n                </div>\n                <div class=\"w-100-p py-8 pl-8 p-grid p-align-center\">\n                    <p-checkbox binary=\"true\" label=\"Virtual User\" class=\"p-col-4 p-col-nogutter\" [(ngModel)]=\"virtualUserFilterCheck\"></p-checkbox>\n                    <div *ngIf=\"virtualUserFilterCheck\" class=\"p-col-8 p-col-nogutter p-grid p-align-center\">\n                        <input type=\"text\" pInputText class=\"w-30-p\" [(ngModel)]=\"childIdxFilter\"\n                            (keypress)='valEnteredKeyN($event)'>\n                        <div class=\"w-5-p text-center  font-weight-700 font-14\">:</div>\n                        <input type=\"text\" pInputText class=\"w-30-p\" [(ngModel)]=\"virtualUserid\" [disabled]=\"!childIdxFilter\"\n                            (keypress)='valEnteredKeyN($event)'>\n                    </div>\n                </div>\n                \n                <div class=\"w-100-p py-8 pl-8 p-grid p-align-center\">\n                    <p-checkbox binary=\"true\" label=\"Session\" class=\"p-col-4 p-col-nogutter\" [(ngModel)]=\"virtualSessFilterCheck\"></p-checkbox>\n                    <div *ngIf=\"virtualSessFilterCheck\" class=\"p-col-8  p-col-nogutter p-grid p-align-center\">\n                        <input type=\"text\" pInputText class=\"w-30-p\" [(ngModel)]=\"childIdxFilter\"\n                            (keypress)='valEnteredKeyN($event)'>\n                        <div class=\"w-5-p text-center  font-weight-700 font-14\">:</div>\n                        <input type=\"text\" pInputText class=\"w-30-p\" [(ngModel)]=\"virtualSessionid\" [disabled]=\"!childIdxFilter\"\n                            (keypress)='valEnteredKeyN($event)'>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n    <div class=\"p-grid p-align-center p-justify-center\">\n        <button pButton type=\"button\" (click)=\"reset();pageDumpFilter = false\" label=\"Reset\"\n            class=\"ui-button-secondary mx-3 mt-10\"></button>\n        <button pButton type=\"button\" label=\"Apply\" class=\"mx-3 mt-10\" (click)=\"apply();pageDumpFilter = false\" ></button><!--[disabled]=\"additionalSettings && !paramValue && !virtualUserid && !virtualSessionid\"-->\n    </div>\n</p-sidebar>\n\n<p-dialog class=\"scenmodal\" modal=\"true\" header=\"CVFail Cause\" [(visible)]=\"cvFail\" appendTo=\"body\"\n    [style]=\"{'width':'500px'}\" responsive=\"true\">\n    <label>{{cvMsg}}</label>\n    <p-footer class=\"p-grid p-justify-end p-align-center\">\n        <button pButton type=\"button\" class=\"ui-button-rounded ui-button-rounded\"  label=\"Close\"\n            (click)=\"cvFail=false\"></button>\n    </p-footer>\n</p-dialog> \n";
    /***/
  },

  /***/
  "./src/app/pages/ddr/components/page-dump-revamped/constants/page-dump-home.constant.ts":
  /*!**********************************************************************************************!*\
    !*** ./src/app/pages/ddr/components/page-dump-revamped/constants/page-dump-home.constant.ts ***!
    \**********************************************************************************************/

  /*! exports provided: MULTI_SELECT_ELE */

  /***/
  function _src_app_pages_ddr_components_pageDumpRevamped_constants_pageDumpHomeConstantTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MULTI_SELECT_ELE", function () {
      return MULTI_SELECT_ELE;
    });

    var MULTI_SELECT_ELE = {
      START_TEST: {
        field: 'startTime',
        header: 'Start Time',
        disabled: true,
        sortable: 'custom',
        action: true,
        width: '12',
        toolTip: "The elapsed time of a step since the beginning of the test."
      },
      STEP: {
        field: 'pageName',
        header: 'Step',
        disabled: true,
        sortable: 'custom',
        action: true,
        width: '37',
        toolTip: "Action performed by user"
      },
      STATUS: {
        field: 'pageStatus',
        header: 'Status',
        disabled: true,
        sortable: 'custom',
        action: true,
        width: '10',
        toolTip: "Success or failure status of a step"
      },
      RES_TIME: {
        field: 'pageResponseTime',
        header: 'Response Time',
        disabled: true,
        sortable: 'custom',
        action: true,
        width: '15',
        toolTip: "Response time for particular step and session"
      },
      PARAM: {
        field: 'parameterSubstitution',
        header: 'Parameter',
        disabled: true,
        sortable: 'custom',
        action: true,
        width: '55',
        toolTip: "Parameters used in the Main URL"
      },
      URL: {
        header: "URL",
        field: 'mainUrl',
        sortable: true,
        disabled: true,
        action: true,
        width: '40',
        toolTip: "URL hit by users"
      },
      SESSION: {
        field: 'sessionInstance',
        header: 'Session',
        disabled: false,
        sortable: 'custom',
        action: true,
        width: '12',
        toolTip: "Session Count"
      },
      VUSER: {
        field: 'userID',
        header: 'VUser',
        sortable: 'custom',
        disabled: false,
        action: true,
        width: '12',
        toolTip: "VUser Count"
      },
      ABS_DATE_TIME: {
        header: "Absolute Start Time",
        field: 'absDateTime',
        disabled: false,
        sortable: true,
        action: true,
        width: '15',
        toolTip: "Absolute date and time when URL was hit"
      },
      METHOD: {
        header: "Method",
        field: 'methodVal',
        sortable: true,
        action: true,
        disabled: false,
        width: '15',
        toolTip: "HTTP Methods"
      },
      PROTOCOL: {
        header: "Protocol",
        field: 'protocolVal',
        sortable: true,
        disabled: false,
        action: true,
        width: '15',
        toolTip: "HTTP Versions/Protocols"
      },
      SCHEME: {
        header: "Scheme",
        field: 'scheme',
        sortable: true,
        disabled: false,
        action: true,
        width: '10',
        toolTip: "Protocol Type"
      },
      STATUS_CODE: {
        header: "Status Code",
        field: 'status',
        sortable: true,
        disabled: false,
        action: true,
        width: '15',
        toolTip: "Status Code"
      },
      DOMAIN: {
        header: "Domain",
        field: 'domainVal',
        sortable: true,
        disabled: false,
        action: true,
        width: '20',
        toolTip: "Domain of URL"
      },
      REQ_SIZE: {
        header: "Request Size",
        field: 'reqPayloadSize',
        sortable: true,
        disabled: false,
        action: true,
        width: '10',
        toolTip: "Request Body Size"
      },
      RES_SIZE: {
        header: "Response Size",
        field: 'resPayloadSize',
        sortable: true,
        disabled: false,
        action: true,
        width: '10',
        toolTip: "Response Body Size"
      },
      CONN_ID: {
        header: "Connection ID",
        field: 'connectionId',
        sortable: true,
        disabled: false,
        action: true,
        width: '10',
        toolTip: "Connection ID created at the time connection is established"
      },
      TRANS_NAME: {
        header: "Transaction name",
        field: 'transactionName',
        disabled: false,
        sortable: true,
        action: true,
        width: '20',
        toolTip: "Transaciton Name"
      },
      GEN_NAME: {
        header: "Generator name",
        field: 'generatorName',
        disabled: false,
        sortable: true,
        action: true,
        width: '20',
        toolTip: "Generator Name or Location "
      }
    };
    /***/
  },

  /***/
  "./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.scss":
  /*!******************************************************************************************************!*\
    !*** ./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.scss ***!
    \******************************************************************************************************/

  /*! exports provided: default */

  /***/
  function _src_app_pages_ddr_components_pageDumpRevamped_pageDumpHome_pageDumpHomeComponentScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "page-dump-home .btn-section {\n  position: absolute;\n  right: 13px;\n  top: 17px;\n  z-index: 10;\n}\npage-dump-home .sedebarHeightClass .ui-sidebar {\n  margin-top: 39px;\n  width: 80%;\n}\npage-dump-home .sedebarHeightClass .ui-sidebar .ui-sidebar-close {\n  box-shadow: none;\n  background: transparent;\n  position: absolute;\n  font-weight: 400;\n  right: -10px;\n  top: 3px;\n  color: #FFF;\n}\npage-dump-home .sedebarHeightClass .ui-sidebar .ui-sidebar-close:hover {\n  color: #FFF;\n}\npage-dump-home .sidebarOverlay {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  left: 0px;\n  right: 0px;\n  top: 39px;\n  bottom: 0px;\n  transition: all 300ms ease;\n}\npage-dump-home .response {\n  margin-bottom: 10px;\n}\npage-dump-home .response .status {\n  padding: 5px 10px;\n  border-radius: 3px;\n  font-size: 10px;\n  margin: 0px 10px;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n}\npage-dump-home .gridBox {\n  flex-direction: column;\n  height: calc(100vh - 160px);\n  border-radius: 2px;\n}\npage-dump-home .gridBox .header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 2px;\n  position: relative;\n}\npage-dump-home .gridBox .header .spacer {\n  flex: 1;\n}\npage-dump-home .gridBox .content {\n  flex: 1 1 auto;\n  max-height: calc(100vh - 240px);\n  overflow: auto;\n  position: relative;\n}\npage-dump-home .gridBox .content .ui-tree .ui-tree-container {\n  padding: 0;\n}\npage-dump-home .gridBox .content .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {\n  height: auto;\n}\npage-dump-home .bordr-none .ui-paginator {\n  border: none;\n}\npage-dump-home .list-dropdown {\n  border-radius: 3px;\n}\npage-dump-home .list-dropdown .ui-multiselect {\n  height: 19px;\n}\npage-dump-home .applied-filters {\n  background-color: var(--background_color_1);\n  padding: 5px;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 700px;\n}\npage-dump-home .applied-filters::after {\n  content: \"\";\n  position: absolute;\n  border-top: solid 7px transparent;\n  border-bottom: solid 7px transparent;\n  border-left: solid 7px var(--background_color_1);\n  right: -6px;\n  z-index: 5;\n  top: 3px;\n}\npage-dump-home .applied-filters::before {\n  content: \"\";\n  position: absolute;\n  border-top: solid 8px transparent;\n  border-bottom: solid 8px transparent;\n  border-left: solid 8px var(--background_color_9);\n  right: -8px;\n  z-index: 4;\n  top: 2px;\n}\npage-dump-home .halfBlock {\n  border-style: solid;\n  border-width: 1px;\n  flex: 1;\n  border-radius: 2px;\n  max-width: calc(50% - 5px);\n}\npage-dump-home .halfBlock .halfBlock-head {\n  padding: 10px;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 34px;\n  background-color: rgba(0, 0, 0, 0.1);\n}\npage-dump-home .halfBlock .content-area {\n  height: calc(100vh - 126px);\n  padding: 10px;\n  overflow: auto;\n}\npage-dump-home .halfBlock:first-child {\n  margin-right: 5px;\n}\npage-dump-home .halfBlock:nth-child(2) {\n  margin-left: 5px;\n}\npage-dump-home .fullBlock {\n  border-style: solid;\n  border-width: 1px;\n  flex: 1;\n  border-radius: 2px;\n  max-width: calc(100% - 5px);\n}\npage-dump-home .fullBlock .halfBlock-head {\n  padding: 10px;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 34px;\n  background-color: rgba(0, 0, 0, 0.1);\n}\npage-dump-home .fullBlock .content-area {\n  height: calc(100vh - 126px);\n  padding: 10px;\n}\npage-dump-home .fullBlock:first-child {\n  margin-right: 5px;\n}\npage-dump-home .fullBlock:nth-child(2) {\n  margin-left: 5px;\n}\npage-dump-home .iframeOverlay {\n  position: absolute;\n  left: 0px;\n  right: 27px;\n  top: 0px;\n  bottom: 25px;\n}\npage-dump-home .no-transactions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: 430px;\n  box-shadow: 0px 0px 15px 0px #ddd;\n  border-radius: 4px;\n  margin: 100px auto;\n  padding: 20px 0px;\n}\npage-dump-home .no-transactions img {\n  max-width: 70%;\n}\npage-dump-home .rowsCountClass {\n  position: absolute;\n  top: 18px;\n  left: 10px;\n  width: 400px;\n}\npage-dump-home .tooltip {\n  background-color: var(--background_color_1);\n  padding: 10px;\n  width: 30%;\n  position: absolute;\n  line-height: 18px;\n  border-radius: 4px;\n  pointer-events: none;\n  z-index: 95;\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\npage-dump-home .uplodSpinr {\n  right: 113px;\n  top: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\npage-dump-home .appliedFilterCol {\n  flex: 1 1 33%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  max-width: 33%;\n}\npage-dump-home .hidden {\n  overflow: hidden !important;\n}\npage-dump-home .clicked {\n  border-width: 3px !important;\n}";
    /***/
  },

  /***/
  "./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.ts":
  /*!****************************************************************************************************!*\
    !*** ./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.ts ***!
    \****************************************************************************************************/

  /*! exports provided: PageDumpHomeComponent */

  /***/
  function _src_app_pages_ddr_components_pageDumpRevamped_pageDumpHome_pageDumpHomeComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PageDumpHomeComponent", function () {
      return PageDumpHomeComponent;
    });
    /* 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_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! lodash */
    "./node_modules/lodash/lodash.js");
    /* harmony import */


    var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);
    /* harmony import */


    var primeng__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! primeng */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
    /* harmony import */


    var src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/core/session/session.service */
    "./src/app/core/session/session.service.ts");
    /* harmony import */


    var src_app_pages_tools_actions_ddr_data_model_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! src/app/pages/tools/actions/ddr-data-model.service */
    "./src/app/pages/tools/actions/ddr-data-model.service.ts");
    /* harmony import */


    var _services_common_services__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../../../services/common.services */
    "./src/app/pages/ddr/services/common.services.ts");
    /* harmony import */


    var _service_page_dump_http_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ../service/page-dump-http.service */
    "./src/app/pages/ddr/components/page-dump-revamped/service/page-dump-http.service.ts");
    /* harmony import */


    var _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ../service/page-dump.state */
    "./src/app/pages/ddr/components/page-dump-revamped/service/page-dump.state.ts");
    /* harmony import */


    var _service_page_dump_utils_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ../service/page-dump-utils.service */
    "./src/app/pages/ddr/components/page-dump-revamped/service/page-dump-utils.service.ts");
    /* harmony import */


    var src_app_pages_ddr_services_ddr_request_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! src/app/pages/ddr/services/ddr-request.service */
    "./src/app/pages/ddr/services/ddr-request.service.ts");
    /* harmony import */


    var src_app_shared_time_bar_service_time_bar_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! src/app/shared/time-bar/service/time-bar.service */
    "./src/app/shared/time-bar/service/time-bar.service.ts");
    /* harmony import */


    var src_app_shared_time_bar_service_time_bar_state__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! src/app/shared/time-bar/service/time-bar.state */
    "./src/app/shared/time-bar/service/time-bar.state.ts");
    /* harmony import */


    var moment__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! moment */
    "./node_modules/moment/moment.js");
    /* harmony import */


    var moment__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_14__);
    /* harmony import */


    var src_app_pages_scenario_service_scenario_utils_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! src/app/pages/scenario/service/scenario-utils.service */
    "./src/app/pages/scenario/service/scenario-utils.service.ts");
    /* harmony import */


    var src_app_pages_home_transaction_detail_services_transaction_detail_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! src/app/pages/home/transaction-detail/services/transaction-detail.service */
    "./src/app/pages/home/transaction-detail/services/transaction-detail.service.ts");
    /* harmony import */


    var src_app_pages_home_transaction_detail_services_transaction_detail_state__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! src/app/pages/home/transaction-detail/services/transaction-detail.state */
    "./src/app/pages/home/transaction-detail/services/transaction-detail.state.ts");
    /* harmony import */


    var _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(
    /*! ../constants/page-dump-home.constant */
    "./src/app/pages/ddr/components/page-dump-revamped/constants/page-dump-home.constant.ts");
    /* harmony import */


    var src_app_pages_home_script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(
    /*! src/app/pages/home/script-manager/services/script-utils.service */
    "./src/app/pages/home/script-manager/services/script-utils.service.ts");
    /* harmony import */


    var src_app_pages_home_script_manager_script_compare_script_compare_component__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(
    /*! src/app/pages/home/script-manager/script-compare/script-compare.component */
    "./src/app/pages/home/script-manager/script-compare/script-compare.component.ts");
    /* harmony import */


    var src_app_pages_scenario_service_scenario_http_service__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(
    /*! src/app/pages/scenario/service/scenario-http.service */
    "./src/app/pages/scenario/service/scenario-http.service.ts");
    /* harmony import */


    var src_app_pages_scenario_interface_scenario_state__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(
    /*! src/app/pages/scenario/interface/scenario-state */
    "./src/app/pages/scenario/interface/scenario-state.ts");
    /* harmony import */


    var src_app_pages_home_load_test_services_load_test_common_services__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(
    /*! src/app/pages/home/load-test/services/load-test-common.services */
    "./src/app/pages/home/load-test/services/load-test-common.services.ts");

    var PageDumpHomeComponent = /*#__PURE__*/function () {
      function PageDumpHomeComponent(router, sessionService, commonService, ddrData, pagedumpHttpService, pageDumpUtilService, ddrRequest, timebarService, scenUtils, txService, scriptUtilService, dialogService, scenHttpService, loadTestCommonService, activatedRoute) {
        _classCallCheck(this, PageDumpHomeComponent);

        this.router = router;
        this.sessionService = sessionService;
        this.commonService = commonService;
        this.ddrData = ddrData;
        this.pagedumpHttpService = pagedumpHttpService;
        this.pageDumpUtilService = pageDumpUtilService;
        this.ddrRequest = ddrRequest;
        this.timebarService = timebarService;
        this.scenUtils = scenUtils;
        this.txService = txService;
        this.scriptUtilService = scriptUtilService;
        this.dialogService = dialogService;
        this.scenHttpService = scenHttpService;
        this.loadTestCommonService = loadTestCommonService;
        this.activatedRoute = activatedRoute;
        this.pageDumpSidebar = false;
        this.groupBy = 'session';
        this.additionalSettings = false;
        this.appliedFilters = false;
        this.flagOfDrillDown = "no";
        this.filterData = "";
        this.pageLimit = 50;
        this.pageOffset = 0;
        this.treeData = [];
        this.loading = false;
        this.stepListOption = [];
        this.sessionList = [];
        this.transactionDropDown = [];
        this.scriptArrDropDown = [];
        this.showFailedList = false;
        this.paramValue = "";
        this.stepNameDropDown = [];
        this.generatorNameDropDown = [];
        this.stepNameArr = [];
        this.scriptArr = [];
        this.stepNameTooltip = "";
        this.genNameTooltip = "";
        this.stepNameVal = "";
        this.generatorNameVal = "";
        this.scriptArrValue = "";
        this.stepList = -2;
        this.errorSessionData = [];
        this.failedType = [];
        this.failed = "";
        this.errorData = [];
        this.childIdxFilter = ""; // will keep the user value in input box.

        this.virtualUserid = ""; // will keep user idx value to pass value in input box.

        this.showSessionFailedList = false;
        this.tempVal = "";
        this.virtualSessionid = ""; // will keep session idx value to pass value in input box.

        this.sessionFailedList = [];
        this.SessionTooltipLabel = "";
        this.virtualUserFilterCheck = false;
        this.virtualSessFilterCheck = false;
        this.scriptTooltip = "";
        this.stepStatusTooltip = "Show all steps";
        this.failureStatusTooltip = "";
        this.sessionListTooltip = "Show all sessions";
        this.transactionTooltip = "";
        this.showColumnsOptions = [];
        this.selectedColumns = [];
        this.array1 = [];
        this.originalValues = [];
        this.tableHeight = "161px";
        this.downloadData = [];
        this.rowSelectionObj = {};
        this.selectedRowData = [];
        this.isCompare = false;
        this.recfrm = false;
        this.flowPathInstance = "";
        this.flowPathInstanceNo = -1;
        this.pageNamefrm = "";
        this.resStatusCountArr = [];
        this.failedTypeList = [];
        this.selectSessionVal = -2;
        this.endTime = 0;
        this.startTime = 0;
        this.transactionVal = "";
        this.preSet = "WS";
        this.sessionStorageData = {};
        this.isNetworkLogsCall = true; // ignoring the first time the subscription is triggered

        this.isSidebar = false; // ignoring the time  subscription when side bar is visible

        this.resCountNotAvailable = false;
        this.cvMsg = "";
        this.cvFail = false;
        this.hoveredRowData = null;
        this.tooltipTop = 0;
        this.tooltipLeft = 0;
        this.networkLogTooltip = "";
        this.loadingPagedump = false;
        this.isCompletePagedumpCall = false;
        this.sessionFailedTooltip = "";
        this.paginateLimitValue = 50;
        this.filterCounter = 0;
        this.maxWidth = 30;
        this.paramValueTooltip = "";
        this.childIdxFilterTooltip = "";
        this.virtualSessionidTooltip = "";
        this.virtualUseridTooltip = "";
        this.totalCountLoading = false;
        this.isFrom = "";
        this.isCmtTR = false;
        this.isFlowPath = false;
        this.hideForFunctional = false;
        this.types = [{
          label: 'Group by Session',
          value: 'session'
        }, {
          label: 'Group by Step',
          value: 'page'
        }, {
          label: 'Group by VUser',
          value: 'user'
        }];
        this.isCmtTR = this.sessionService.session.testRun.cmt;

        for (var _i = 0, _Object$keys = Object.keys(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"]); _i < _Object$keys.length; _i++) {
          var key = _Object$keys[_i];

          if (key == 'GEN_NAME' && this.sessionService.session.testRun.generatorInfo != "0:0" && this.sessionService.session.testRun.generatorInfo != "undefined:undefined") {
            this.showColumnsOptions.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].GEN_NAME);
          } else this.showColumnsOptions.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"][key]);
        }

        this.getToolTip();
        this.getKeywordData();
      }

      return _createClass(PageDumpHomeComponent, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
            var _this = this;

            var trace, url;
            return _regenerator().w(function (_context) {
              while (1) switch (_context.n) {
                case 0:
                  this.activatedRoute.queryParams.subscribe(function (params) {
                    if (params['openFrom'] != null && params['openFrom'] == 'functional') {
                      _this.hideForFunctional = true;
                    }
                  }); //This is for set tracingPct

                  if (this.sessionService.session.testRun && (!this.sessionService.session.testRun.tracingPct || this.sessionService.session.testRun.tracingPct == '-1')) {
                    if (this.sessionService.session.testRun.jsonStr) {
                      trace = this.loadTestCommonService.parseAndReturnKey(this.sessionService.session.testRun.jsonStr, 'trace');

                      if (trace) {
                        this.sessionService.session.testRun.tracingPct = trace;
                      }
                    }
                  } //Initializing ddrData.pagedump data if not present.


                  if (this.ddrData.pagedump == undefined || this.ddrData.pagedump.flagOfDrillDown != "yes") {
                    url = {};
                    url['path'] = "//" + window.location.host + "/";
                    url['product'] = this.sessionService.session.cctx.prodType;

                    if (url['product'] == "Netstorm") {
                      url['product'] = "netstorm";
                    }

                    if (url['product'] == "Netdiagnostics") {
                      url['product'] = "netdiagnostics";
                    }

                    url['testRun'] = this.sessionService.session.testRun.id;
                    url['radRunPhase'] = "";
                    url['rptRunTime'] = "";
                    url['startDate'] = "";
                    url['endDate'] = "";
                    url['duration'] = this.sessionService.session.testRun.duration;
                    url['isNDEMode'] = "false";
                    url['flagOfDrillDown'] = "no";
                    this.ddrData.pagedump = url;
                  }

                  this.pageDumpBodyData = this.ddrData.pagedump;
                  this.commonService.isToLoadSideBar = false;
                  this.setTimeRange();

                  if (this.pageDumpBodyData.hasOwnProperty('isFrom')) {
                    this.isFrom = this.pageDumpBodyData['isFrom'];
                    delete this.pageDumpBodyData['isFrom'];
                  } //Initializaing pageDumpBodyData


                  if (this.pageDumpBodyData) {
                    this.pageDumpBodyData['userName'] = this.ddrData.userName || this.pageDumpBodyData.userName;
                    sessionStorage.removeItem("pageDumpUrl");
                    sessionStorage.setItem("pageDumpUrl", JSON.stringify(this.pageDumpBodyData));
                  } else {
                    this.pageDumpBodyData = JSON.parse(sessionStorage.getItem("pageDumpUrl"));
                  }

                  this.flagOfDrillDown = this.pageDumpBodyData.flagOfDrillDown;
                  this.createDropdownList();
                  this.makefiltercriteria();

                  if (this.flagOfDrillDown == 'no') {
                    this.pageDumpBodyData['strFailedPage'] = "";
                    this.pageDumpBodyData['strFailedSession'] = "";
                    this.pageDumpBodyData['strOtherFailedPage'] = "";
                    this.pageDumpBodyData['strOtherFailedSession'] = "";
                    this.pageDumpBodyData['strPageName'] = "";
                    this.pageDumpBodyData['strScriptName'] = "";
                    this.pageDumpBodyData['timeType'] = "";
                    this.pageDumpBodyData["childindex"] = "";
                    this.pageDumpBodyData["userindex"] = "";
                    this.pageDumpBodyData["sessioninstance"] = "";
                    this.pageDumpBodyData['paramFilter'] = "";
                    this.pageDumpBodyData['transactionName'] = "";
                    this.testRunDateTime = this.pageDumpBodyData.startTime;
                    this.duration = this.pageDumpBodyData.duration;
                    this.filterData = '';
                  } else {
                    this.flowPathInstance = this.pageDumpBodyData['flowPathInstance'];
                    this.flowPathInstanceNo = Number(this.flowPathInstance);
                    this.pageNamefrm = this.pageDumpBodyData['pageName'];
                  }

                  if (this.pageDumpBodyData && this.pageDumpBodyData.product && this.pageDumpBodyData.product.startsWith("/")) {
                    this.pageDumpBodyData.product = this.pageDumpBodyData.product.substring(1, this.pageDumpBodyData.product.length);
                  }

                  this.pageDumpBodyData['limit'] = this.pageLimit;
                  this.pageDumpBodyData['offset'] = this.pageOffset;
                  this.sessionStorageData = JSON.parse(sessionStorage.getItem('timePresets'));
                  this.startTime = this.sessionService.session.testRun.st;
                  this.getTransactionsForFilter();
                  _context.n = 1;
                  return this.getTestRunEndTime();

                case 1:
                  this.getResStatusCount();
                  this.fetchPagedumpData(false, true); //true for non CMT test in preInitForNS and false for CMT TEST that's negation of cmt flag 

                  _context.n = 2;
                  return this.timebarService.preInitForNS(!this.sessionService.session.testRun.cmt).then(function (res) {
                    return res;
                  });

                case 2:
                  this.timebarSubscription = this.timebarService.events.onChange.subscribe(function (data) {
                    _this.setTimeRange();

                    if (_this.isNetworkLogsCall) {
                      _this.isNetworkLogsCall = false;
                      return;
                    }

                    if (_this.isSidebar) return;
                    if (_this.sessionService.session.testRun.running) _this.getPagedumpDataOnInterval();else if (data == 'TIME_CHANGED') {
                      _this.getResStatusCount(true);

                      _this.fetchPagedumpData(true);
                    }
                  });

                case 3:
                  return _context.a(2);
              }
            }, _callee, this);
          }));
        }
      }, {
        key: "getPagedumpDataTotalCount",
        value: function getPagedumpDataTotalCount() {
          var _this2 = this;

          return new Promise(function (resolve, reject) {
            _this2.pageDumpBodyData['showCount'] = true;

            _this2.pagedumpHttpService.getPagedumpData(_this2.pageDumpBodyData).subscribe(function (state) {
              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetPageDumpDataLoadingState"]) {
                _this2.totalCountLoading = true;
                return;
              }

              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetPageDumpDataLoadedState"]) {
                var data = state.data;
                _this2.totalCount = Number(data.totalCount);
                _this2.totalCountLoading = false;
                resolve(state.data);
                return;
              }
            }, function (state) {
              _this2.totalCountLoading = false;
              reject();
              return;
            });
          });
        }
      }, {
        key: "getPageDumpData",
        value: function getPageDumpData(isFromTimebar, isFromSelectButton) {
          var _this3 = this;

          try {
            return new Promise(function (resolve, reject) {
              _this3.setDateAndTimeForPageDumpData();

              _this3.pageDumpBodyData['showCount'] = false;
              _this3.pageDumpBodyData['paramFilter'] = _this3.paramValue;
              _this3.pageDumpBodyData['groupBy'] = _this3.groupBy;
              _this3.pageDumpBodyData['offset'] = _this3.pageOffset;

              if (!_this3.virtualUserFilterCheck && !_this3.virtualSessFilterCheck) {
                _this3.virtualUserid = "";
                _this3.childIdxFilter = "";
                _this3.virtualSessionid = "";
              } else if (!_this3.virtualUserFilterCheck) {
                _this3.virtualUserid = "";
              } else if (!_this3.virtualSessFilterCheck) {
                _this3.virtualSessionid = "";
              }

              _this3.pageDumpBodyData["userindex"] = _this3.virtualUserid;
              _this3.pageDumpBodyData["sessioninstance"] = _this3.virtualSessionid; //setting flagOfDrillDown hardcoded 'no' as it is handled in backend.

              _this3.pageDumpBodyData["childindex"] = _this3.childIdxFilter;
              if (_this3.pageDumpBodyData['strOperName'] != "pageDump_nvsm") _this3.pageDumpBodyData.flagOfDrillDown = "no";

              _this3.pagedumpHttpService.getPagedumpData(_this3.pageDumpBodyData).subscribe(function (state) {
                if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetPageDumpDataLoadingState"]) {
                  _this3.isCompletePagedumpCall = false;
                  if (isFromTimebar) _this3.loadingPagedump = true;else _this3.loading = true;
                  return;
                }

                if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetPageDumpDataLoadedState"]) {
                  var data = state.data;

                  if (!data.Status && data.Status != "") {
                    _this3.downloadData = data.downloadJson;
                    _this3.isND = data.isNDMode;
                    _this3.isFlowPath = data.isFlowPathInstance;
                    if (data.hasOwnProperty('totalCount')) _this3.totalCount = data.totalCount;
                    _this3.scriptArr = data.scriptNames;
                    _this3.stepNameArr = data.pageName;

                    _this3.createScriptPageDropDown();

                    _this3.generatorData = data.generators; //Need to call createGeneratorDropdown first time only.

                    if ((_this3.totalCount == '0' || !_this3.treeData || _this3.treeData.length == 0) && !_this3.appliedFilters) {
                      _this3.createGeneratorDropdown();
                    }

                    if (_this3.scriptArrValue && _this3.scriptArrValue !== "") _this3.showScript(_this3.scriptArrValue, 1);else _this3.createScriptPageDropDown(); // }

                    _this3.rowSelectionObj = {};
                    _this3.selectedRowData = Object.keys(_this3.rowSelectionObj);
                    if (isFromSelectButton) _this3.makeTableColumns();
                    _this3.treeData = data.finalData;
                    if (_this3.treeData && _this3.treeData.length > 1) _this3.tableHeight = "161px";else _this3.tableHeight = "353px";
                    _this3.isCompare = false;
                    if (isFromTimebar) _this3.loadingPagedump = false;else _this3.loading = false;
                    _this3.isCompletePagedumpCall = true;
                    resolve(true);
                    return;
                  } else {
                    if (isFromTimebar) _this3.loadingPagedump = false;else _this3.loading = false;
                    _this3.treeData = data.data;
                    if (data.Status != "") _this3.pageDumpUtilService.errorMessage(data.Status);
                    resolve(false);
                    return;
                  }
                }
              }, function (state) {
                if (isFromTimebar) _this3.loadingPagedump = false;else _this3.loading = false;
                _this3.isCompletePagedumpCall = true;
                resolve(false);
                if (!_this3.totalCount) _this3.totalCount = '0';

                _this3.pageDumpUtilService.errorMessage("Internal error occurred while fetching data for network logs.");

                return;
              });
            });
          } catch (error) {
            return;
          }
        }
      }, {
        key: "getFlowpathInstance",
        value: function getFlowpathInstance(val, type) {
          return type === 'fpi' ? val.split("_")[0] : val.split("_")[3];
        }
      }, {
        key: "setDateAndTimeForPageDumpData",
        value: function setDateAndTimeForPageDumpData() {
          var startDate, endDate;

          if (this.pageDumpBodyData['strOperName'] == "pageDump_nvsm") {
            startDate = this.pageDumpBodyData.strStartTime;
            endDate = this.pageDumpBodyData.strEndTime;
          }

          startDate = startDate !== null && startDate !== void 0 ? startDate : Number(this.timebarService.getValue() ? this.timebarService.getValue().time.frameStart.value : this.sessionStorageData.times[0]);
          endDate = endDate !== null && endDate !== void 0 ? endDate : Number(this.timebarService.getValue() ? this.timebarService.getValue().time.frameEnd.value : this.sessionStorageData.times[this.sessionStorageData.times.length - 1]);
          this.pageDumpBodyData['strStartTime'] = startDate;
          this.pageDumpBodyData['strEndTime'] = endDate;
          this.pageDumpBodyData['timeType'] = "Specified Time";
        }
      }, {
        key: "createDropdownList",
        value: function createDropdownList() {
          this.stepListOption.push({
            'label': 'Show all steps',
            value: -2
          });
          this.stepListOption.push({
            'label': 'Show only failed steps',
            value: -1
          });
          this.stepListOption.push({
            'label': 'Show only success steps',
            value: 0
          });
          this.stepListOption.push({
            'label': 'Show steps based on status code',
            value: 3
          });
          this.sessionList.push({
            'label': 'Show all sessions',
            value: -2
          });
          this.sessionList.push({
            'label': 'Show only failed sessions',
            value: -1
          });
          this.sessionList.push({
            'label': 'Show only success sessions',
            value: 0
          });
          this.sessionList.push({
            'label': 'Show session based on status code',
            value: 3
          });
          this.scriptArrDropDown.push({
            'label': '-- Select Script Name --',
            value: ""
          });
          this.transactionDropDown.push({
            'label': '-- Select Transaction Name --',
            value: ""
          });
          this.stepNameDropDown.push({
            'label': '-- Select Step Name --',
            value: ""
          });
          this.generatorNameDropDown.push({
            'label': '-- Select Generator Name --',
            value: ""
          });
        }
      }, {
        key: "createScriptPageDropDown",
        value: function createScriptPageDropDown() {
          this.scriptArrDropDown = [];
          this.stepNameDropDown = []; //replaced PageArrDropDown with stepNameDropDown 

          this.scriptArrDropDown.push({
            'label': '-- Select Script Name --',
            value: ""
          });
          this.stepNameDropDown.push({
            'label': '-- Select Step Name --',
            value: ""
          });

          for (var i = 0; i < this.scriptArr.length; i++) this.scriptArrDropDown.push({
            'label': this.scriptArr[i].sessionName,
            value: this.scriptArr[i].sessionName
          });

          for (var j = 0; j < this.stepNameArr.length; j++) this.stepNameDropDown.push({
            'label': this.stepNameArr[j].sessionName + ':' + this.stepNameArr[j].pageName,
            value: this.stepNameArr[j].pageName
          });
        }
      }, {
        key: "showScript",
        value: function showScript(scriptValue, type) {
          this.stepNameDropDown = [];

          if (type == 0) {
            this.stepNameVal = "";
          }

          this.stepNameDropDown.push({
            'label': '-- Select Step Name --',
            value: ""
          });

          for (var i = 0; i < this.stepNameArr.length; i++) {
            if (scriptValue == "" || scriptValue == this.stepNameArr[i].sessionName) this.stepNameDropDown.push({
              'label': this.stepNameArr[i].sessionName + ':' + this.stepNameArr[i].pageName,
              value: this.stepNameArr[i].pageName
            });
          }
        }
      }, {
        key: "getOtherFailedPageValue",
        value: function getOtherFailedPageValue(data) {
          var tempValue = "";

          for (var i = 0; i < data.length; i++) {
            if (tempValue == "") tempValue = data[i];else tempValue = tempValue + "," + data[i];
          }

          return tempValue;
        }
      }, {
        key: "valEnteredKeyN",
        value: function valEnteredKeyN(event) {
          if (event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode == 0 || event.keyCode == 8) return true;else return false;
        }
      }, {
        key: "validateQty",
        value: function validateQty(event) {
          if (this.paramValue.length == 0) {
            if (event.charCode >= 65 && event.charCode <= 90 || event.charCode >= 97 && event.charCode <= 122) {
              return true;
            } else {
              return false;
            }
          } else {
            return true;
          }
        }
        /**Formatter cell data for converting ms to sec field */

      }, {
        key: "msToTimeFormate",
        value: function msToTimeFormate(duration) {
          if (!isNaN(duration)) {
            var milliseconds, seconds, minutes, hours, temp, time;
            time = +duration;
            time = Math.round(time);
            milliseconds = time % 1000;
            time = (time - milliseconds) / 1000;
            hours = parseInt(Number(time / 3600) + '');
            time = time % 3600;
            minutes = parseInt(Number(time / 60) + '');
            time = time % 60;
            seconds = parseInt(Number(time) + '');
            return this.appendStringToTime(hours, minutes, seconds, milliseconds);
          } else return duration;
        }
      }, {
        key: "appendStringToTime",
        value: function appendStringToTime(hh, mm, ss, msec) {
          if (msec < 10) msec = "0" + msec;
          if (msec < 100) msec = "0" + msec;
          if (mm < 10) mm = "0" + mm;
          if (ss < 10) ss = "0" + ss;
          if (hh < 10) hh = "0" + hh; // Make hrs 2 digit string

          return hh + ":" + mm + ":" + ss + "." + msec;
        }
      }, {
        key: "openPageInfo",
        value: function openPageInfo(partition, node) {
          var startTimeInMSTemp = "";
          var endTimeInMSTemp = "";

          if (this.pageDumpBodyData['strOperName'] && this.pageDumpBodyData['strOperName'] == "pageDump_nvsm") {
            startTimeInMSTemp = this.pageDumpBodyData['strStartTime'];
            endTimeInMSTemp = this.pageDumpBodyData['strEndTime'];
          }

          this.pageDumpUtilService.pageReqInfo = {
            req: node.req,
            repBody: node.repBody,
            rep: node.rep,
            pageIndex: node.pageIndex,
            pageName: node.pageName,
            partition: partition,
            loginUser: node.loginUser,
            testRun: node.testRun,
            strPartitionNumber: node.partitionNumber,
            scriptName: node.scriptName,
            flowName: node.flowNameWithoutExtn,
            pageDumpURL: node.pageDumpURL,
            recordedPageUrl: node.recordedPageUrl,
            groupName: node.group,
            traceLevel: node.traceLevel,
            projectName: node.projectName,
            subProjectName: node.subProjectName,
            showRecFrm: this.recfrm,
            userID: node.userID,
            sessionInstance: node.sessionInstance,
            startTime: node.startTime,
            absDateTime: node.absDateTime,
            flagOfDrillDown: "no",
            node: node,
            endTime: this.endTime,
            starttime: this.startTime,
            sessionIndex: node.sessionIndex,
            logFileSuffix: node.logFileSuffix,
            strStartTime: startTimeInMSTemp,
            strEndTime: endTimeInMSTemp
          };
          this.pageDumpSidebar = !this.pageDumpSidebar;
          if (this.pageDumpSidebar) this.router.navigate(['sidebar'], {
            relativeTo: this.activatedRoute
          });
        }
      }, {
        key: "makeTableColumns",
        value: function makeTableColumns() {
          this.cols = [];
          this.selectedColumns = [];
          if (this.isND === false) this.cols.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].START_TEST);

          if (this.groupBy == "page") {
            this.cols.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STEP, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS_CODE, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].RES_TIME, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].PARAM, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].SESSION);
          }

          if (this.groupBy == "user") {
            this.cols.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STEP, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS_CODE, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].RES_TIME, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].PARAM, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].SESSION, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].VUSER);
          }

          if (this.groupBy == "session") {
            this.cols.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STEP, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].STATUS_CODE, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].RES_TIME, _constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].PARAM);
          }

          this.cols.push(_constants_page_dump_home_constant__WEBPACK_IMPORTED_MODULE_18__["MULTI_SELECT_ELE"].URL);

          if (this.isFlowPath) {
            this.cols.push({
              header: "Action",
              field: 'flowPathInstance',
              disabled: false,
              sortable: true,
              action: true,
              width: '20'
            });
          }

          this.defaultCols = this.cols.slice();
          if (this.selectedColumns.length == 0) this.selectedColumns = lodash__WEBPACK_IMPORTED_MODULE_3__["cloneDeep"](this.defaultCols);
        }
      }, {
        key: "rowSelection",
        value: function rowSelection(e) {
          this.selectedRowData = Object.keys(this.rowSelectionObj);
          var count = 0;

          if (this.selectedRowData.length > 1) {
            for (var arr in this.selectedRowData) {
              if (this.rowSelectionObj[this.selectedRowData[arr]].length > 1) count += 2;else if (this.rowSelectionObj[this.selectedRowData[arr]].length) count++;
            }

            if (count > 1) this.isCompare = true;else this.isCompare = false;
          } else if (this.selectedRowData.length == 1) {
            if (this.rowSelectionObj[this.selectedRowData[0]].length > 1) this.isCompare = true;else this.isCompare = false;
          } else this.isCompare = false;
        }
      }, {
        key: "paginate",
        value: function paginate(event) {
          this.pageOffset = parseInt(event.first);
          this.pageLimit = parseInt(event.rows);
          this.paginateLimitValue = this.pageLimit;

          if (this.pageLimit > this.totalCount) {
            this.pageLimit = Number(this.totalCount);
          }

          if (this.pageLimit + this.pageOffset > this.totalCount) {
            this.pageLimit = Number(this.totalCount) - Number(this.pageOffset);
          }

          this.loading = true;
          this.pageDumpBodyData['limit'] = this.pageLimit;
          this.pageDumpBodyData['offset'] = this.pageOffset;
          this.fetchPagedumpData();
        }
      }, {
        key: "reset",
        value: function reset() {
          var _this4 = this;

          this.filterCounter = 0;
          this.virtualUserFilterCheck = false;
          this.virtualSessFilterCheck = false;
          this.pageDumpBodyData['strFailedPage'] = "";
          this.pageDumpBodyData['strFailedSession'] = "";
          this.pageDumpBodyData['strOtherFailedPage'] = "";
          this.pageDumpBodyData['strOtherFailedSession'] = "";
          this.pageDumpBodyData['strPageName'] = "";
          this.pageDumpBodyData['strScriptName'] = "";
          this.pageDumpBodyData['timeType'] = "";
          this.pageDumpBodyData['limit'] = 50;
          this.pageDumpBodyData['offset'] = 0;
          this.pageDumpBodyData["childindex"] = "";
          this.pageDumpBodyData["userindex"] = "";
          this.pageDumpBodyData["sessioninstance"] = "";
          this.pageDumpBodyData['transactionName'] = "";
          this.pageDumpBodyData['paramFilter'] = "";
          this.pageDumpBodyData['strGeneratorName'] = "";
          this.paramValue = "";
          this.childIdxFilter = "";
          this.virtualUserid = "";
          this.virtualSessionid = "";
          this.virtualUseridTooltip = "";
          this.virtualSessionidTooltip = "";
          this.childIdxFilterTooltip = "";
          this.generatorNameVal = "";
          this.getPagedumpDataTotalCount();
          this.getPageDumpData().then(function (res) {
            if (res) {
              _this4.pageLimit = 50;
              _this4.pageOffset = 0;
              _this4.appliedFilters = false;
              _this4.showFailedList = false;
              _this4.showSessionFailedList = false;
              _this4.stepList = -2;
              _this4.selectSessionVal = -2;
              _this4.scriptArrValue = "";
              _this4.stepNameVal = "";
              _this4.generatorNameVal = "";
              _this4.failedType = [];
              _this4.sessionFailedType = [];
              _this4.childIdxFilter = ""; // will keep the user value in input box

              _this4.virtualUserid = ""; // will keep user idx value to pass value in input box.

              _this4.virtualSessionid = "";
              _this4.additionalSettings = false;
              _this4.paramValue = "";
              _this4.tempVal = "";
              _this4.transactionVal = "";
              _this4.filterData = '';
              _this4.scriptTooltip = "";
              _this4.transactionTooltip = "";
              _this4.stepNameTooltip = "";
              _this4.genNameTooltip = "";
              _this4.virtualUserFilterCheck = false;
              _this4.paginateLimitValue = 50;

              _this4.makefiltercriteria();

              _this4.resetStatusFailure();
            }
          });
        }
      }, {
        key: "makefiltercriteria",
        value: function makefiltercriteria() {
          this.filterData = "";
          if (this.pageDumpBodyData.pageName && this.pageDumpBodyData.pageName.trim() != "NA") this.filterData = ", Page : " + this.pageDumpBodyData.pageName;
          if (this.filterData.startsWith(",")) this.filterData = this.filterData.substring(1);
        }
      }, {
        key: "appliedParamFilter",
        value: function appliedParamFilter() {
          var toAppend = "";

          if (this.tempVal) {
            toAppend += ', Parameter Filter - ' + this.tempVal;
          }

          return toAppend;
        }
      }, {
        key: "selectParamFilter",
        value: function selectParamFilter() {
          this.paramValue = this.tempVal;
        }
      }, {
        key: "apply",
        value: function apply(isCallForFilter) {
          this.failed = "";
          this.failureStatusTooltip = "";
          this.sessionFailedTooltip = "";
          this.appliedFilters = true;
          this.filterData = "";
          this.pageOffset = 0;
          this.pageDumpBodyData['limit'] = this.paginateLimitValue;

          for (var i = 0; i < this.stepListOption.length; i++) {
            if (this.stepList == this.stepListOption[i].value) {
              this.filterData += " Pages: " + this.stepListOption[i].label;
              this.stepStatusTooltip = this.stepListOption[i].label;
            }
          }

          if (this.stepList == 3 && this.failedType.length) {
            for (var _i2 = 0; _i2 < this.failedTypeList.length; _i2++) {
              var _iterator = _createForOfIteratorHelper(this.failedType),
                  _step;

              try {
                for (_iterator.s(); !(_step = _iterator.n()).done;) {
                  var failed = _step.value;

                  if (failed == this.failedTypeList[_i2].value) {
                    this.failureStatusTooltip += this.failedTypeList[_i2].label + ",";
                  }
                }
              } catch (err) {
                _iterator.e(err);
              } finally {
                _iterator.f();
              }
            }

            this.failureStatusTooltip = this.failureStatusTooltip.substring(0, this.failureStatusTooltip.length - 1);
            this.failed = this.getOtherFailedPageValue(this.failedType).toString();
            this.pageDumpBodyData['strOtherFailedPage'] = this.failed;
            var split = [];
            var failedpg = "";
            if (this.failed.includes(",")) split = this.failed.split(",");else split = this.failed;

            for (var _i3 = 0; _i3 < split.length; _i3++) {
              if (this.errorData) {
                for (var j = 0; j < this.errorData.length; j++) {
                  if (this.errorData[j].value == split[_i3]) failedpg += ',' + this.errorData[j].label;
                }
              }

              if (failedpg.startsWith(',')) {
                failedpg = failedpg.substring(1);
              }
            }

            this.filterData += ", Failed type page: " + failedpg;

            if (this.failed.split(",").every(function (ele) {
              return isNaN(parseInt(ele)) ? true : parseInt(ele) < 0;
            })) {
              this.resCountNotAvailable = true;
              this.treeData = [];
              return;
            } else {
              this.resCountNotAvailable = false;
            } //Removing negative values if any


            this.failed = this.failed.split(",").filter(function (ele) {
              return isNaN(parseInt(ele)) ? true : parseInt(ele) >= 0;
            }).join(",");
          }

          var _iterator2 = _createForOfIteratorHelper(this.resStatusCountArr),
              _step2;

          try {
            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
              var res = _step2.value;

              if (this.failedType.indexOf(res.value) !== -1) {
                res.isSelected = true;
              } else if (this.failedType.indexOf(res.value) == -1) {
                res.isSelected = false;
              }
            }
          } catch (err) {
            _iterator2.e(err);
          } finally {
            _iterator2.f();
          }

          this.pageDumpBodyData['strFailedPage'] = this.stepList;

          for (var _i4 = 0; _i4 < this.sessionList.length; _i4++) {
            if (this.selectSessionVal == this.sessionList[_i4].value) {
              this.filterData += ", Sessions: " + this.sessionList[_i4].label;
              this.sessionListTooltip = this.sessionList[_i4].label;
            }
          }

          if (this.selectSessionVal == 3 && this.sessionFailedType) {
            for (var _i5 = 0; _i5 < this.sessionFailedList.length; _i5++) {
              var _iterator3 = _createForOfIteratorHelper(this.sessionFailedType),
                  _step3;

              try {
                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                  var _failed = _step3.value;

                  if (_failed == this.sessionFailedList[_i5].value) {
                    this.sessionFailedTooltip += this.sessionFailedList[_i5].label + ',';
                  }
                }
              } catch (err) {
                _iterator3.e(err);
              } finally {
                _iterator3.f();
              }
            }

            this.sessionFailedTooltip = this.sessionFailedTooltip.substring(0, this.sessionFailedTooltip.length - 1);
            this.sessionFailed = this.getOtherFailedPageValue(this.sessionFailedType);
            this.pageDumpBodyData['strOtherFailedSession'] = this.sessionFailed;
            var _split = [];
            var failedses = "";
            if (this.sessionFailed.includes(",")) _split = this.sessionFailed.split(",");else _split = this.sessionFailed;

            for (var _i6 = 0; _i6 < _split.length; _i6++) {
              if (this.errorSessionData) {
                for (var _j = 0; _j < this.errorSessionData.length; _j++) {
                  if (this.errorSessionData[_j].value == _split[_i6]) failedses += ',' + this.errorSessionData[_j].label;
                }
              }

              if (failedses.startsWith(',')) {
                failedses = failedses.substring(1);
              }
            }

            this.filterData += ", Failed type session: " + failedses;
          }

          this.pageDumpBodyData['strFailedSession'] = this.selectSessionVal;
          this.pageDumpBodyData['strScriptName'] = this.scriptArrValue;
          if (this.scriptArrValue != "") this.filterData += ', Script Name :' + this.scriptArrValue;
          this.scriptTooltip = this.scriptArrValue;
          this.pageDumpBodyData['strPageName'] = this.stepNameVal;
          if (this.stepNameVal != "") this.filterData += ', Page Name :' + this.stepNameVal;
          this.stepNameTooltip = this.stepNameVal;
          this.pageDumpBodyData['strGeneratorName'] = this.generatorNameVal;
          if (this.generatorNameVal != "") this.filterData += ', Generator Name :' + this.generatorNameVal;
          this.pageDumpBodyData['transactionName'] = this.transactionVal;
          if (this.transactionVal != "") this.filterData += ', Transaction Name :' + this.transactionVal;

          if (this.filterData.startsWith(',')) {
            this.filterData = this.filterData.substring(1);
          }

          this.pageDumpBodyData['timeType'] = "";

          if (this.virtualUserFilterCheck) {
            this.pageDumpBodyData["childindex"] = this.childIdxFilter;
            this.pageDumpBodyData["userindex"] = this.virtualUserid;
          } else {
            this.pageDumpBodyData["childindex"] = "";
            this.pageDumpBodyData["userindex"] = "";
          }

          if (this.virtualSessFilterCheck) {
            this.pageDumpBodyData["childindex"] = this.childIdxFilter;
            this.pageDumpBodyData["sessioninstance"] = this.virtualSessionid;
          } else {
            this.pageDumpBodyData["childindex"] = "";
            this.pageDumpBodyData["sessioninstance"] = "";
          }

          this.tempVal = this.paramValue;
          this.paramValueTooltip = this.paramValue;

          if (this.stepList == 3 && !this.failed) {
            this.pageDumpUtilService.errorMessage("Please choose step status code.");
            return;
          } else if (this.selectSessionVal == 3 && !this.sessionFailed) {
            this.pageDumpUtilService.errorMessage("Please choose session status code");
            return;
          } else if (this.virtualUserFilterCheck && (this.childIdxFilter == "" || this.virtualUserid == "")) {
            this.pageDumpUtilService.errorMessage("Virtual user filter cannot be blank");
            return;
          } else if (this.virtualSessFilterCheck && (this.childIdxFilter == "" || this.virtualSessionid == "")) {
            this.pageDumpUtilService.errorMessage("Virtual session filter cannot be blank");
            return;
          }

          this.virtualSessionidTooltip = this.virtualSessionid;
          this.childIdxFilterTooltip = this.childIdxFilter;
          this.virtualUseridTooltip = this.virtualUserid;
          this.genNameTooltip = this.generatorNameVal;

          if (!isCallForFilter) {
            this.paginatorReset();
            this.fetchPagedumpData();
          }

          this.getNetworkLogsFilterMaxWidth();
        }
      }, {
        key: "paginatorReset",
        value: function paginatorReset() {
          var length;
          var arry = [];

          if (this.paginateRef && this.paginateRef['pageLinkSize']) {
            length = this.paginateRef['pageLinkSize'];

            for (var i = 1; i <= length; i++) arry.push(i);
          }

          if (this.paginateRef) {
            this.paginateRef['_rows'] = 50;
            this.paginateRef['_first'] = 0;
          }
        }
      }, {
        key: "getResStatusCountPageData",
        value: function getResStatusCountPageData(selectedObj) {
          selectedObj.isSelected = !selectedObj.isSelected;

          if (selectedObj.value >= 0) {
            if (selectedObj.isSelected) {
              if (!this.failedType.includes(selectedObj.value)) {
                this.failedType.push(selectedObj.value);
              }
            } else if (!selectedObj.isSelected) {
              var index = this.failedType.indexOf(selectedObj.value);

              if (index !== -1) {
                this.failedType.splice(index, 1);
              }
            }
          } else {
            if (!selectedObj.isSelected) {
              var _index = this.failedType.indexOf(selectedObj.value);

              if (_index !== -1) {
                this.failedType.splice(_index, 1);
              }
            }
          } //Showing no data found if res status count whose 'value' is undefined is selected.


          if (this.resStatusCountArr.some(function (ele) {
            return ele.value < 0 && ele.isSelected;
          }) && this.failedType.length == 0) {
            this.resCountNotAvailable = true;
            this.appliedFilters = true;
            this.treeData = [];
            return;
          } else {
            this.resCountNotAvailable = false;
            this.appliedFilters = false;
          }

          this.failed = this.getOtherFailedPageValue(this.failedType);
          if (this.failureStat) this.failureStat.defaultLabel = this.failedType;

          if (this.failed && this.failed != "") {
            this.stepStatusTooltip = "Show all steps";
            this.failureStatusTooltip = "Show all sessions";
            this.scriptTooltip = "";
            this.stepNameTooltip = "";
            this.genNameTooltip = "";
            this.appliedFilters = true;
            this.pageDumpBodyData['strOtherFailedPage'] = this.failed;
            this.stepList = 3;
            this.pageDumpBodyData['strFailedPage'] = this.stepList;
            this.pageDumpBodyData['strFailedSession'] = -2;
            this.selectSessionVal = -2;
            this.scriptArrValue = "";
            this.stepNameVal = "";
            this.transactionVal = "";
            this.childIdxFilter = "";
            this.virtualUserid = "";
            this.virtualSessionid = "";
            this.additionalSettings = false;
            this.paramValue = "";
            this.tempVal = "";
            this.transactionTooltip = "";
            this.paramValueTooltip = "";
            this.pageDumpBodyData['strOtherFailedSession'] = "";
            this.pageDumpBodyData['strPageName'] = "";
            this.pageDumpBodyData['strScriptName'] = "";
            this.pageDumpBodyData["childindex"] = "";
            this.pageDumpBodyData["userindex"] = "";
            this.pageDumpBodyData["sessioninstance"] = "";
            this.virtualSessFilterCheck = false;
            this.virtualUserFilterCheck = false;
          } else {
            this.appliedFilters = false;
            this.stepList = -2;
            this.pageDumpBodyData['strOtherFailedPage'] = "";
            this.pageDumpBodyData['strFailedPage'] = "";
            this.pageDumpBodyData['strFailedSession'] = "";
          }

          this.pageDumpBodyData['strGeneratorName'] = "";
          this.generatorNameVal = ""; //Apply is called here to set the filterData.

          this.apply(true);
          this.fetchPagedumpData();
        }
      }, {
        key: "replaceStr",
        value: function replaceStr(value, isTooltip) {
          var replacedVal;
          if (!isTooltip) replacedVal = this.ReplaceAll(this.ReplaceAll(this.ReplaceAll(this.decodeWithImpl(value), "$Cav_%3B", ";"), "\\\'", "\'"), "\\\\", "\\");else replacedVal = this.ReplaceAll(this.ReplaceAll(this.ReplaceAll(this.replaceHtmlTags(value), "$Cav_%3B", ";"), "\\\'", "\'"), "\\\\", "\\");
          return replacedVal;
        }
      }, {
        key: "ReplaceAll",
        value: function ReplaceAll(Source, stringToFind, stringToReplace) {
          var temp = Source;
          var index = temp === null || temp === void 0 ? void 0 : temp.indexOf(stringToFind);

          while (index != -1) {
            temp = temp === null || temp === void 0 ? void 0 : temp.replace(stringToFind, stringToReplace);
            index = temp === null || temp === void 0 ? void 0 : temp.indexOf(stringToFind);
          }

          return temp;
        }
      }, {
        key: "decodeWithImpl",
        value: function decodeWithImpl(html) {
          var input = this.decodeHtml(html);
          return input;
        }
      }, {
        key: "decodeHtml",
        value: function decodeHtml(html) {
          var txt = document.createElement("textarea");
          txt.innerHTML = html;
          return txt.value;
        }
      }, {
        key: "getPageDumpErrorCode",
        value: function getPageDumpErrorCode(objectVal) {
          var _this5 = this;

          return new Promise(function (onFulfill, onReject) {
            _this5.pagedumpHttpService.getPageDumpErrorCode(objectVal).subscribe(function (state) {
              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["pageDumpErrorCodeLoadingState"]) {
                _this5.loading = true;
                return;
              }

              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["pageDumpErrorCodeLoadedState"]) {
                _this5.loading = false;
                var data = state.data;
                onFulfill(state.data);
                _this5.sessionFailedList = JSON.parse(JSON.stringify(data['errorData']));
                _this5.errorSessionData = JSON.parse(JSON.stringify(_this5.sessionFailedList));
                return;
              }
            }, function (state) {
              console.error(state.error);
              _this5.loading = false;
              onReject();
              return;
            });
          });
        }
      }, {
        key: "getFailureStatus",
        value: function getFailureStatus(objectVal) {
          if (this.selectSessionVal == 3) this.getPageDumpErrorCode(objectVal);
        }
      }, {
        key: "replaceHtmlTags",
        value: function replaceHtmlTags(text) {
          return text.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#039;/g, "'");
        }
      }, {
        key: "addColumnsOnChange",
        value: function addColumnsOnChange(evt) {
          var _this6 = this;

          var _iterator4 = _createForOfIteratorHelper(this.defaultCols),
              _step4;

          try {
            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
              var defValue = _step4.value;

              if (evt.itemValue == defValue && this.selectedColumns.length != 0) {
                this.selectedColumns.push(evt.itemValue);
                this.pageDumpUtilService.warnMessage("".concat(evt.itemValue.header, " can not be unselected, because it is mandatory."));
                return;
              }
            }
          } catch (err) {
            _iterator4.e(err);
          } finally {
            _iterator4.f();
          }

          if (evt.value.length === 0) {
            this.cols = _toConsumableArray(this.defaultCols);
            this.selectedColumns = lodash__WEBPACK_IMPORTED_MODULE_3__["cloneDeep"](this.defaultCols);
          } else {
            var columns = [].concat(_toConsumableArray(this.defaultCols), _toConsumableArray(evt.value));
            var uniqueCols = [];
            this.cols = [];
            columns.map(function (ele) {
              if (uniqueCols.indexOf(ele.field) == -1) {
                uniqueCols.push(ele.field);

                _this6.cols.push(ele);
              }
            });
          }
        }
      }, {
        key: "customSortOnColumns",
        value: function customSortOnColumns(event, data, tempData) {
          var _this7 = this;

          if (event.order == -1) {
            var temp = event["field"];
            event.order = 1;
            tempData = tempData.sort(function (a, b) {
              var value, value2;

              if (temp == 'absDateTime') {
                value = Date.parse(a[temp]);
                value2 = Date.parse(b[temp]);
              } else if (temp == 'pageName' || temp == 'parameterSubstitution' || temp == 'pageStatus' || temp == 'mainUrl' || temp == 'methodVal' || temp == 'protocolVal' || temp == 'scheme' || temp == 'domainVal') {
                value = a[temp].toLocaleLowerCase();
                value2 = b[temp].toLocaleLowerCase();
              } else if (temp == 'sessionInstance' || temp == 'userID') {
                value = parseInt(a[temp].split(":")[0] + a[temp].split(":")[1]);
                value2 = parseInt(b[temp].split(":")[0] + b[temp].split(":")[1]);
              } else {
                value = Number(a[temp]);
                value2 = Number(b[temp]);
              }

              return value2 > value ? 1 : value2 < value ? -1 : 0;
            });
          } else {
            var temp = event["field"];
            event.order = -1; //asecding order

            tempData = tempData.sort(function (a, b) {
              var value, value2;

              if (temp == 'absDateTime') {
                value = Date.parse(a[temp]);
                value2 = Date.parse(b[temp]);
              } else if (temp == 'pageName' || temp == 'parameterSubstitution' || temp == 'pageStatus' || temp == 'mainUrl' || temp == 'methodVal' || temp == 'protocolVal' || temp == 'scheme' || temp == 'domainVal') {
                value = a[temp].toLocaleLowerCase();
                value2 = b[temp].toLocaleLowerCase();
              } else if (temp == 'sessionInstance' || temp == 'userID') {
                value = parseInt(a[temp].split(":")[0] + a[temp].split(":")[1]);
                value2 = parseInt(b[temp].split(":")[0] + b[temp].split(":")[1]);
              } else {
                value = Number(a[temp]);
                value2 = Number(b[temp]);
              }

              return value > value2 ? 1 : value < value2 ? -1 : 0;
            });
          }

          data.key = [];

          if (tempData) {
            tempData.map(function (rowdata) {
              data.key = _this7.Immutablepush(data.key, rowdata);
            });
          }
        }
      }, {
        key: "Immutablepush",
        value: function Immutablepush(arr, newEntry) {
          return [].concat(_toConsumableArray(arr), [newEntry]);
        }
      }, {
        key: "compareNetworkLogs",
        value: function compareNetworkLogs() {
          this.pageDumpUtilService.isCompare = true;
          this.pageDumpUtilService.comparePageReqInfoArr = [];
          this.pageDumpUtilService.pageReqInfo = {
            endTime: this.endTime,
            starttime: this.startTime
          };
          var selectedRowArr = Object.keys(this.rowSelectionObj);

          for (var _i7 = 0, _selectedRowArr = selectedRowArr; _i7 < _selectedRowArr.length; _i7++) {
            var key = _selectedRowArr[_i7];

            if (this.rowSelectionObj[key].length > 1 && selectedRowArr.length == 1) {
              if (this.rowSelectionObj[key].length > 2) {
                this.pageDumpUtilService.errorMessage("Please select only two steps to compare.");
                this.isCompare = false;
                this.rowSelectionObj = {};
                this.pageDumpUtilService.isCompare = false;
                return;
              }

              this.pageDumpUtilService.comparePageReqInfoArr.push({
                data: this.rowSelectionObj[key][0],
                pageVal: "Session - ".concat(this.rowSelectionObj[key][0].sessionInstance)
              });
              this.pageDumpUtilService.comparePageReqInfoArr.push({
                data: this.rowSelectionObj[key][1],
                pageVal: "Session - ".concat(this.rowSelectionObj[key][1].sessionInstance)
              });
              break;
            } else if (this.rowSelectionObj[key].length >= 2 && selectedRowArr.length >= 1) {
              this.pageDumpUtilService.errorMessage("Please select only two steps to compare.");
              this.pageDumpUtilService.isCompare = false;
              this.rowSelectionObj = {};
              this.isCompare = false;
              return;
            } else {
              if (selectedRowArr.length > 2) {
                this.pageDumpUtilService.errorMessage("Please select only two steps to compare.");
                this.pageDumpUtilService.isCompare = false;
                this.isCompare = false;
                this.rowSelectionObj = {};
                return;
              }

              this.pageDumpUtilService.comparePageReqInfoArr.push({
                data: this.rowSelectionObj[key][0],
                pageVal: "Session - ".concat(this.rowSelectionObj[key][0].sessionInstance)
              });
            }
          }

          this.pageDumpSidebar = !this.pageDumpSidebar;
          if (this.pageDumpSidebar) this.router.navigate(['sidebar'], {
            relativeTo: this.activatedRoute
          });
        }
      }, {
        key: "getTestRunEndTime",
        value: function getTestRunEndTime() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
            var _this8 = this;

            return _regenerator().w(function (_context2) {
              while (1) switch (_context2.n) {
                case 0:
                  return _context2.a(2, new Promise(function (onFulfill, onReject) {
                    _this8.timebarService.loadTime("WS").subscribe(function (state) {
                      if (state instanceof src_app_shared_time_bar_service_time_bar_state__WEBPACK_IMPORTED_MODULE_13__["GlobalTimebarTimeLoadingState"]) {
                        _this8.loading = true;
                        return;
                      }

                      if (state instanceof src_app_shared_time_bar_service_time_bar_state__WEBPACK_IMPORTED_MODULE_13__["GlobalTimebarTimeLoadedState"]) {
                        var data = state.data;
                        onFulfill(state.data);
                        _this8.endTime = data[2];
                        _this8.loading = false;
                        return;
                      }
                    }, function (state) {
                      console.error(state.error);
                      onReject();
                      _this8.loading = false;
                      return;
                    });
                  }));
              }
            }, _callee2);
          }));
        }
      }, {
        key: "getResStatusCount",
        value: function getResStatusCount(isFromTimebar) {
          var _this9 = this;

          return new Promise(function (onFulfill, onReject) {
            var statusObj = {
              testRun: _this9.sessionService.session.testRun.id,
              cctx: {
                cck: _this9.sessionService.session.cctx.cck,
                pk: _this9.sessionService.session.cctx.pk,
                u: _this9.sessionService.session.cctx.u,
                prodType: _this9.sessionService.session.cctx.prodType
              },
              duration: {
                st: _this9.startTime,
                et: _this9.endTime,
                preset: _this9.preSet,
                viewBy: 0
              },
              clientId: "-1",
              appId: "-1"
            };

            _this9.pagedumpHttpService.getResponseStatusCounts(statusObj).subscribe(function (state) {
              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["getResStatusCountLoadingState"]) {
                if (isFromTimebar) _this9.loadingPagedump = true;else _this9.loading = true;
                return;
              }

              if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["getResStatusCountLoadedState"]) {
                var data = state.data;
                onFulfill(state.data);
                _this9.resStatusCountArr = data;

                _this9.resStatusCountArr.sort(function (a, b) {
                  return b.count - a.count;
                });

                _this9.failedTypeList = [];
                var count = 0;

                var _iterator5 = _createForOfIteratorHelper(_this9.resStatusCountArr),
                    _step5;

                try {
                  for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                    var res = _step5.value;

                    if (!res.value) {
                      res.value = --count;
                    }

                    _this9.failedTypeList.push({
                      label: res.status,
                      value: res.value
                    });

                    if (_this9.failedType.indexOf(res.value) !== -1) {
                      res.isSelected = true;
                    } else if (_this9.failedType.indexOf(res.value) == -1) {
                      res.isSelected = false;
                    }
                  }
                } catch (err) {
                  _iterator5.e(err);
                } finally {
                  _iterator5.f();
                }

                return;
              }
            }, function (state) {
              console.error(state.error);
              onReject();
              if (isFromTimebar) _this9.loadingPagedump = false;else _this9.loading = false;
              return;
            });
          });
        }
      }, {
        key: "downloadReports",
        value: function downloadReports(reports) {
          var _this0 = this;

          var columns = [].concat(_toConsumableArray(this.cols), _toConsumableArray(this.selectedColumns));
          var renameArray = {};
          var colList = [];
          renameArray['sessionInstance'] = "Session";
          renameArray['userID'] = "VUser";
          colList.push("Session", "VUser");
          columns.push({
            field: 'sessionInstance',
            header: 'Session'
          }, {
            field: 'userID',
            header: 'VUser'
          });
          columns.forEach(function (col) {
            if (!renameArray.hasOwnProperty(col.field)) renameArray[col.field] = col.header;
            if (!colList.includes(col.header)) colList.push(col.header);
          });
          var dataList = this.downloadData.map(function (val) {
            val['pageResponseTime'] = _this0.msToTimeFormate(val['pageResponseTime']);
            delete val['flowNameWithoutExtn'];
            delete val['pageDumpURL'];
            delete val['recordedPageUrl'];
            delete val['traceLevel'];
            delete val['repBody'];
            delete val['rep'];
            delete val['req'];
            delete val["gC"];
            if (_this0.isND === false) val['startTime'] = _this0.msToTimeFormate(val['startTime']);
            var tmp = {};
            columns.forEach(function (col) {
              if (!tmp.hasOwnProperty(col.field)) {
                if (col.field == 'absDateTime') tmp[col.field] = val[col.field] == -1 || val[col.field] !== 0 && val[col.field] == "" || val[col.field] == null || val[col.field] == undefined || val[col.field] == "" || val[col.field] == 0 ? '-' : _this0.sessionService.convertTimestampIntoFormattedString(Number.parseInt(val[col.field]));else if (col.filed = 'parameterSubstitution') {
                  var substitutionValue = _this0.replaceHtmlTags(val[col.field]);

                  substitutionValue = _this0.decodeWithImpl(substitutionValue);
                  tmp[col.field] = substitutionValue == -1 || substitutionValue !== 0 && substitutionValue == "" || substitutionValue == null || substitutionValue == undefined || substitutionValue == "" || substitutionValue == 0 ? '-' : substitutionValue;
                } else tmp[col.field] = val[col.field] == -1 || val[col.field] !== 0 && val[col.field] == "" || val[col.field] == null || val[col.field] == undefined || val[col.field] == "" || val[col.field] == 0 ? '-' : val[col.field];
              }
            });
            return tmp;
          });
          var userSess = "";
          var prmFilter = "";
          if (this.downloadData.length == 0) return;
          userSess += this.selectedUserSession();
          prmFilter += this.appliedParamFilter();
          var strTitleForTimeperiod = 'Whole Scenario';
          if (this.preSet != "WS") strTitleForTimeperiod = "Custom Time(".concat(this.pageDumpBodyData['strStartDate'], " ").concat(this.pageDumpBodyData['strStartTime'], " to ").concat(this.pageDumpBodyData['strEndDate'], " ").concat(this.pageDumpBodyData['strEndTime'], ")");
          var downloadObj = {
            downloadType: reports,
            varFilterCriteria: this.filterData + userSess + prmFilter,
            strSrcFileName: 'pageDump',
            strRptTitle: "Network Logs Report - " + this.setTimeFilterTitle() + " - Test Run: " + this.pageDumpBodyData.testRun,
            renameArray: JSON.stringify(renameArray),
            colOrder: colList.toString(),
            jsonData: JSON.stringify(dataList)
          };
          var downloadFileUrl = decodeURIComponent(this.getHostUrl() + '/' + this.pageDumpBodyData.product) + '/v1/cavisson/netdiagnostics/ddr/downloadAngularReport';
          this.ddrRequest.getDataInStringUsingPost(downloadFileUrl, JSON.stringify(downloadObj)).subscribe(function (res) {
            return _this0.openDownloadReports(res);
          });
        }
      }, {
        key: "openDownloadReports",
        value: function openDownloadReports(res) {
          window.open(decodeURIComponent(this.getHostUrl() + '/' + this.pageDumpBodyData.product).replace('/netstorm', '').replace('/netdiagnostics', '').replace('/netcloud', '') + '/common/' + res);
        }
      }, {
        key: "getHostUrl",
        value: function getHostUrl() {
          var hostDcName = this.ddrData.getHostUrl();
          if (hostDcName.endsWith("/")) hostDcName = hostDcName.substring(0, hostDcName.length - 1);
          return hostDcName;
        }
      }, {
        key: "selectedUserSession",
        value: function selectedUserSession() {
          var toAppend = "";

          if (this.childIdxFilter) {
            if (this.virtualUserFilterCheck) {
              toAppend += ', Virtual User - ' + this.childIdxFilter + ":" + this.virtualUserFilterCheck;
            }

            if (this.virtualSessFilterCheck) {
              toAppend += ', Session - ' + this.childIdxFilter + ":" + this.virtualSessFilterCheck;
            }
          }

          return toAppend;
        }
      }, {
        key: "headerCheckboxToggle",
        value: function headerCheckboxToggle(e) {
          var count = 0;

          if (!e.checked) {
            this.rowSelectionObj = {};
          }

          this.selectedRowData = Object.keys(this.rowSelectionObj);

          if (this.selectedRowData.length > 1) {
            for (var arr in this.selectedRowData) {
              if (this.rowSelectionObj[this.selectedRowData[arr]].length > 1) count += 2;else if (this.rowSelectionObj[this.selectedRowData[arr]].length) count++;
            }

            if (count > 1) this.isCompare = true;else this.isCompare = false;
          } else if (this.selectedRowData.length == 1) {
            if (this.rowSelectionObj[this.selectedRowData[0]].length > 1) this.isCompare = true;else this.isCompare = false;
          } else this.isCompare = false;
        }
      }, {
        key: "rowUnselect",
        value: function rowUnselect(e) {
          this.selectedRowData = Object.keys(this.rowSelectionObj);
          var count = 0;

          if (this.selectedRowData.length > 1) {
            for (var arr in this.selectedRowData) {
              if (this.rowSelectionObj[this.selectedRowData[arr]].length > 1) count += 2;else if (this.rowSelectionObj[this.selectedRowData[arr]].length) count++;
            }

            if (count > 1) this.isCompare = true;else this.isCompare = false;
          } else if (this.selectedRowData.length == 1) {
            if (this.rowSelectionObj[this.selectedRowData[0]].length > 1) this.isCompare = true;else this.isCompare = false;
          } else this.isCompare = false;
        }
      }, {
        key: "sidebarOpen",
        value: function sidebarOpen() {
          this.isSidebar = true;
          this.pageDumpUtilService.sidebarOpenObs.next(null);
        }
      }, {
        key: "hideSideBar",
        value: function hideSideBar() {
          this.isSidebar = false;
          this.rowSelectionObj = {};
          this.pageDumpUtilService.isCompare = false;
          this.isCompare = false;
          this.pageDumpUtilService.toggleEnlargeRecSnap = false;
          this.pageDumpUtilService.toggleEnlargeActualSnap = false;
          this.pageDumpUtilService.timingData = undefined;
          this.pageDumpUtilService.pageDataArr = [];
          this.pageDumpUtilService.timingDataArr = [];
          this.pageDumpUtilService.cachePageData = {};
          this.pageDumpUtilService.filmStripData = [];
        }
      }, {
        key: "back",
        value: function back() {
          this.scenUtils.goBack();
        }
        /**
         * Here, we are deselecting all the failure typpes in resStatusCountArr.
         */

      }, {
        key: "resetStatusFailure",
        value: function resetStatusFailure() {
          for (var i in this.resStatusCountArr) {
            this.resStatusCountArr[i].isSelected = false;
          }
        }
      }, {
        key: "createGeneratorDropdown",
        value: function createGeneratorDropdown() {
          this.generatorNameDropDown = [];
          this.generatorNameDropDown.push({
            'label': '-- Select Generator Name --',
            value: ""
          });

          for (var i = 0; i < this.generatorData.length; i++) {
            var generatorName = this.generatorData[i];
            this.generatorNameDropDown.push({
              'label': generatorName,
              value: generatorName
            });
          }
        }
      }, {
        key: "viewPageStatus",
        value: function viewPageStatus(message) {
          this.cvMsg = message;
          this.cvFail = true;
        }
      }, {
        key: "showHoveredRowData",
        value: function showHoveredRowData(event, rowData) {
          if (event.target.tagName.toLowerCase() === 'a' || event.target.classList.contains('ui-chkbox-box')) {
            this.hoveredRowData = {};
            return;
          }

          this.tooltipTop = event.clientY;
          this.tooltipLeft = event.clientX;
          if (this.tooltipLeft > 940) this.tooltipLeft -= 450;
          if (this.cols.length > 9) this.tooltipTop = 205;else {
            if (this.tooltipTop > 460) this.tooltipTop -= 240;
          }
          this.hoveredRowData = {};

          var _iterator6 = _createForOfIteratorHelper(this.cols),
              _step6;

          try {
            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
              var col = _step6.value;
              var field = col.field;

              if (rowData.hasOwnProperty(field)) {
                if (field == 'startTime' || field == 'pageResponseTime') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : this.msToTimeFormate(rowData[field]);else if (field == 'resPayloadSize' || field == 'reqPayloadSize' || field == 'connectionId') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : this.pageDumpUtilService.formatNumStr(rowData[field]);else if (field == 'absDateTime') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : this.sessionService.convertTimestampIntoFormattedString(Number.parseInt(rowData[field]));else if (field == 'mainUrl') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : this.replaceParameterNameWithValue(rowData[field], rowData);else if (field == 'flowPathInstance') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : this.getFlowpathInstance(rowData[field], 'fpi');else if (field == 'status') this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined || rowData[field] == 0 ? "-" : rowData[field];else if (field == 'parameterSubstitution') {
                  if (rowData[field] == "" || rowData[field] == undefined) {
                    this.hoveredRowData[field] = "-";
                  } else {
                    var substitutionValue = this.replaceStr(rowData[field], true); //substitutionValue = this.decodeWithImpl(substitutionValue);

                    this.hoveredRowData[field] = substitutionValue.length > 120 ? substitutionValue.substring(0, 120) + "..." : substitutionValue;
                  }
                } else this.hoveredRowData[field] = rowData[field] == "" || rowData[field] == undefined ? "-" : rowData[field];
              }
            }
          } catch (err) {
            _iterator6.e(err);
          } finally {
            _iterator6.f();
          }
        }
      }, {
        key: "hideHoveredRowData",
        value: function hideHoveredRowData() {
          this.hoveredRowData = null;
        }
      }, {
        key: "mappingHeaderData",
        value: function mappingHeaderData(fieldName) {
          switch (fieldName) {
            case 'pageName':
              return 'Step';

            case 'pageStatus':
              return 'Status';

            case 'pageResponseTime':
              return 'Response Time';

            case 'parameterSubstitution':
              return 'Parameter';

            case 'sessionInstance':
              return 'Session';

            case 'userID':
              return 'VUser';

            case 'absDateTime':
              return 'Absolute Start Time';

            case 'methodVal':
              return 'Method';

            case 'mainUrl':
              return 'URL';

            case 'protocolVal':
              return 'Protocol';

            case 'scheme':
              return 'Scheme';

            case 'status':
              return 'Status Code';

            case 'domainVal':
              return 'Domain';

            case 'reqPayloadSize':
              return 'Req Size';

            case 'reqPayloadSize':
              return 'Req Size';

            case 'resPayloadSize':
              return 'Res Size';

            case 'connectionId':
              return 'Connection ID';

            case 'transactionName':
              return 'Transaction Name';

            case 'startTime':
              return 'Start Time';

            case 'generatorName':
              return 'Generator Name';

            case 'flowPathInstance':
              return 'Flowpath Instance';
          }
        }
      }, {
        key: "isHoverRowData",
        value: function isHoverRowData(obj) {
          if (obj == null) return false;
          return Object.keys(obj).length == 0 ? false : true;
        }
      }, {
        key: "setTimeFilterTitle",
        value: function setTimeFilterTitle() {
          var _a;

          var titleFilter = "";

          try {
            var selectedTimePeriodObj = lodash__WEBPACK_IMPORTED_MODULE_3__["cloneDeep"]((_a = this.timebarService.getValue().timePeriod) === null || _a === void 0 ? void 0 : _a.selected);
            if (selectedTimePeriodObj.id.toLowerCase().startsWith("phase")) titleFilter = "Specified Phase(".concat(selectedTimePeriodObj.label, ")");else if (selectedTimePeriodObj.id.toLowerCase().startsWith("specified")) titleFilter = "Custom Time(".concat(this.sessionService.convertTimestampIntoFormattedString(parseInt(selectedTimePeriodObj.id.split("_")[2])), " to ").concat(this.sessionService.convertTimestampIntoFormattedString(parseInt(selectedTimePeriodObj.id.split("_")[3])), ")");else titleFilter = selectedTimePeriodObj.label;
          } catch (e) {
            console.error("Error in timFiltering", e);
          }

          return titleFilter;
        }
      }, {
        key: "getToolTip",
        value: function getToolTip() {
          var _this1 = this;

          this.pagedumpHttpService.getNetworkLogTooltip(this.sessionService.session.testRun.id).subscribe(function (state) {
            if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetNetworkLogTooltipLoadingState"]) {
              return;
            }

            if (state instanceof _service_page_dump_state__WEBPACK_IMPORTED_MODULE_9__["GetNetworkLogTooltipLoadedState"]) {
              var data = state.data;
              _this1.networkLogTooltip = data == "-1" ? "" : data;
            }
          }, function (state) {
            console.error(state.error);
            return;
          });
        }
      }, {
        key: "getTransactionsForFilter",
        value: function getTransactionsForFilter() {
          var _this10 = this;

          this.txService.isLoadCallSent = false;
          var trNum = this.sessionService.session.testRun.id;
          this.txService.isDataCall = true;
          this.txService.load(0).subscribe(function (result) {
            if (result instanceof src_app_pages_home_transaction_detail_services_transaction_detail_state__WEBPACK_IMPORTED_MODULE_17__["txLoadedState"]) {
              _this10.txService.isLoadCallSent = false;
              _this10.txService.isDataCall = false;
              _this10.transactionDropDown = [];

              try {
                var key = "";

                _this10.transactionDropDown.push({
                  'label': '-- Select Transaction Name --',
                  value: ""
                });

                if (result.data.dataTabMap && Object.keys(result.data.dataTabMap).length) key = Object.keys(result.data.dataTabMap)[0];else key = trNum;
                var data = result.data.dataTabMap[key].transDataMapList;

                for (var i = 0; i < data.length - 1; i++) {
                  var obj = data[i];

                  if (obj.hasOwnProperty('transactionname')) {
                    _this10.transactionDropDown.push({
                      label: obj.transactionname,
                      value: obj.transactionname
                    });
                  }
                }
              } catch (e) {
                _this10.transactionDropDown.push({
                  'label': '-- Select Transaction Name --',
                  value: ""
                });
              }
            }

            if (result instanceof src_app_pages_home_transaction_detail_services_transaction_detail_state__WEBPACK_IMPORTED_MODULE_17__["txLoadingErrorState"]) {
              _this10.txService.isLoadCallSent = false;
              _this10.txService.isDataCall = false;
            }
          });
        }
      }, {
        key: "showTransactionName",
        value: function showTransactionName(transVal) {
          if (transVal == "") {
            this.transactionTooltip = "";
            return;
          }

          for (var i = 0; i < this.transactionDropDown.length; i++) {
            if (this.transactionDropDown[i].value == transVal) {
              this.transactionTooltip = this.transactionDropDown[i].label;
              break;
            }
          }
        }
      }, {
        key: "getPagedumpDataOnInterval",
        value: function getPagedumpDataOnInterval() {
          var _this11 = this;

          if (!this.interval && this.isCompletePagedumpCall) this.interval = setTimeout(function () {
            _this11.isCompletePagedumpCall = false;

            _this11.fetchPagedumpData(true);

            _this11.getResStatusCount(true);

            _this11.interval = undefined;
          }, 60000);
        }
      }, {
        key: "refreshPageDumpData",
        value: function refreshPageDumpData() {
          if (this.isCompletePagedumpCall) {
            this.getResStatusCount(true);
            this.fetchPagedumpData(true);
            clearTimeout(this.interval);
            this.interval = undefined;
          }
        }
      }, {
        key: "getNetworkLogsFilterMaxWidth",
        value: function getNetworkLogsFilterMaxWidth() {
          this.filterCounter = 0;
          if (this.stepList != -2) this.filterCounter++;
          if (this.failureStatusTooltip) this.filterCounter++;
          if (this.selectSessionVal != -2) this.filterCounter++;
          if (this.sessionFailedTooltip) this.filterCounter++;
          if (this.scriptTooltip) this.filterCounter++;
          if (this.transactionTooltip) this.filterCounter++;
          if (this.stepNameTooltip) this.filterCounter++;
          if (this.paramValueTooltip) this.filterCounter++;
          if (this.virtualUserid && this.childIdxFilter) this.filterCounter++;
          if (this.childIdxFilter && this.virtualSessionid) this.filterCounter++;
          if (this.genNameTooltip) this.filterCounter++;
          if (this.filterCounter == 1) this.maxWidth = 100;else if (this.filterCounter == 2) this.maxWidth = 50;else if (this.filterCounter >= 3) this.maxWidth = 33;
        }
      }, {
        key: "replaceParameterNameWithValue",
        value: function replaceParameterNameWithValue(url, rowData) {
          var parameterArr = rowData.parameterSubstitution.split(";");

          var _iterator7 = _createForOfIteratorHelper(parameterArr),
              _step7;

          try {
            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
              var arr = _step7.value;
              var paramArr = arr.split("=");
              url = url.replace("{".concat(paramArr[0], "}"), "".concat(paramArr[1]));
            }
          } catch (err) {
            _iterator7.e(err);
          } finally {
            _iterator7.f();
          }

          return url;
        }
      }, {
        key: "fetchPagedumpData",
        value: function fetchPagedumpData(isFromTimebar, isFromSelectButton) {
          this.getPageDumpData(isFromTimebar, isFromSelectButton);
          this.getPagedumpDataTotalCount();
        }
      }, {
        key: "onChangeFiledType",
        value: function onChangeFiledType(failedType) {
          if (failedType.length == 0) this.failureStat.defaultLabel = "Choose";
        }
      }, {
        key: "openScriptPage",
        value: function openScriptPage(script) {
          this.sessionService.compareTrScript = [{
            'tr': this.sessionService.session.testRun.id
          }];
          this.scriptUtilService.openScriptCompareFrom = 'tr';
          this.ref = this.dialogService.open(src_app_pages_home_script_manager_script_compare_script_compare_component__WEBPACK_IMPORTED_MODULE_20__["ScriptCompareComponent"], {
            header: 'View Scripts',
            data: script,
            width: '99vw',
            styleClass: 'foterDialog',
            baseZIndex: 10000,
            showHeader: true,
            style: {
              'padding': 'unset'
            },
            contentStyle: {
              'overflow': 'hidden'
            }
          });
        }
      }, {
        key: "getKeywordData",
        value: function getKeywordData() {
          var _this12 = this;

          var obj = {
            keyword: ['G_TRACING', 'G_RBU'],
            scenMode: 0,
            scenName: "TestRun/".concat(this.sessionService.session.testRun.id, "/sorted_scenario"),
            userName: this.sessionService.session.cctx.u,
            testRunNum: this.sessionService.session.testRun.id
          };
          this.scenHttpService.getDefaultKeywordData(obj).subscribe(function (state) {
            if (state instanceof src_app_pages_scenario_interface_scenario_state__WEBPACK_IMPORTED_MODULE_22__["GetDefaultKeywordDataLoadingState"]) {
              return;
            }

            if (state instanceof src_app_pages_scenario_interface_scenario_state__WEBPACK_IMPORTED_MODULE_22__["GetDefaultKeywordDataLoadedState"]) {
              var data = state.data;
              _this12.pageDumpUtilService.isInlineReqCaptured = data['G_TRACING']['data']['ALL'][0][4] == 0 || !data['G_TRACING']['data']['ALL'][0][4] ? false : true;
              var me = _this12;
              me.pageDumpUtilService.isRbu = data['G_RBU']['data'] && data['G_RBU']['data']["ALL"] && data['G_RBU']['data']["ALL"].length > 0 ? data['G_RBU']['data']["ALL"][0][1] == 1 : false;
              return;
            }
          }, function (state) {
            console.log(state.error);
            return;
          });
        }
      }, {
        key: "openNdDDR",
        value: function openNdDDR(node) {
          var startDate = moment__WEBPACK_IMPORTED_MODULE_14__["tz"](Number(this.timebarService.getValue() ? this.timebarService.getValue().time.frameStart.value : this.sessionStorageData.times[0]), sessionStorage.getItem('_nvtimezone')).format('MM/DD/YYYY HH:mm:ss');
          var endDate = moment__WEBPACK_IMPORTED_MODULE_14__["tz"](Number(this.timebarService.getValue() ? this.timebarService.getValue().time.frameEnd.value : this.sessionStorageData.times[this.sessionStorageData.times.length - 1]), sessionStorage.getItem('_nvtimezone')).format('MM/DD/YYYY HH:mm:ss');
          var startTimeInMSTemp = this.sessionService.convertFormattedStringIntoTimestamp(startDate);
          var endTimeInMSTemp = this.sessionService.convertFormattedStringIntoTimestamp(endDate);
          this.ddrData.fpIdFromNSSession = this.getFlowpathInstance(node, 'fpi');
          this.ddrData.startTime = startTimeInMSTemp.toString();
          this.ddrData.endTime = endTimeInMSTemp.toString();
          this.router.navigate(['/ddr/flowpath']);
        }
      }, {
        key: "setTimeRange",
        value: function setTimeRange() {
          if (this.timebarService.getValue()) {
            this.startTime = this.timebarService.getValue().time.frameStart.value;
            this.endTime = this.timebarService.getValue().time.frameEnd.value;
            this.preSet = this.timebarService.getValue().timePeriod.selected.id;
          } else {
            this.startTime = this.sessionStorageData.times[0];
            this.endTime = this.sessionStorageData.times[this.sessionStorageData.times.length - 1];
            this.preSet = this.sessionStorageData.selectedPreset;
          }
        }
      }, {
        key: "ngOnDestroy",
        value: function ngOnDestroy() {
          //Called once, before the instance is destroyed.
          //Add 'implements OnDestroy' to the class.
          this.ddrData.pagedump = undefined;
          this.isFrom = "";
          if (this.timebarSubscription) this.timebarSubscription.unsubscribe();
        }
      }]);
    }();

    PageDumpHomeComponent.ctorParameters = function () {
      return [{
        type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]
      }, {
        type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_5__["SessionService"]
      }, {
        type: _services_common_services__WEBPACK_IMPORTED_MODULE_7__["CommonServices"]
      }, {
        type: src_app_pages_tools_actions_ddr_data_model_service__WEBPACK_IMPORTED_MODULE_6__["DdrDataModelService"]
      }, {
        type: _service_page_dump_http_service__WEBPACK_IMPORTED_MODULE_8__["PagedumpHttpService"]
      }, {
        type: _service_page_dump_utils_service__WEBPACK_IMPORTED_MODULE_10__["PageDumpUtilsService"]
      }, {
        type: src_app_pages_ddr_services_ddr_request_service__WEBPACK_IMPORTED_MODULE_11__["DDRRequestService"]
      }, {
        type: src_app_shared_time_bar_service_time_bar_service__WEBPACK_IMPORTED_MODULE_12__["TimebarService"]
      }, {
        type: src_app_pages_scenario_service_scenario_utils_service__WEBPACK_IMPORTED_MODULE_15__["ScenarioUtilsService"]
      }, {
        type: src_app_pages_home_transaction_detail_services_transaction_detail_service__WEBPACK_IMPORTED_MODULE_16__["TransactionDetailService"]
      }, {
        type: src_app_pages_home_script_manager_services_script_utils_service__WEBPACK_IMPORTED_MODULE_19__["ScriptUtilService"]
      }, {
        type: primeng__WEBPACK_IMPORTED_MODULE_4__["DialogService"]
      }, {
        type: src_app_pages_scenario_service_scenario_http_service__WEBPACK_IMPORTED_MODULE_21__["ScenarioHttpService"]
      }, {
        type: src_app_pages_home_load_test_services_load_test_common_services__WEBPACK_IMPORTED_MODULE_23__["LoadTestCommonService"]
      }, {
        type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"]
      }];
    };

    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])("paginateRef")], PageDumpHomeComponent.prototype, "paginateRef", void 0);
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('failureStat')], PageDumpHomeComponent.prototype, "failureStat", void 0);
    PageDumpHomeComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'page-dump-home',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./page-dump-home.component.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.html"))["default"],
      encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./page-dump-home.component.scss */
      "./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.scss"))["default"]]
    })], PageDumpHomeComponent);
    /***/
  },

  /***/
  "./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.module.ts":
  /*!*************************************************************************************************!*\
    !*** ./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.module.ts ***!
    \*************************************************************************************************/

  /*! exports provided: PageDumpHomeModule */

  /***/
  function _src_app_pages_ddr_components_pageDumpRevamped_pageDumpHome_pageDumpHomeModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PageDumpHomeModule", function () {
      return PageDumpHomeModule;
    });
    /* 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_common_http__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var primeng__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! primeng */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
    /* harmony import */


    var primeng_dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! primeng/dropdown */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-dropdown.js");
    /* harmony import */


    var primeng_button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! primeng/button */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-button.js");
    /* harmony import */


    var primeng_selectbutton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! primeng/selectbutton */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-selectbutton.js");
    /* harmony import */


    var primeng_inputtext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! primeng/inputtext */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-inputtext.js");
    /* harmony import */


    var primeng_confirmdialog__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! primeng/confirmdialog */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-confirmdialog.js");
    /* harmony import */


    var primeng_messages__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! primeng/messages */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-messages.js");
    /* harmony import */


    var primeng_sidebar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! primeng/sidebar */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-sidebar.js");
    /* harmony import */


    var primeng_inputnumber__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! primeng/inputnumber */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-inputnumber.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _page_dump_home_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! ./page-dump-home.component */
    "./src/app/pages/ddr/components/page-dump-revamped/page-dump-home/page-dump-home.component.ts");
    /* harmony import */


    var src_app_shared_time_bar_time_bar_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! src/app/shared/time-bar/time-bar.module */
    "./src/app/shared/time-bar/time-bar.module.ts");
    /* harmony import */


    var _angular_material_menu__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! @angular/material/menu */
    "./node_modules/@angular/material/__ivy_ngcc__/fesm2015/menu.js");
    /* harmony import */


    var primeng_tree__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(
    /*! primeng/tree */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-tree.js");
    /* harmony import */


    var primeng_table__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(
    /*! primeng/table */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-table.js");
    /* harmony import */


    var primeng_paginator__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(
    /*! primeng/paginator */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-paginator.js");
    /* harmony import */


    var primeng_dialog__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(
    /*! primeng/dialog */
    "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng-dialog.js");
    /* harmony import */


    var _pipe_page_dump_home_pipe__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(
    /*! ../pipe/page-dump-home.pipe */
    "./src/app/pages/ddr/components/page-dump-revamped/pipe/page-dump-home.pipe.ts");
    /* harmony import */


    var src_app_shared_help_help_module__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(
    /*! src/app/shared/help/help.module */
    "./src/app/shared/help/help.module.ts");
    /* harmony import */


    var src_app_shared_cav_loader_cav_loader_module__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(
    /*! src/app/shared/cav-loader/cav-loader.module */
    "./src/app/shared/cav-loader/cav-loader.module.ts"); // import { NO_ERRORS_SCHEMA } from '@angular/compiler';


    var route = [{
      path: '',
      component: _page_dump_home_component__WEBPACK_IMPORTED_MODULE_15__["PageDumpHomeComponent"],
      children: [{
        path: 'sidebar',
        loadChildren: function loadChildren() {
          return __webpack_require__.e(
          /*! import() | page-dump-sidebar-components-page-dump-sidebar-module */
          "page-dump-sidebar-components-page-dump-sidebar-module").then(__webpack_require__.bind(null,
          /*! ../page-dump-sidebar-components/page-dump-sidebar.module */
          "./src/app/pages/ddr/components/page-dump-revamped/page-dump-sidebar-components/page-dump-sidebar.module.ts")).then(function (m) {
            return m.PageDumpSideBarModule;
          });
        }
      }]
    }];

    var PageDumpHomeModule = /*#__PURE__*/_createClass(function PageDumpHomeModule() {
      _classCallCheck(this, PageDumpHomeModule);
    });

    PageDumpHomeModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      declarations: [_page_dump_home_component__WEBPACK_IMPORTED_MODULE_15__["PageDumpHomeComponent"]],
      imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"], _angular_common_http__WEBPACK_IMPORTED_MODULE_4__["HttpClientModule"], primeng_dropdown__WEBPACK_IMPORTED_MODULE_6__["DropdownModule"], primeng_button__WEBPACK_IMPORTED_MODULE_7__["ButtonModule"], primeng_selectbutton__WEBPACK_IMPORTED_MODULE_8__["SelectButtonModule"], primeng_inputtext__WEBPACK_IMPORTED_MODULE_9__["InputTextModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["CardModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["CheckboxModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["MessageModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["ToastModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["TooltipModule"], primeng_confirmdialog__WEBPACK_IMPORTED_MODULE_10__["ConfirmDialogModule"], primeng_messages__WEBPACK_IMPORTED_MODULE_11__["MessagesModule"], primeng_sidebar__WEBPACK_IMPORTED_MODULE_12__["SidebarModule"], primeng_inputnumber__WEBPACK_IMPORTED_MODULE_13__["InputNumberModule"], src_app_shared_time_bar_time_bar_module__WEBPACK_IMPORTED_MODULE_16__["TimeBarModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["ToolbarModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["TreeTableModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["MultiSelectModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["ToggleButtonModule"], _angular_material_menu__WEBPACK_IMPORTED_MODULE_17__["MatMenuModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["MenuModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["TabViewModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["TabMenuModule"], primeng_tree__WEBPACK_IMPORTED_MODULE_18__["TreeModule"], primeng_table__WEBPACK_IMPORTED_MODULE_19__["TableModule"], primeng_paginator__WEBPACK_IMPORTED_MODULE_20__["PaginatorModule"], primeng_dialog__WEBPACK_IMPORTED_MODULE_21__["DialogModule"], _angular_router__WEBPACK_IMPORTED_MODULE_14__["RouterModule"].forChild(route), _pipe_page_dump_home_pipe__WEBPACK_IMPORTED_MODULE_22__["PageDumpHomeTransformModule"], primeng__WEBPACK_IMPORTED_MODULE_5__["OverlayPanelModule"], src_app_shared_help_help_module__WEBPACK_IMPORTED_MODULE_23__["HelpModule"], src_app_shared_cav_loader_cav_loader_module__WEBPACK_IMPORTED_MODULE_24__["CavLoaderModule"]],
      exports: [_angular_router__WEBPACK_IMPORTED_MODULE_14__["RouterModule"]],
      providers: [],
      schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["NO_ERRORS_SCHEMA"]]
    })], PageDumpHomeModule);
    /***/
  },

  /***/
  "./src/app/pages/ddr/components/page-dump-revamped/pipe/page-dump-home.pipe.ts":
  /*!*************************************************************************************!*\
    !*** ./src/app/pages/ddr/components/page-dump-revamped/pipe/page-dump-home.pipe.ts ***!
    \*************************************************************************************/

  /*! exports provided: PageDumpHomeTransform, PageDumpHomeDateTransform, pageDumpHomeStatusCodeTransform, pageDumpHomeConnectionIdTransform, decodeHtmlURL, pageDumpHomeParameterTransform, PageDumpHomeTransformModule */

  /***/
  function _src_app_pages_ddr_components_pageDumpRevamped_pipe_pageDumpHomePipeTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PageDumpHomeTransform", function () {
      return PageDumpHomeTransform;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PageDumpHomeDateTransform", function () {
      return PageDumpHomeDateTransform;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "pageDumpHomeStatusCodeTransform", function () {
      return pageDumpHomeStatusCodeTransform;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "pageDumpHomeConnectionIdTransform", function () {
      return pageDumpHomeConnectionIdTransform;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "decodeHtmlURL", function () {
      return decodeHtmlURL;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "pageDumpHomeParameterTransform", function () {
      return pageDumpHomeParameterTransform;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PageDumpHomeTransformModule", function () {
      return PageDumpHomeTransformModule;
    });
    /* 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 src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! src/app/core/session/session.service */
    "./src/app/core/session/session.service.ts");
    /* harmony import */


    var _service_page_dump_utils_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ../service/page-dump-utils.service */
    "./src/app/pages/ddr/components/page-dump-revamped/service/page-dump-utils.service.ts");

    var PageDumpHomeTransform = /*#__PURE__*/function () {
      function PageDumpHomeTransform() {
        _classCallCheck(this, PageDumpHomeTransform);
      }

      return _createClass(PageDumpHomeTransform, [{
        key: "transform",
        value:
        /**
         * This transforms string first letter to uppercase.
         * @param value
         * @param args
         */
        function transform(value) {
          var numberOfDecimal = 0;

          if (typeof value == 'string') {
            return value ? value : "-";
          } else if (!value && value != 0) return "-";else if (value >= 1000 && numberOfDecimal == 0) {
            return value.toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
          } else return value;
        }
      }]);
    }();

    PageDumpHomeTransform = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'pageDumpHomeTransform'
    })], PageDumpHomeTransform);

    var PageDumpHomeDateTransform = /*#__PURE__*/function () {
      function PageDumpHomeDateTransform(sessionService) {
        _classCallCheck(this, PageDumpHomeDateTransform);

        this.sessionService = sessionService;
      }
      /**
       * This transforms string first letter to uppercase.
       * @param value
       * @param args
       */


      return _createClass(PageDumpHomeDateTransform, [{
        key: "transform",
        value: function transform(value) {
          if (!value || value == "-") return "-";
          var timeStamp = Number.parseInt(value);
          if (isNaN(timeStamp)) return "-";
          return decodeHtmlSendTime(this.sessionService.convertTimestampIntoFormattedString(Number.parseInt(value)));
        }
      }]);
    }();

    PageDumpHomeDateTransform.ctorParameters = function () {
      return [{
        type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_2__["SessionService"]
      }];
    };

    PageDumpHomeDateTransform = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'pageDumpHomeDateTransform'
    })], PageDumpHomeDateTransform);

    var pageDumpHomeStatusCodeTransform = /*#__PURE__*/function () {
      function pageDumpHomeStatusCodeTransform() {
        _classCallCheck(this, pageDumpHomeStatusCodeTransform);
      }
      /**
      * This transforms string first letter to uppercase.
      * @param value
      */


      return _createClass(pageDumpHomeStatusCodeTransform, [{
        key: "transform",
        value: function transform(value) {
          if (!value || value == 0) return "-";
          return value;
        }
      }]);
    }();

    pageDumpHomeStatusCodeTransform = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'pageDumpHomeStatusCodeTransform'
    })], pageDumpHomeStatusCodeTransform);

    var pageDumpHomeConnectionIdTransform = /*#__PURE__*/function () {
      function pageDumpHomeConnectionIdTransform() {
        _classCallCheck(this, pageDumpHomeConnectionIdTransform);
      }
      /**
      * This transforms string first letter to uppercase.
      * @param value
      */


      return _createClass(pageDumpHomeConnectionIdTransform, [{
        key: "transform",
        value: function transform(value) {
          if (value == -1) return "-";
          return value;
        }
      }]);
    }();

    pageDumpHomeConnectionIdTransform = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'pageDumpHomeConnectionIdTransform'
    })], pageDumpHomeConnectionIdTransform);

    function decodeHtmlSendTime(html) {
      var element = document.createElement('div');
      element.innerHTML = html;
      return element.innerText || element.textContent;
    }

    var decodeHtmlURL = /*#__PURE__*/function () {
      function decodeHtmlURL(sessionService) {
        _classCallCheck(this, decodeHtmlURL);

        this.sessionService = sessionService;
      }
      /**
       * This transforms unicode characters into characters.
       * @param value
       * @param args
       */


      return _createClass(decodeHtmlURL, [{
        key: "transform",
        value: function transform(value) {
          if (!value || value == "-") return "-";
          return decodeHtml(value);
        }
      }]);
    }();

    decodeHtmlURL.ctorParameters = function () {
      return [{
        type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_2__["SessionService"]
      }];
    };

    decodeHtmlURL = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'decodeHtmlURL'
    })], decodeHtmlURL);

    function decodeHtml(html) {
      var element = document.createElement('div');
      element.innerHTML = html;
      return element.innerText || element.textContent;
    }

    var pageDumpHomeParameterTransform = /*#__PURE__*/function () {
      function pageDumpHomeParameterTransform(pageDumpUtilsService) {
        _classCallCheck(this, pageDumpHomeParameterTransform);

        this.pageDumpUtilsService = pageDumpUtilsService;
      }

      return _createClass(pageDumpHomeParameterTransform, [{
        key: "transform",
        value: function transform(value, node) {
          if (!value || value == "-") return "-";
          var parameterArr = node.parameterSubstitution.split(";");

          var _iterator8 = _createForOfIteratorHelper(parameterArr),
              _step8;

          try {
            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
              var arr = _step8.value;
              var paramArr = arr.split("=");
              value = value.replace("{".concat(paramArr[0], "}"), "".concat(paramArr[1]));
            }
          } catch (err) {
            _iterator8.e(err);
          } finally {
            _iterator8.f();
          }

          return value;
        }
      }]);
    }();

    pageDumpHomeParameterTransform.ctorParameters = function () {
      return [{
        type: _service_page_dump_utils_service__WEBPACK_IMPORTED_MODULE_3__["PageDumpUtilsService"]
      }];
    };

    pageDumpHomeParameterTransform = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
      name: 'pageDumpHomeParameterTransform'
    })], pageDumpHomeParameterTransform);

    var PageDumpHomeTransformModule = /*#__PURE__*/_createClass(function PageDumpHomeTransformModule() {
      _classCallCheck(this, PageDumpHomeTransformModule);
    });

    PageDumpHomeTransformModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      declarations: [PageDumpHomeTransform, PageDumpHomeDateTransform, decodeHtmlURL, pageDumpHomeParameterTransform, pageDumpHomeStatusCodeTransform, pageDumpHomeConnectionIdTransform],
      exports: [PageDumpHomeTransform, PageDumpHomeDateTransform, decodeHtmlURL, pageDumpHomeParameterTransform, pageDumpHomeStatusCodeTransform, pageDumpHomeConnectionIdTransform]
    })], PageDumpHomeTransformModule);
    /***/
  }
}]);