(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["create-visualization-create-visualization-module"],{

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"h-100-vh visualization-container\">\n    <p-toolbar class=\"ui-secondary-toolbar\">\n        <div class=\"p-grid p-justify-between p-align-center pl-5 pr-5\">\n            <div class=\"p-grid p-align-center\">\n                <a routerLink=\"/create-visualization-sub\">\n                    <i class=\"icons8 icons8-left toolbar-icon-color\"></i>\n                </a>\n                <div class=\"p-col ui-toolbar-text\">CREATE VISUALIZATION</div>\n            </div>\n            <div class=\"p-grid p-align-center\"></div>\n\n        </div>\n    </p-toolbar>\n    <div class=\"vertical-container\">\n    <div class=\"action-container srcbar\">\n        <div class=\"p-grid p-col-12 p-justify-between p-align-center action-grid w-100-p\">\n            <div class=\"p-grid p-col-12\">\n                <div class=\"p-input-icon-left autocomplete-search\">\n                    <!-- <div class=\"type-search search-div-css\"> -->\n                    <i class=\"icons8 icons8-filter filter-icon\" (click)=\"commonFilter.openTimeFilter()\"></i>\n                    <span pTooltip=\"{{title}}\" class=\"mx-1 elipseText width-80\" *ngIf=\"title\">{{title}}</span>\n                    <i class=\"icons8 icons8-search search\" ></i>\n                    <p-autoComplete [(ngModel)]=\"selectedCountryAdvanced\" [suggestions]=\"filteredCountries\"(keydown.enter)=\"visData()\" (completeMethod)=\"filterCountry($event)\" field=\"name\" [dropdown]=\"true\" dropdownIcon=\"icons8 icons8-expand-arrow\" inputId=\"searchQuery\">\n                        <ng-template let-country pTemplate=\"item\">\n                            <div class=\"country-item\">\n                                <div (click)=\"visData()\" >{{country.name}}</div>\n                            </div>\n                        </ng-template>\n                    </p-autoComplete>\n                    <!-- </div> -->\n                </div>\n                    <!-- <i class=\"icons8 icons8-edit-2 edit\"></i> -->\n                <div class=\"p-grid p-align-center p-justify-between w-14-p px-5\">\n                    <div>\n                        <button pButton type=\"button\" (click)=\"visData()\" class=\"ui-button-rounded mx-4\" label=\"Search\" [disabled]=\"loading\"><i *ngIf=\"loading\"class=\"pi pi-spin pi-spinner\"></i></button>\n                        <button pButton type=\"button\" (click)=\"clearQuery()\" class=\"ui-button-rounded ui-button-secondary mx-4\" label=\"Clear\" ><i *ngIf=\"clearLoading\"class=\"pi pi-spin pi-spinner\"></i></button>\n                    </div>\n    \n                    <button pButton type=\"button\" class=\"ui-button-rounded right10\" label=\"Save\"\n                    (click)=\"saveDialog.open()\" [disabled]=\"userPermission < 6\"></button>\n                </div>\n            </div>\n\n            <!-- <div class=\"p-grid p-col-2 icons-container p-justify-end p-align-center\">                \n                <button pButton icon=\"icons8 icons8-tune\" class=\"icon-button no-shadow\" (click)=\"menu.toggle($event);\" pTooltip=\"Setting\"></button>   \n                <p-menu #menu [popup]=\"true\" styleClass=\"widget-menu\" [model]=\"settingOptions\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\"></p-menu>                                      \n                <button pButton icon=\"icons8 icons8-star\" class=\"icon-button no-shadow\" pTooltip=\"Rating\"></button>                \n                 <button pButton icon=\"icons8 icons8-synchronize\" class=\"icon-button no-shadow\" pTooltip=\"Refresh\"></button>   \n                <button pButton icon=\"icons8 icons8-delete-trash\" class=\"icon-button no-shadow\" pTooltip=\"Delete\"></button>                 \n            </div> -->\n        </div>\n    </div>\n    <ng-container>\n        <div class=\"p-col-12 p-grid\">\n            <div class=\"p-col-3\">\n                <app-integration (metbuckval)=\"vis_data($event)\" (optionVal)=\"getOptionVal($event)\" (customxval)=\"xcustomlabel($event)\" (customyval)=\"ycustomlabel($event)\" [chartType]=\"chart_type\" [(metricAggArray)]=\"metricAggregation\" [(bucketAggArray)]=\"bucketAggregation\"></app-integration>\n            </div>\n            <div class=\"p-col-9 right-container h-100-p\">\n                <div class=\"p-grid p-col-12 pv-0\">\n                    <div class=\"p-col-10 pv-0 ph-0\">\n                        <p-tabMenu [model]=\"widgetReportItems\" [activeItem]=\"widgetReportItems[0]\">\n                        </p-tabMenu>\n                    </div>\n                    <div class=\"p-col-2 p-justify-center p-align-center\">\n                        <p-checkbox class=\"right pt-5\" name=\"group1\" value=\"showLogs\" label=\"Show Logs\" [(ngModel)]=\"checked\" binary=\"true\" inputId=\"ny\"></p-checkbox>\n                    </div>\n                </div>\n                <div class=\"p-col-12 pt-0\" >\n                    <div class=\"p-col-12  tab-container\">\n                        <div class=\"tab-content\">\n                            <div *ngIf=\"checkTab == 0\" >\n                                <app-visual-table *ngIf=\"chart_type == 'Data Table'\" [tableData]=\"tableData\" [metricAggs]=\"metricAggregation\" [bucketAggs]=\"bucketAggregation\"></app-visual-table>\n                                <app-visual-chart *ngIf=\"chart_type != 'Data Table'\" [XaxisData]=\"Xaxis_data\" (zoomchanges)='zoomfun($event)' [YaxisData]=\"Yaxis_data\" [optionConf]=\"optionConfigValue\" [legendArr]=\"legendValue\" [ChartType]=\"chart_type\" [XaxisTitle]=\"xAxisTitle\" [YaxisTitle]=\"yAxisTitle\" [ZoomValid] = \"isZoom\"></app-visual-chart>\n                            </div>\n                            <div *ngIf=\"checkTab == 1\">\n                                <app-visual-table [tableData]=\"tableData\" [metricAggs]=\"metricAggregation\" [bucketAggs]=\"bucketAggregation\"></app-visual-table>\n                            </div>\n                            <div *ngIf=\"checkTab == 2\">\n                                <app-visual-request ></app-visual-request>\n                            </div>\n                            <div *ngIf=\"checkTab == 3\">\n                                <app-visual-response [respdata]=\"vis_resp\"></app-visual-response>\n                            </div>\n                            <div *ngIf=\"checkTab == 4\">\n                                <app-visual-statistics [statsData]=\"stats_data\"></app-visual-statistics>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"p-col-12\">\n                <div class=\"table-container\" *ngIf=\"checked\">\n                        <app-log-table [tabledata]=\"log_table_data\" (sortData)=\"sorting_order($event)\" (NDNVIntegration)=\"NDNVIntegration($event)\" (copyLabel)=\"copyLabel($event)\" ></app-log-table>\n                </div>                \n            </div>\n        </div>\n    </ng-container>\n</div>\n</div>\n<app-save-dialog #saveDialog [metricAgg]=\"metricAggregation\" [bucketAgg]=\"bucketAggregation\"></app-save-dialog>\n<app-commonfilter #commonFilter></app-commonfilter>\n");

/***/ }),

/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/integration/integration.component.html":
/*!*************************************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/integration/integration.component.html ***!
  \*************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"integration-container h-100-p\">\n  <p-card>\n    <!-- <p-header> Integration </p-header> -->\n    <div class=\"body\">\n      <p-tabView>\n        <p-tabPanel header=\"DATA\">\n          <div class=\"p-grid p-col-12 no-padding\">\n            <div class=\"p-grid p-align-center p-justify-between headers\">\n              <span class=\"label\">Metrics</span>\n              <button pButton type=\"button\" class=\"ui-button-rounded ui-button-secondary ui-togglebutton right header-button\"\n                label=\"Add Metrics\" (click)=\"addSubMetric()\"></button>\n            </div>\n            <div class=\"body-content ui-fluid\" *ngFor=\"let item of metricArray;let i = index\">\n              <p-panel [toggleable]=\"true\" [collapsed]=\"true\" expandIcon=\"pi pi-fw pi-chevron-right\"\n                collapseIcon=\"pi pi-fw pi-chevron-down\">\n                <p-header>\n                  Y-Axis\n                  <i class=\"icons8 icons8-delete clickable\" (click)=\"removeFilter(i)\"></i>\n                </p-header>\n                <div class=\"body-content ui-fluid\">\n                  <div class=\"p-field mv-15\">\n                    <span class=\"labels\">Aggregation</span>\n                    <p-dropdown [options]=\"metricAgreegation\" [(ngModel)]=\"item.metAgg\" optionLabel=\"label\"\n                      dropdownIcon=\"icons8 icons8-expand-arrow\" appendTo=\"body\" (onChange)=\"setIsMetricFieldValue(item)\">\n                    </p-dropdown>\n                  </div>\n                  <div class=\"p-field mv-15\" *ngIf=\"item.isMetricFieldAgg\">\n                    <span class=\"labels\">Field</span>\n                    <p-dropdown [options]=\"mapping_fieldsdata.number_val\" dropdownIcon=\"icons8 icons8-expand-arrow\" placeholder=\"Select a Field\" optionLabel=\"label\" [filter]=\"true\" [(ngModel)]=\"item.metfield\" (onChange)=\"setFieldvalue(item)\"\n                     ></p-dropdown>\n                  </div>\n                  <div class=\"p-field mv-15 p-grid p-align-center\">\n                    \n                    <span class=\"labels\">Custom Label</span>\n                  \n                  <div class=\"p-col-12\">\n                    <input type=\"text\" pInputText  [(ngModel)]=\"item.customName\"/>\n                  </div>\n                    </div>\n                  <!-- <div class=\"p-field mv-15\">\n                    <p-checkbox name=\"group1\" value=\"color\" label=\"Color Option\" [(ngModel)]=\"selectedValues\"\n                      inputId=\"ny\"></p-checkbox>\n                  </div> -->\n                 \n                  <!-- <div class=\"p-col-5 mv-15\">\n                    <p-dropdown [options]=\"advance\" [(ngModel)]=\"selectedAdvance\" optionLabel=\"label\"\n                      dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"custom-dropdown\">\n                    </p-dropdown>\n                  </div> -->\n                  <!-- <div class=\"p-field mv-15\">\n                    <span class=\"labels\">JSON Input</span>\n                    <textarea pInputTextarea></textarea>\n                  </div> -->\n                </div>\n              </p-panel>\n            </div>\n            <!-- <div class=\"body-content ui-fluid ml-10\">\n              <div class=\"p-field mv-15 p-grid p-align-center\">\n                <div class=\"p-col-4\">\n                <span class=\"labels\">Custom Label</span>\n              </div>\n              <div class=\"p-col-8\">\n                <input type=\"text\" pInputText  [(ngModel)]=\"customylabel\"  (change)=\"customchanges()\" />\n              </div>\n                </div>\n              \n              </div> -->\n          </div>\n\n          <div class=\"p-grid p-col-12 no-padding\">\n            <div class=\"p-grid p-align-center p-justify-between headers\">\n              <span class=\"label\">Buckets</span>\n              <button pButton type=\"button\" class=\"ui-button-rounded ui-button-secondary ui-togglebutton right header-button\"\n                label=\"Add Sub-bucket\" (click)=\"addSubBucket()\"></button>\n            </div>\n            <div class=\"body-content ui-fluid\" *ngFor=\"let bucket of bucketArray;let i = index\">\n              <p-panel [toggleable]=\"true\" [collapsed]=\"true\" expandIcon=\"pi pi-fw pi-chevron-right\"\n                collapseIcon=\"pi pi-fw pi-chevron-down\">\n                <p-header>\n                  X-Axis\n                  <i class=\"icons8 icons8-delete clickable\" (click)=\"removeFilter2(i)\"></i>\n                </p-header>\n                <div class=\"body-content ui-fluid\">\n                  <div class=\"p-field mv-15\">\n                    <span class=\"labels\">Aggregation</span>\n                    <p-dropdown [options]=\"bucketAgreegation\" [(ngModel)]=\"bucket.buckAgg\" optionLabel=\"label\"\n                      dropdownIcon=\"icons8 icons8-expand-arrow\" (onChange)=\"setBucketFieldValue(bucket)\">\n                    </p-dropdown>\n                  </div>\n                  <!-- <div class=\"p-field mv-15\">\n                    <p-checkbox name=\"group1\" value=\"color\" label=\"Color Option\" [(ngModel)]=\"selectedValues\"\n                      inputId=\"ny\"></p-checkbox>\n                  </div> -->\n                  <div class=\"p-field mv-15\">\n                    <span class=\"labels\">Field</span>\n                    <p-dropdown [options]=\"bucketFieldList\" [(ngModel)]=\"bucket.buckfield\" placeholder=\"Select a Field\" optionLabel=\"label\"\n                    [filter]=\"true\" appendTo=\"body\" scrollHeight=\"200px\"  (onChange)=\"setIsBucketFieldValue(bucket)\" dropdownIcon=\"icons8 icons8-expand-arrow\">\n                    </p-dropdown>\n                  </div>\n                  <div class=\"p-field mv-15\" *ngIf=\"bucket.isDateBucket\">\n                    <span class=\"labels\">Interval</span>\n                    <p-dropdown [options]=\"interValArray\" [(ngModel)]=\"bucket.interval\" optionLabel=\"name\" (onChange)=\"setIntervalValue(bucket.interval)\" \n                      dropdownIcon=\"icons8 icons8-expand-arrow\">\n                    </p-dropdown>\n                  </div>\n                  <div class=\"p-field mv-15 p-grid p-align-center\">\n                  \n                    <span class=\"labels\">Custom Label</span>\n                  \n                  <div class=\"p-col-12\">\n                    <input type=\"text\" pInputText  [(ngModel)]=\"bucket.customName\"/>\n                  </div>\n                    </div>\n                  \n                  <!-- <div class=\"p-field mv-15\">\n                    <span class=\"labels\">JSON Input</span>\n                    <textarea pInputTextarea></textarea>\n                  </div> -->\n                  <!-- <div class=\"p-col-5 mv-15\">\n                    <p-dropdown [options]=\"advance\" [(ngModel)]=\"selectedAdvance\" optionLabel=\"label\"\n                      dropdownIcon=\"icons8 icons8-expand-arrow\" class=\"custom-dropdown\">\n                    </p-dropdown>\n                  </div> -->\n                </div>\n              </p-panel>\n            </div>\n            <div class=\"body-content ui-fluid ml-10\">\n\n              <!-- <div class=\"p-field mv-15 p-grid p-align-center\">\n                <div class=\"p-col-4\">\n                <span class=\"labels\">Custom Label</span>\n              </div>\n              <div class=\"p-col-8\">\n                <input type=\"text\" pInputText  [(ngModel)]=\"customxlabel\"  (change)=\"customchanges()\"/>\n              </div>\n                </div> -->\n</div>\n           \n            </div>\n         \n        </p-tabPanel>\n        <p-tabPanel header=\"OPTIONS\">\n          <p-panel header=\"View Option\">\n            <div class=\"body-content ui-fluid p-col-12\">\n              <!-- <div class=\"p-field mv-15\">\n                <span class=\"labels\">Chart Mode</span>\n                <p-dropdown [options]=\"chartModeArray\" [(ngModel)]=\"selectedChartMode\" optionLabel=\"label\"\n                  dropdownIcon=\"icons8 icons8-expand-arrow\">\n                </p-dropdown>\n              </div>\n              <div class=\"p-field mv-15\">\n                <p-checkbox name=\"smoothline\" value=\"color\" label=\"Smooth Lines\" [(ngModel)]=\"isSmoothLine\" inputId=\"line\">\n                </p-checkbox>\n              </div>\n              <div class=\"p-field mv-15\">\n                <p-checkbox name=\"currenttime\" value=\"color\" label=\"Current Time Marker\" [(ngModel)]=\"isCurrentTime\"\n                  inputId=\"timemarker\"></p-checkbox>\n              </div>\n              <div class=\"p-field mv-15\">\n                <p-checkbox name=\"yaxisbound\" value=\"color\" label=\"Set Y-Axis to Data Bound\" [(ngModel)]=\"isYaxisDataBound\"\n                  inputId=\"xaxisdata\"></p-checkbox>\n              </div>\n              <div class=\"p-field mv-15\">\n                <p-checkbox name=\"xaxisbound\" value=\"color\" label=\"Set X-Axis to Data Bound\" [(ngModel)]=\"isXaxisDataBound\"\n                  inputId=\"yaxisdata\"></p-checkbox>\n              </div> -->\n              <div *ngIf=\"chartType == 'Gauge'\">\n                <div class=\"p-field mv-15\">\n                  <span class=\"labels\">Gauge min</span>\n                  <input pInputText [(ngModel)]=\"gaugeMinVal\">\n                </div>\n                <div class=\"p-field mv-15\">\n                  <span class=\"labels\">Gauge max</span>\n                  <input pInputText [(ngModel)]=\"gaugeMaxVal\">\n                </div>\n                \n                <div class=\"p-field mv-15\" *ngFor=\"let gaugeOpt of gaugeLevelOpt; let i= index\">\n                  <span class=\"labels\">Gauge level {{i+1}}</span>\n                  <input pInputText [(ngModel)]=\"gaugeOpt.levelValue\">\n                  <p-colorPicker [(ngModel)]=\"gaugeOpt.levelColor\"></p-colorPicker>\n                </div>\n                <div class=\"p-align-center\">\n                  <button pButton type=\"button\" label=\"Add\" (click)=addGaugeLevel() class=\"ui-button-rounded right width-100\"></button>\n                  <button pButton type=\"button\" label=\"Remove\" (click)=removeGaugeLevel() class=\"ui-button-rounded width-100\"></button>\n                </div>\n              </div>\n              <div class=\"p-field mv-15\">\n                <span class=\"labels\">Legend Position</span>\n                <p-dropdown [options]=\"legendOption\" [(ngModel)]=\"legendPosition\" optionLabel=\"label\"\n                  dropdownIcon=\"icons8 icons8-expand-arrow\">\n                </p-dropdown>\n              </div>\n              <div class=\"p-field mv-15\">\n                <p-checkbox name=\"tooltip\" value=\"color\" binary=\"true\" label=\"Show Tooltip\" [(ngModel)]=\"isTooltipEnable\" inputId=\"tooltip\">\n                </p-checkbox>\n              </div>\n            </div>\n          </p-panel>\n        </p-tabPanel>\n      </p-tabView>\n    </div>\n    <p-footer>\n    <div class=\"footer p-align-center\">\n      <button pButton type=\"button\" [style.background]='disableClrreset? reset_disablecolor : \"1rem\"' class=\"ui-button-rounded ui-button-secondary ui-togglebutton \" (click)=reset() [disabled]=\"Reset_click\" label=\"RESET\"></button>\n      <button pButton type=\"button\" class=\"ui-button-rounded ui-button-success right\" label=\"APPLY\" (click)=apply() ></button>\n    </div>\n  </p-footer>\n  </p-card>\n</div>");

/***/ }),

/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/log-table/log-table.component.html":
/*!*********************************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/log-table/log-table.component.html ***!
  \*********************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"p-col-12 p-grid\">\n     \n    \n    <div class=\"p-col-3\">\n        <app-log-integration [fieldsArray]=\"fieldsdata\" (field)=\"addTableColumn($event)\" ></app-log-integration>\n    </div>\n\n\n<div class=\"p-col-9\">\n<div class=\"table-container\">\n<p-table #logs [resizableColumns]=\"true\" [value]=\"data.data\" [rows]=\"10\"  [paginator]=\"true\"\n    [columns]=\"data.headers[0].cols\" \n     dataKey=\"no\"\n     class=\"all-tables\">\n    <ng-template pTemplate=\"colgroup\" let-columns>\n        <colgroup class=\"colWidth12\">\n            <col *ngFor=\"let col of columns\">\n        </colgroup>\n    </ng-template>\n    <!-- <ng-template pTemplate=\"colgroup\" let-columns>\t\n        <colgroup>\t\n            <col class=\"width-80\">\n            <col class=\"w-100-p\">\t\t\n            <col class=\"width-60\">\t\n        </colgroup>\t\n    </ng-template> -->\n\n    <ng-template pTemplate=\"header\" let-columns>\n        <tr>\n            <th *ngFor=\"let col of columns;let i = index\" pResizableColumn>\n                <div class=\"p-grid p-align-center p-justify-center\">\n                    <div pTooltip=\"{{ col.label }}\">{{ col.label }}</div>\n                    <button type=\"button\" class=\"btn-icon\" *ngIf=\"(isCustomTable==true || isCreateTable==true) && col.badgeField\" (click)=\"deleteColumn(i,col.label)\">\n                        <i class=\"icons8 icons8-trash\"></i>\n                    </button>\n                    <p-sortIcon field=\"time\" (click)=\"sorting_order()\"></p-sortIcon>\n                </div>\n            </th>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-expanded=\"expanded\" let-row\n        let-columns=\"columns\">\n        <tr>\n            <td *ngFor=\"let col of columns\" class=\"{{ col.classes }}\">\n\n                <span *ngIf=\"col.badgeField\">\n                    <span *ngFor=\"let item of row.responseBtns\" class=\"clickable\">\n                        <span *ngIf=\"item.label!='<br>'&& isCreateTable==false\" class=\"badge {{item.color}}\">\n                            {{item.label}}\n\n                            </span>\n                            <br *ngIf=\"item.label=='<br>'\">\n                        </span>\n                        <br>\n                        <span *ngFor=\"let key of row.response\">\n                            <span *ngIf=\"key.label!='<br>'&& isCreateTable==false\" class=\"key-label clickable\" (click)=\"runQueryByLabel(key.label+':'+key.value,true)\"><b style=\"background-color: rgb(236, 240, 241);\" >{{key.label}} : </b></span> <span *ngIf=\"key.label!='<br>'&& isCreateTable==false\" style=\"margin-right: 20px;line-height: 21px;\">{{key.value}}</span>\n                            <br *ngIf=\"key.label=='<br>'\">\n                            <span *ngIf=\"(isCreateTable==true && key.label == col.valueField && key.label!='<br>')\" class=\"key-label\" (click)=\"runQueryByLabel(key.label+':'+key.value,true)\">{{key.value}}</span>\n                        </span>\n                    </span>\n                    <br>\n                    <span class=\"columndata\" *ngIf=\"row[col.valueField] && col.valueField=='time'\" >{{ sessionService.convertTimestampIntoFormattedString(sessionService.convertFormattedStringIntoTimestamp(row[col.valueField], 'YYYY-MM-DD “T” hh:mm:ss.SSSZ'),'MM/DD/YYYY HH:mm:ss.SSS') }}</span>\n                    <span class=\"columndata\" *ngIf=\"row[col.valueField] && col.valueField!='time'\" >{{ row[col.valueField] }}</span>\n                   \n                       \n                    <button *ngIf=\"col.iconField && getFpId(row.response,true)\" pButton icon=\"icons8 icons8-document\"\n                    (click)=\"integrationByFP('nf',row.response)\" pTooltip=\"Show All Logs by fpi: {{getFpId(row.response,false)}}\"\n                        class=\"icon-button no-shadow m-3\"></button>\n                    <button *ngIf=\"col.iconField && getFpId(row.response,true)\" pButton icon=\"icons8 icons8-futures\"\n                    (click)=\"integrationByFP('nd',row.response)\" pTooltip=\"Open Transaction By fpi: {{getFpId(row.response,false)}}\"\n                        class=\"icon-button no-shadow m-3\"></button>\n                    <button *ngIf=\"col.iconField && getFpId(row.response,true)\" pButton icon=\"icons8 icons8-clock\"\n                        class=\"icon-button no-shadow m-3\" pTooltip=\"Open Timing by fpi: {{getFpId(row.response,false)}}\"\n                        (click)=\"integrationByFP('nvt',row.response)\"></button>\n                    <button *ngIf=\"col.iconField && getFpId(row.response,true)\" pButton icon=\"icons8 icons8-memories\"\n                        class=\"icon-button no-shadow m-3\" pTooltip=\"Open Replay by fpi: {{getFpId(row.response,false)}}\"\n                        (click)=\"integrationByFP('nvr',row.response)\"></button>\n    \n                        <button [pRowToggler]=\"row\" *ngIf=\"col.iconField\" pButton icon=\"{{ expanded ? 'icons8 icons8-collapse-arrow' : 'icons8 icons8-expand-arrow'}} \" class=\"icon-button no-shadow  m-3\" pTooltip=\"{{ expanded ? 'Collapse' : 'Expand'}}\"></button>\n                   \n                </td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"rowexpansion\" let-row let-columns=\"columns\" let-rowData>\n            <tr class=\"sub-row\" >\n                <td [attr.colspan]=\"columns.length\">\n                    \n                    \n                    <app-log-details [rowdata]=\"rowData\"></app-log-details>\n                                                    \n                                                       \n                </td>\n            </tr>\n        </ng-template>\n    </p-table>\n    \n    <p-overlayPanel #transMap>\n        <ng-template pTemplate>\n            Transaction Flowmap will be opened..\n        </ng-template>\n    </p-overlayPanel>\n    <p-overlayPanel #sessionReplay>\n        <ng-template pTemplate>\n            Session Reply will be opened..\n        </ng-template>\n    </p-overlayPanel>\n    <p-overlayPanel #sessionTiming>\n        <ng-template pTemplate>\n            Session Timing will be opened..\n        </ng-template>\n    </p-overlayPanel>\n</div>\n</div>\n</div>");

/***/ }),

/***/ "./src/app/pages/create-visualization/create-visualization.component.scss":
/*!********************************************************************************!*\
  !*** ./src/app/pages/create-visualization/create-visualization.component.scss ***!
  \********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("app-create-visualization .visualization-container .vertical-container {\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: calc(100vh - 100px);\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search {\n  position: relative;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search i.filter-icon {\n  font-size: 1.5em;\n  color: #1d5290;\n  margin: 0 10px;\n  background: #fff;\n  border-radius: 4px;\n  padding: 0.21em 0.429em 0.45em 0.429em;\n  border: 1px solid #ccc;\n  cursor: pointer;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search i.search {\n  font-size: 1.5em;\n  position: absolute;\n  color: #1d5290;\n  line-height: 35px;\n  z-index: 99;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search i.edit {\n  margin: 9px 40px 0 -60px;\n  color: #1d5290;\n  cursor: pointer;\n  position: absolute;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search .ui-autocomplete-dropdown {\n  margin: 1px 20px 0 -35px;\n  background-color: transparent;\n  color: #ffffff;\n  border: none;\n  border-radius: 5px;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search .ui-autocomplete-dropdown .ui-button-icon-left {\n  background-color: #1d5290;\n  color: #ffffff;\n  border-radius: 5px;\n  width: 20px;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search .ui-autocomplete-input {\n  width: 68vw;\n  padding: 0.429em 2.25em;\n  border: 1px solid #1d5290;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search .ui-autocomplete-panel {\n  border: none;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .autocomplete-search .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {\n  background-color: #c3d7ea30;\n  color: #333333;\n  border-bottom: 3px solid #ffffff;\n  font-size: 12px;\n  padding: 0.629em 0.857em;\n  transition: background-color 0.2s, box-shadow 0.2s;\n}\napp-create-visualization .visualization-container .vertical-container .action-container .icons-container .icon-button.ui-button.no-shadow {\n  background: #fff;\n  visibility: visible;\n  border-radius: 4px;\n  border: 1px solid #ccc;\n  float: right;\n}\napp-create-visualization .visualization-container .vertical-container .right-container .pv-0 {\n  padding-bottom: 0px;\n  padding-top: 0px;\n}\napp-create-visualization .visualization-container .vertical-container .right-container .tab-container {\n  border: 1px solid #dadada;\n  padding: 0;\n}\n.srcbar {\n  position: sticky;\n  top: 1px;\n  /* opacity: 48; */\n  z-index: 10;\n  background-color: #fbfbfb;\n}");

/***/ }),

/***/ "./src/app/pages/create-visualization/create-visualization.component.ts":
/*!******************************************************************************!*\
  !*** ./src/app/pages/create-visualization/create-visualization.component.ts ***!
  \******************************************************************************/
/*! exports provided: CreateVisualizationComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateVisualizationComponent", function() { return CreateVisualizationComponent; });
/* 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 src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/breadcrumb/breadcrumb.service */ "./src/app/core/breadcrumb/breadcrumb.service.ts");
/* harmony import */ var src_app_shared_pipes_ellipsis_ellipsis_pipe__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/shared/pipes/ellipsis/ellipsis.pipe */ "./src/app/shared/pipes/ellipsis/ellipsis.pipe.ts");
/* harmony import */ var src_app_shared_search_sidebar_commonfilter_commonfilter_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/shared/search-sidebar/commonfilter/commonfilter.component */ "./src/app/shared/search-sidebar/commonfilter/commonfilter.component.ts");
/* harmony import */ var src_app_shared_time_bar_service_time_bar_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/shared/time-bar/service/time-bar.service */ "./src/app/shared/time-bar/service/time-bar.service.ts");
/* harmony import */ var _query_settings_service_query_settings_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../query-settings/service/query-settings.service */ "./src/app/pages/query-settings/service/query-settings.service.ts");
/* harmony import */ var _query_settings_service_query_settings_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../query-settings/service/query-settings.state */ "./src/app/pages/query-settings/service/query-settings.state.ts");
/* harmony import */ var _tools_actions_ddr_data_model_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../tools/actions/ddr-data-model.service */ "./src/app/pages/tools/actions/ddr-data-model.service.ts");
/* harmony import */ var _service_visualization_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./service/visualization.service */ "./src/app/pages/create-visualization/service/visualization.service.ts");
/* harmony import */ var src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/core/session/session.service */ "./src/app/core/session/session.service.ts");
/* harmony import */ var src_app_shared_cav_toast_service_cav_message_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/shared/cav-toast/service/cav-message.service */ "./src/app/shared/cav-toast/service/cav-message.service.ts");
/* harmony import */ var src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! src/app/shared/cav-nav-bar/cav-nav-bar.service */ "./src/app/shared/cav-nav-bar/cav-nav-bar.service.ts");














let CreateVisualizationComponent = class CreateVisualizationComponent {
    // customlabel: any;
    constructor(vs, _ddrData, router, messageService, route, qs, timebarservice, breadcrumb, sessionService, cavNavBarService, breadcrumbService) {
        this.vs = vs;
        this._ddrData = _ddrData;
        this.router = router;
        this.messageService = messageService;
        this.route = route;
        this.qs = qs;
        this.timebarservice = timebarservice;
        this.breadcrumb = breadcrumb;
        this.sessionService = sessionService;
        this.cavNavBarService = cavNavBarService;
        this.breadcrumbService = breadcrumbService;
        // breadcrumb: MenuItem[];
        this.checked = false;
        this.checkTab = 0;
        this.isShowColumnFilter = false;
        this.query = 'index=* query=*';
        this.optionConfigValue = { legendPosition: { label: 'right' }, tooltipEnable: true, gaugeMinVal: 0, gaugeMaxVal: 100, gaugeLevelArr: [{ levelColor: 'blue', legendValue: 30 }] };
        // bucketAggregation=[{id: '2', aggType: 'date_histogram', field: '@timestamp',interval:{name:'auto',val:'15m'},customName: '@timestamp'}];
        this.bucketAggregation = [{ id: '2', aggType: 'date_histogram', field: '@timestamp', buckfield: { label: '@timestamp', value: '@timestamp' }, buckAgg: { label: 'Date Histogram' }, interval: { name: 'auto', val: '15m' }, isDateBucket: true, customName: '@timestamp' }];
        // metricAggregation = [{ id: '1', aggType: 'count', field: '', customName: 'count' }];
        this.metricAggregation = [{ id: '1', aggType: 'count', queryAggType: 'count', field: '', metfield: { label: 'Count' }, metAgg: { label: 'Count' }, isMetricFieldAgg: false, customName: 'count' }];
        this.Xaxis_data = [];
        this.Yaxis_data = [];
        this.legendValue = [];
        this.indexpattern = "*";
        this.query_string = "*";
        this.hitsValue = 0;
        this.xAxisTitle = "@timestamp";
        this.yAxisTitle = "count";
        this.customXLabel = '';
        this.customYLabel = '';
        this.sorting = "desc";
        this.isZoom = false;
        this.cavNavBarService.showNavBar = false;
    }
    setTimeValue() {
        let me = this;
        src_app_shared_search_sidebar_commonfilter_commonfilter_component__WEBPACK_IMPORTED_MODULE_5__["CommonfilterComponent"].getInstance().subscribe((commonTimeFilterComponent) => {
            console.log(commonTimeFilterComponent.onChange);
            if (me.visTimeFilterChangeSubscription) {
                console.log("subs");
                me.visTimeFilterChangeSubscription.unsubscribe();
            }
            me.visTimeFilterChangeSubscription = commonTimeFilterComponent.onChange.subscribe((data) => {
                console.log(data);
                // TO-DO : Time Period state management
                if (commonTimeFilterComponent.type === 'CUSTOM' &&
                    commonTimeFilterComponent.customTimeFrame &&
                    commonTimeFilterComponent.customTimeFrame.length === 2) {
                    me.vs.setDuration(me.vs.createDuration(data.customTimeFrame[0].valueOf(), data.customTimeFrame[1].valueOf(), data.timePeriod.selected.id, 600));
                    console.log(me.vs.getDuration());
                    this.gte = this.vs.getDuration().gte;
                    this.lte = this.vs.getDuration().lte;
                    this.onload(this.vs.getDuration().gte, this.vs.getDuration().lte);
                }
                else if (data.type == "PRESET" && !this.route.queryParams['value'].title) {
                    console.log(data);
                    me.vs.setDuration(me.vs.createDuration(data.temporaryTimeFrame[1], data.temporaryTimeFrame[2], data.timePeriod.selected.id, 600));
                    console.log(me.vs.getDuration());
                    this.gte = this.vs.getDuration().gte;
                    this.lte = this.vs.getDuration().lte;
                    this.onload(this.vs.getDuration().gte, this.vs.getDuration().lte);
                }
            });
        });
        console.log(me.visTimeFilterChangeSubscription);
    }
    ngOnInit() {
        const me = this;
        me.setTimeValue();
        this.breadcrumb.add({ label: 'Home', routerLink: '/home' });
        this.breadcrumb.addNewBreadcrumb({ label: 'My Library', routerLink: '/my-library' });
        this.breadcrumb.addNewBreadcrumb({ label: 'Saved Visualization', routerLink: ['/visualization'] });
        this.breadcrumb.addNewBreadcrumb({ label: 'Create Visualization', routerLink: ['/create-visualization-sub'] });
        me.route.queryParams.subscribe((data) => {
            console.log(data);
            if (data.name) {
                if (data.buckAgg) {
                    this.metricAggregation = JSON.parse(data.metAgg);
                    this.bucketAggregation = JSON.parse(data.buckAgg);
                }
                this.chart_type = data.name;
            }
        });
        const perArray = this.sessionService.session.permissions;
        const nfPermission = perArray.filter((arr) => arr.key === 'NetforestUI');
        const permissionArr = nfPermission[0].permissions.filter((nfPer) => nfPer.feature === 'Visualizations');
        this.userPermission = permissionArr[0].permission;
        console.log('User permission is ::', this.userPermission);
        console.log("intititit");
        // me.breadcrumb = [
        //   { label: 'Home', routerLink: '/home/dashboard' },
        //   { label: 'My Library' },
        //   { label: 'Visualization' },
        //   { label: 'Create Visualization'},
        // ];
        me.loading = true;
        me.clearLoading = true;
        me.countries = [
            { name: 'index=* query=*' },
            { name: 'index=* maxdocs=10000 query=*' }
        ];
        me.widgetReportItems = [
            { label: 'CHART', command: (event) => { me.checkTab = 0; } },
            { label: 'TABLE', command: (event) => { me.checkTab = 1; } },
            { label: 'REQUEST', command: (event) => { me.checkTab = 2; } },
            { label: 'RESPONSE', command: (event) => { me.checkTab = 3; } },
            { label: 'STATISTICS', command: (event) => { me.checkTab = 4; } }
        ];
        me.settingOptions = [
            { label: 'Alerts' },
            { label: 'Dashboard' },
            { label: 'Tier Status' }
        ];
        this.vs.dateValue.subscribe(data => {
            this.dateVal = data;
        });
        this.qs.initialsettings().subscribe((state) => {
            if (state instanceof _query_settings_service_query_settings_state__WEBPACK_IMPORTED_MODULE_8__["QuerySettingsLoadingState"]) {
                this.onqueryDataLoading(state);
                return;
            }
            if (state instanceof _query_settings_service_query_settings_state__WEBPACK_IMPORTED_MODULE_8__["QuerySettingsLoadedState"]) {
                this.onqueryDataLoaded(state);
                return;
            }
        }, (state) => {
            this.onqueryDataLoadingError(state);
        });
        this.cavNavBarService.showBreadCrumb = true;
    }
    zoomfun(val) {
        console.log(val);
        console.log('datachanging due to zoom');
        this.gte = val.gte;
        this.lte = val.lte;
        this.visData();
    }
    NDNVIntegration(drillDownData) {
        let productName = drillDownData.prodName;
        let rowsData = drillDownData.rowData;
        let timestamp = rowsData.filter(ele => ele.label == '@timestamp');
        let startTime = this.sessionService.convertFormattedStringIntoTimestamp(timestamp[0].value, 'YYYY-MM-DD “T” hh:mm:ss.SSSZ');
        let flowPath = rowsData.filter(ele => ele.label == 'fp');
        let tier = rowsData.filter(ele => ele.label == 'tier');
        var flowPathSplit = flowPath[0].value.split(":");
        if (productName == 'nd') {
            this._ddrData.isFromNF = '1';
            this._ddrData.flowpathID = flowPathSplit[1].match(/\d+/);
            this._ddrData.startTime = startTime.toString();
            this._ddrData.testRun = flowPathSplit[0].match(/\d+/);
            let nodeName;
            if (this.sessionService.preSession.multiDc) {
                this.vs.getNodeInfoByTier((tier[0].value)).subscribe(res => {
                    nodeName = res[(tier[0].value)][0];
                    this._ddrData.dcName = nodeName;
                    this.router.navigate(['/ddr/flowpath']);
                });
            }
            else {
                this.router.navigate(['/ddr/flowpath']);
            }
            // this._ddrData.getNodeInfo();
            // this._ddrData.dcName = this.sessionService.preSession.dcData
        }
        else if (productName == 'nvr') {
            this.router.navigate(['/netvision/play-sessions'], { queryParams: { strOprName: 'replay', testRun: flowPathSplit[0].match(/\d+/), flowpathID: (flowPathSplit[3] ? flowPathSplit[3].match(/\d+/) : flowPathSplit[1].match(/\d+/)), sid: (flowPathSplit[4] ? flowPathSplit[4].match(/\d+/) : ''), pageInstance: (flowPathSplit[5] ? flowPathSplit[5].match(/\d+/) : 0), strStartTime: startTime } });
        }
        else if (productName == 'nvt') {
            this.router.navigate(['/netvision/page-detail'], { queryParams: { strOprName: 'timing', testRun: flowPathSplit[0].match(/\d+/), flowpathID: (flowPathSplit[3] ? flowPathSplit[3].match(/\d+/) : flowPathSplit[1].match(/\d+/)), sid: (flowPathSplit[4] ? flowPathSplit[4].match(/\d+/) : ''), pageInstance: (flowPathSplit[5] ? flowPathSplit[5].match(/\d+/) : 0), strStartTime: startTime } });
        }
        else {
            this.query = 'index=* query=fpi:"' + flowPathSplit[1].match(/\d+/) + '"';
            document.getElementById('searchQuery')['value'] = this.query;
            this.visData();
        }
    }
    copyLabel(labelData) {
        this.query = document.getElementById('searchQuery')['value'];
        let value = { label: '' };
        if (labelData.isResponse) {
            value.label = labelData.item;
        }
        else
            value = labelData.item;
        let queryKey = value.label.substring(0, value.label.indexOf(':'));
        let queryValue = value.label.substring(value.label.indexOf(':') + 1, value.label.length);
        let badgeValue = queryKey + ':"' + queryValue + '"';
        console.log(queryKey + ':"' + queryValue + '"');
        if (this.query.includes('|')) {
            let preQuery = this.query.substring(0, this.query.indexOf('query=') + 6);
            let subQuery = this.query.substring(this.query.indexOf('query=') + 6, this.query.indexOf('|'));
            let restQuery = this.query.substring(this.query.indexOf('|'), this.query.length);
            subQuery = subQuery + ' AND ' + badgeValue;
            this.query = preQuery + subQuery + restQuery;
        }
        else {
            this.query = this.query + ' AND ' + badgeValue;
        }
        document.getElementById('searchQuery')['value'] = this.query;
        this.clearLoading = false;
        this.visData();
    }
    onqueryDataLoading(state) {
        const me = this;
        me.querySettingsdata = null;
        me.empty = false;
        me.Error = null;
        // me.loading = true;
    }
    onqueryDataLoadingError(state) {
        const me = this;
        me.querySettingsdata = null;
        me.empty = false;
        me.Error = true;
        me.loading = false;
        me.clearLoading = false;
        //   me.loading = true;
    }
    onqueryDataLoaded(state) {
        const me = this;
        me.querySettingsdata = state.data;
        console.log(me.querySettingsdata);
        me.querySettingsdata.forEach(element => {
            console.log(element.name);
            if (element.name == "pipetempindex") {
                this.pipetemindexvalue = element.value;
            }
            if (element.name == "sourceformat") {
                this.sourceformatvalue = element.value;
            }
            if (element.name == " Track_Total_Hits") {
                this.tracktotalhitsvalue = element.value;
            }
            // if (element.name == "discover:sampleSize") {
            //   this.samplesizevalue = element.value
            // }
            if (element.name == "sort:options") {
                this.sortoptionsvalue = element.value;
            }
            if (element.name == "dateFormat:tz") {
                this.timeZone = element.value;
            }
            if (element.name == "responseformat") {
                this.responseformat = element.value;
            }
        });
        if (me.querySettingsdata.length != 0) {
            //  console.log(this.gte)
            // this.onload()
            me.route.queryParams.subscribe((data) => {
                console.log(data);
                if (data.title) {
                    console.log(data.title);
                    this.chart_type = data.chartType;
                    this.query = data.query;
                    this.gte = data.gte;
                    this.lte = data.lte;
                    this.title = data.title;
                    this.vs.fieldDataCarrier.subscribe(data => {
                        console.log(data);
                        this.metricAggregation = data.met;
                        this.bucketAggregation = data.buck;
                    });
                    me.vs.setDuration(me.vs.createDuration(data.gte, data.lte, data.preset, data.viewBy));
                    this.visData();
                }
            });
            document.getElementById('searchQuery')['value'] = this.query;
        }
    }
    visinitialLoading(state) {
        const me = this;
        me.visual_fieldsdata = null;
        me.empty = false;
        me.Error = null;
        me.loading = true;
    }
    visinitialLoadingError(state) {
        const me = this;
        me.visual_fieldsdata = null;
        me.empty = false;
        console.log(state.error);
        me.Error = state.error['error'].text;
        console.log(this.Error);
        me.messageService.add({
            severity: 'error',
            summary: me.Error,
            detail: "Node Error",
        });
        me.loading = true;
        this.log_table_data = [];
    }
    visinitialLoaded(state) {
        const me = this;
        this.Yaxis_data = [];
        this.legendValue = [];
        me.loading = false;
        me.clearLoading = false;
        console.log(state.data);
        if (state.data.error) {
            this.hitsValue = 0;
            me.messageService.add({
                severity: 'error',
                summary: state.data.error,
            });
            this.log_table_data = [];
        }
        else {
            me.visual_fieldsdata = state.data;
            this.vis_resp = this.visual_fieldsdata;
            this.stats_data = this.visual_fieldsdata[0].statsData;
            console.log(me.visual_fieldsdata[0]);
            // this.Xaxis_data = me.visual_fieldsdata[0].arrTimeStamp;
            this.xAxisTitle = me.customXLabel == '' ? me.visual_fieldsdata[0].xAxisTitle : me.customXLabel;
            this.yAxisTitle = me.customYLabel == '' ? me.visual_fieldsdata[0].yAxisTitle : me.customYLabel;
            let timeBucketIndex = -1;
            if (this.query.includes('|VIS')) {
                let bucketPart = this.query.split('|VIS')[1].split('by')[1].trim().split(',');
                if (bucketPart.length > 1) {
                    bucketPart.forEach((b, i) => {
                        if (b.includes('@timestamp') && i > 0) {
                            timeBucketIndex = i;
                        }
                    });
                }
            }
            else if (this.bucketAggregation.length > 1) {
                this.bucketAggregation.forEach((buck, ind) => {
                    if (buck.field.includes('@timestamp') && ind > 0) {
                        timeBucketIndex = ind;
                    }
                });
            }
            this.tableData = me.visual_fieldsdata[0].tableData;
            me.visual_fieldsdata[0].tableData.forEach((element, index) => {
                for (let key in element) {
                    if (typeof element[key] == "number") {
                        element[key] = parseFloat(element[key].toFixed(3));
                        me.visual_fieldsdata[0].tableData[index][key] = element[key];
                    }
                    this.dateVal.forEach(ele => {
                        if (ele.label == key) {
                            element[key] = this.sessionService.convertTimestampIntoFormattedString(element[key], 'MM/DD/YYYY HH:mm:ss');
                        }
                    });
                }
            });
            this.dateVal.forEach(element => {
                if (this.bucketAggregation.length != 0) {
                    this.bucketAggregation[0].field == "@timestamp" ? this.isZoom = true : this.isZoom = false;
                    if (element.label == this.bucketAggregation[0].field) {
                        me.visual_fieldsdata[0].arrTimeStamp.forEach((element, index) => {
                            me.visual_fieldsdata[0].arrTimeStamp[index] = this.sessionService.convertTimestampIntoFormattedString(element, 'MM/DD/YYYY HH:mm:ss');
                        });
                    }
                }
                else {
                    if ((this.query.split('|VIS')[1].split('by')[1].split(',')[0]).includes('@timestamp')) {
                        this.isZoom = true;
                        me.visual_fieldsdata[0].arrTimeStamp.forEach((element, index) => {
                            me.visual_fieldsdata[0].arrTimeStamp[index] = this.sessionService.convertTimestampIntoFormattedString(element, 'MM/DD/YYYY HH:mm:ss');
                        });
                    }
                    else {
                        this.isZoom = false;
                    }
                }
            });
            this.Xaxis_data = me.visual_fieldsdata[0].arrTimeStamp;
            for (let i = 0; i < me.visual_fieldsdata[0].visualizationData.length; i++) {
                this.Yaxis_data.push(me.visual_fieldsdata[0].visualizationData[i].data);
                if (me.visual_fieldsdata[0].visualizationData[i].vectorName == '_all') {
                    this.legendValue.push(me.visual_fieldsdata[0].visualizationData[i].metricName);
                }
                else {
                    let vector = me.visual_fieldsdata[0].visualizationData[i].vectorName;
                    if (timeBucketIndex > -1) {
                        let vectorSplitVal = vector.split('>');
                        vectorSplitVal[timeBucketIndex] = this.sessionService.convertTimestampIntoFormattedString(parseInt(vectorSplitVal[timeBucketIndex]), 'MM/DD/YYYY HH:mm:ss');
                        vector = vectorSplitVal.join('>');
                    }
                    this.legendValue.push(vector);
                }
                console.log('========legendvalue=====', this.legendValue);
            }
            console.log(this.Yaxis_data);
            this.log_table_data = me.visual_fieldsdata[0].logTableData;
            console.log(this.log_table_data);
            me.empty = false;
            me.Error = null;
            me.loading = false;
        }
    }
    clearQuery() {
        this.query = 'index=* query=*';
        document.getElementById('searchQuery')['value'] = this.query;
        this.clearLoading = true;
        this.visData();
        this.loading = false;
    }
    getOptionVal(optionValue) {
        this.optionConfigValue.legendPosition = optionValue.positionLegend;
        this.optionConfigValue.tooltipEnable = optionValue.tooltipEnable;
        this.optionConfigValue.gaugeMaxVal = optionValue.gaugeMaxVal;
        this.optionConfigValue.gaugeMinVal = optionValue.gaugeMinVal;
        this.optionConfigValue.gaugeLevelArr = optionValue.gaugeLevelArr;
    }
    filterCountry(event) {
        const me = this;
        let filtered = [];
        let query = event.query;
        let queryArray = query.split("");
        for (let i = 0; i < me.countries.length; i++) {
            let country = me.countries[i];
            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
                filtered.push(country);
            }
        }
        me.filteredCountries = filtered;
        if (queryArray.length <= 15) {
            this.query = this.filteredCountries[0]['name'];
            console.log(this.query);
        }
        else {
            this.query = query;
        }
    }
    xcustomlabel(val) {
        console.log(val);
        if (val) {
            this.customXLabel = val;
        }
        else {
            this.customXLabel = '';
        }
    }
    ycustomlabel(val) {
        console.log(val);
        if (val) {
            this.customYLabel = val;
        }
        else {
            this.customYLabel = '';
        }
    }
    vis_data(val) {
        console.log(val);
        this.metricAggregation = val.met;
        this.bucketAggregation = val.buck;
        this.customXLabel = this.bucketAggregation[0].customName;
        this.customYLabel = this.metricAggregation[0].customName;
        this.visData();
    }
    sorting_order(sorting_input) {
        console.log(sorting_input);
        this.sorting_input = sorting_input;
        if (this.sorting_input == true) {
            this.sorting = "desc";
            console.log(this.sorting);
        }
        else {
            this.sorting = "asc";
            console.log(this.sorting);
        }
        this.visData();
    }
    visData() {
        let maxdoc_val;
        if (!this.route.queryParams['value'].title) {
            this.query = document.getElementById('searchQuery')['value'];
        }
        if (this.query == undefined || this.query == '') {
            this.indexpattern = "*";
            this.query_string = "*";
        }
        else if (this.query.startsWith('index=')) {
            this.indexpattern = this.query.split(" ")[0].split("=")[1];
            console.log(this.indexpattern);
            if (this.query.indexOf("maxdocs=") > -1) {
                maxdoc_val = this.query.split(" ")[1].split("=")[1];
                this.query_string = this.query.substr(this.query.indexOf("query=") + 6, this.query.length);
                console.log(maxdoc_val);
                // console.log(this.query.query_string.query)
            }
            else {
                this.query_string = this.query.substr(this.query.indexOf("query=") + 6, this.query.length);
            }
        }
        console.log(this.metricAggregation);
        console.log(this.bucketAggregation);
        console.log(this.gte);
        this.onload(this.gte, this.lte);
    }
    onload(gte, lte) {
        this.loading = true;
        console.log(this.sorting);
        // this.vs.visualization(this.query_string, this.indexpattern, gte, lte, this.sorting, this.metricAggregation, this.bucketAggregation, sessionStorage.getItem('_nvtimezone'), this.pipetemindexvalue, this.sourceformatvalue, 50, this.responseformat).subscribe(
        //   (state: Store.State) => {
        //     if (state instanceof visualLoadingState) {
        //       this.visinitialLoading(state);
        //       return;
        //     }
        //     if (state instanceof visualLoadedState) {
        //       this.visinitialLoaded(state);
        //       return;
        //     }
        //   },
        //   (state: visualLoadingErrorState) => {
        //     this.visinitialLoadingError(state);
        //   }
        // );
    }
    ngOnDestroy() {
        this.cavNavBarService.showNavBar = true;
        this.cavNavBarService.showBreadCrumb = false;
    }
};
CreateVisualizationComponent.ROUTE_DATA_BREADCRUMB = 'breadcrumb';
CreateVisualizationComponent.ctorParameters = () => [
    { type: _service_visualization_service__WEBPACK_IMPORTED_MODULE_10__["VisualizationService"] },
    { type: _tools_actions_ddr_data_model_service__WEBPACK_IMPORTED_MODULE_9__["DdrDataModelService"] },
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
    { type: src_app_shared_cav_toast_service_cav_message_service__WEBPACK_IMPORTED_MODULE_12__["CavMessageService"] },
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
    { type: _query_settings_service_query_settings_service__WEBPACK_IMPORTED_MODULE_7__["QuerySettingsService"] },
    { type: src_app_shared_time_bar_service_time_bar_service__WEBPACK_IMPORTED_MODULE_6__["TimebarService"] },
    { type: src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_3__["BreadcrumbService"] },
    { type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_11__["SessionService"] },
    { type: src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_13__["CavNavBarService"] },
    { type: src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_3__["BreadcrumbService"] }
];
CreateVisualizationComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
        selector: 'app-create-visualization',
        template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! raw-loader!./create-visualization.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/create-visualization.component.html")).default,
        encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
        providers: [src_app_shared_pipes_ellipsis_ellipsis_pipe__WEBPACK_IMPORTED_MODULE_4__["EllipsisPipe"]],
        styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! ./create-visualization.component.scss */ "./src/app/pages/create-visualization/create-visualization.component.scss")).default]
    })
], CreateVisualizationComponent);



/***/ }),

/***/ "./src/app/pages/create-visualization/create-visualization.module.ts":
/*!***************************************************************************!*\
  !*** ./src/app/pages/create-visualization/create-visualization.module.ts ***!
  \***************************************************************************/
/*! exports provided: CreateVisualizationModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateVisualizationModule", function() { return CreateVisualizationModule; });
/* 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_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
/* harmony import */ var primeng__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! primeng */ "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
/* harmony import */ var src_app_shared_app_message_app_message_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/shared/app-message/app-message.module */ "./src/app/shared/app-message/app-message.module.ts");
/* harmony import */ var src_app_shared_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/shared/pipes/pipes.module */ "./src/app/shared/pipes/pipes.module.ts");
/* harmony import */ var _create_visualization_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./create-visualization.component */ "./src/app/pages/create-visualization/create-visualization.component.ts");
/* harmony import */ var _integration_integration_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./integration/integration.module */ "./src/app/pages/create-visualization/integration/integration.module.ts");
/* harmony import */ var _log_table_log_table_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./log-table/log-table.module */ "./src/app/pages/create-visualization/log-table/log-table.module.ts");
/* harmony import */ var src_app_shared_visualization_visual_chart_visual_chart_module__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/shared/visualization/visual-chart/visual-chart.module */ "./src/app/shared/visualization/visual-chart/visual-chart.module.ts");
/* harmony import */ var src_app_shared_visualization_visual_request_visual_request_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/shared/visualization/visual-request/visual-request.module */ "./src/app/shared/visualization/visual-request/visual-request.module.ts");
/* harmony import */ var src_app_shared_visualization_visual_response_visual_response_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! src/app/shared/visualization/visual-response/visual-response.module */ "./src/app/shared/visualization/visual-response/visual-response.module.ts");
/* harmony import */ var src_app_shared_visualization_visual_statistics_visual_statistics_module__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! src/app/shared/visualization/visual-statistics/visual-statistics.module */ "./src/app/shared/visualization/visual-statistics/visual-statistics.module.ts");
/* harmony import */ var src_app_shared_visualization_visual_table_visual_table_module__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! src/app/shared/visualization/visual-table/visual-table.module */ "./src/app/shared/visualization/visual-table/visual-table.module.ts");
/* harmony import */ var src_app_shared_save_dialog_save_dialog_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! src/app/shared/save-dialog/save-dialog.module */ "./src/app/shared/save-dialog/save-dialog.module.ts");
/* harmony import */ var src_app_shared_search_sidebar_commonfilter_commonfilter_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! src/app/shared/search-sidebar/commonfilter/commonfilter.module */ "./src/app/shared/search-sidebar/commonfilter/commonfilter.module.ts");


















const imports = [
    _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["TableModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["CardModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["ButtonModule"],
    src_app_shared_app_message_app_message_module__WEBPACK_IMPORTED_MODULE_6__["AppMessageModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["MessageModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["TooltipModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["CheckboxModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["MultiSelectModule"],
    _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
    src_app_shared_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_7__["PipeModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["SlideMenuModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["MenuModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["InputTextModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["ToolbarModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["BreadcrumbModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["DropdownModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["SplitButtonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["OverlayPanelModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["AutoCompleteModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["TabViewModule"],
    primeng__WEBPACK_IMPORTED_MODULE_5__["TabMenuModule"],
    _integration_integration_module__WEBPACK_IMPORTED_MODULE_9__["IntegrationModule"],
    _log_table_log_table_module__WEBPACK_IMPORTED_MODULE_10__["LogTableModule"],
    src_app_shared_visualization_visual_chart_visual_chart_module__WEBPACK_IMPORTED_MODULE_11__["VisualChartModule"],
    src_app_shared_visualization_visual_statistics_visual_statistics_module__WEBPACK_IMPORTED_MODULE_14__["VisualStatisticsModule"],
    src_app_shared_visualization_visual_table_visual_table_module__WEBPACK_IMPORTED_MODULE_15__["VisualTableModule"],
    src_app_shared_visualization_visual_request_visual_request_module__WEBPACK_IMPORTED_MODULE_12__["VisualRequestModule"],
    src_app_shared_visualization_visual_response_visual_response_module__WEBPACK_IMPORTED_MODULE_13__["VisualResponseModule"],
    src_app_shared_save_dialog_save_dialog_module__WEBPACK_IMPORTED_MODULE_16__["SaveDialogModule"],
    src_app_shared_search_sidebar_commonfilter_commonfilter_module__WEBPACK_IMPORTED_MODULE_17__["CommonfilterModule"]
];
const components = [_create_visualization_component__WEBPACK_IMPORTED_MODULE_8__["CreateVisualizationComponent"]];
const routes = [
    {
        path: '',
        component: _create_visualization_component__WEBPACK_IMPORTED_MODULE_8__["CreateVisualizationComponent"],
    },
];
let CreateVisualizationModule = class CreateVisualizationModule {
};
CreateVisualizationModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        declarations: [components],
        imports: [imports, _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterModule"].forChild(routes)],
        exports: [_angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterModule"]],
    })
], CreateVisualizationModule);



/***/ }),

/***/ "./src/app/pages/create-visualization/integration/integration.component.scss":
/*!***********************************************************************************!*\
  !*** ./src/app/pages/create-visualization/integration/integration.component.scss ***!
  \***********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("app-integration .integration-container .ui-card {\n  padding: 0px;\n}\napp-integration .integration-container .ui-card .ui-body {\n  padding: 0.497em;\n}\napp-integration .integration-container .ui-card .ui-card-body {\n  position: relative;\n}\napp-integration .integration-container .ui-card .ui-card-content {\n  max-height: 284px;\n  overflow-y: auto;\n}\napp-integration .integration-container .ui-card .footer {\n  padding: 1em 2em;\n  background-color: #f7f7f7;\n  height: 60px;\n  border-top: 1px solid #dadada;\n  width: 100%;\n}\napp-integration .integration-container .ui-tabview .ui-tabview-panels {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0;\n}\napp-integration .integration-container .ui-panel {\n  margin: 5px;\n  width: 22vw;\n}\napp-integration .integration-container .ui-panel .ui-panel-titlebar-icon {\n  float: left;\n}\napp-integration .integration-container .ui-panel .ui-panel-titlebar {\n  background-color: transparent;\n}\napp-integration .integration-container i.icons8-delete {\n  float: right;\n}\napp-integration .integration-container .headers {\n  background-color: #c9efd4;\n  width: 100%;\n  margin: 10px 0;\n  padding: 10px;\n}\napp-integration .integration-container .headers .header-button {\n  font-size: 11px;\n  float: right;\n}\napp-integration .integration-container .headers .header-button .ui-button-text {\n  padding: 0.25em 1em;\n}\napp-integration .integration-container .no-padding {\n  padding: 0;\n}\napp-integration .integration-container .label {\n  font-size: 13px;\n  font-weight: 700;\n}\napp-integration .integration-container .body-content span.labels {\n  display: block;\n  font-size: 13px;\n  padding: 0.55em 0;\n}\napp-integration .integration-container .body-content .custom-dropdown .ui-dropdown {\n  border: none;\n}\napp-integration .integration-container .ui-colorpicker .ui-colorpicker-preview.ui-corner-all {\n  width: 273px;\n  margin-top: 5px;\n}");

/***/ }),

/***/ "./src/app/pages/create-visualization/integration/integration.component.ts":
/*!*********************************************************************************!*\
  !*** ./src/app/pages/create-visualization/integration/integration.component.ts ***!
  \*********************************************************************************/
/*! exports provided: IntegrationComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IntegrationComponent", function() { return IntegrationComponent; });
/* 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 _service_visualization_state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/visualization-state */ "./src/app/pages/create-visualization/service/visualization-state.ts");
/* harmony import */ var _service_visualization_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/visualization.service */ "./src/app/pages/create-visualization/service/visualization.service.ts");




let IntegrationComponent = class IntegrationComponent {
    constructor(vs) {
        this.vs = vs;
        this.interValArray = [];
        this.selectedValues = [];
        this.counter = 2;
        this.Reset_click = true;
        this.disableClrreset = true;
        this.reset_disablecolor = 'silver';
        this.gaugeLevelOpt = [{ levelValue: 30, levelColor: '#1976D2' }];
        this.gaugeMinVal = 0;
        this.gaugeMaxVal = 100;
        this.metricArray = [{ id: "1", aggType: 'count', field: '', metfield: { label: '' }, metAgg: { label: 'Count' }, isMetricFieldAgg: false, customName: 'count' }];
        this.bucketArray = [{ id: "2", aggType: 'date_histogram', field: '@timestamp', buckfield: { label: '', value: '' }, buckAgg: { label: 'Date Histogram' }, interval: { name: 'auto', val: '15m' }, isDateBucket: true, customName: '@timestamp' }];
        // isMetricFieldAgg: boolean = false;
        this.metbuckval = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.customxval = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.customyval = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.optionVal = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.legendPosition = { label: 'right' };
        this.isSmoothLine = false;
        this.isCurrentTime = false;
        this.isYaxisDataBound = false;
        this.isXaxisDataBound = false;
        this.isTooltipEnable = true;
    }
    ngOnInit() {
        const me = this;
        me.metricArray = this.metricAggArray;
        me.bucketArray = this.bucketAggArray;
        this.vs.mapping_fields("*").subscribe((state) => {
            if (state instanceof _service_visualization_state__WEBPACK_IMPORTED_MODULE_2__["mappingLoadingState"]) {
                this.onmappingDataLoading(state);
                return;
            }
            if (state instanceof _service_visualization_state__WEBPACK_IMPORTED_MODULE_2__["mappingLoadedState"]) {
                this.onmappingDataLoaded(state);
                return;
            }
        }, (state) => {
            this.onmappingDataLoadingError(state);
        });
        me.legendOption = [
            { label: 'right' },
            { label: 'left' },
            { label: 'center' }
        ];
        me.chartModeArray = [
            { label: 'Stacked' },
            { label: 'Overlap' },
            { label: 'Percentage' },
            { label: 'Wiggle' },
            { label: 'Silhouette' },
        ];
        me.metricAgreegation = [
            { label: 'Count' },
            { label: 'Count/sec' },
            { label: 'Sum' },
            { label: 'Min' },
            { label: 'Max' },
            { label: 'Average' },
        ];
        me.bucketAgreegation = [
            { label: 'Date Histogram' },
            { label: 'terms' },
        ];
        console.log(me.bucketAgreegation);
        me.interValArray = [
            { name: 'Auto', val: '15m' },
            { name: 'Millisecond', val: '5s' },
            { name: 'Second', val: '10s' },
            { name: 'Minute', val: '1m' },
            { name: 'Hourly', val: '1h' },
            { name: 'Weekly', val: '1w' },
            { name: 'Monthly', val: '1M' },
            { name: 'Yearly', val: '1y' },
        ];
    }
    onmappingDataLoading(state) {
        const me = this;
        me.mapping_fieldsdata = null;
        me.empty = false;
        me.Error = null;
        me.loading = true;
    }
    onmappingDataLoadingError(state) {
        const me = this;
        me.mapping_fieldsdata = null;
        me.empty = false;
        me.Error = null;
        me.loading = true;
    }
    onmappingDataLoaded(state) {
        const me = this;
        me.mapping_fieldsdata = state.data;
        this.vs.dateValue.next(me.mapping_fieldsdata.date_val);
        console.log(me.mapping_fieldsdata.string_val);
        // this.bucketFieldList=this.mapping_fieldsdata.date_val
        this.bucketFieldList = this.mapping_fieldsdata.date_val.concat(this.mapping_fieldsdata.boolean_val, this.mapping_fieldsdata.number_val, this.mapping_fieldsdata.string_val);
        console.log(this.bucketFieldList);
    }
    addSubMetric() {
        const me = this;
        me.counter++;
        this.enbale_reset_btn();
        me.metricArray.push({ id: "" + me.counter, aggType: 'count', field: '', metfield: { label: '' }, metAgg: { label: 'Count' }, isMetricFieldAgg: false, customName: 'count' });
        console.log('filterArray is:::', me.metricArray);
    }
    removeFilter(index) {
        const me = this;
        me.metricArray.splice(index, 1);
    }
    addSubBucket() {
        const me = this;
        me.counter++;
        this.enbale_reset_btn();
        me.bucketArray.push({ id: "" + me.counter, aggType: 'date_histogram', field: '@timestamp', buckfield: { label: '', value: '' }, buckAgg: { label: 'Date Histogram' }, interval: { name: 'auto', val: '15m' }, isDateBucket: true, customName: '@timestamp' });
        console.log(me.bucketArray);
    }
    removeFilter2(index) {
        const me = this;
        me.bucketArray.splice(index, 1);
    }
    setFieldvalue(val) {
        console.log(val);
        this.enbale_reset_btn();
        val.field = val.metfield.label;
        console.log(val.field);
    }
    setIsBucketFieldValue(val) {
        val.field = val.buckfield.value;
        this.enbale_reset_btn();
        console.log(val.field);
    }
    setIntervalValue(interval) {
        console.log(interval);
    }
    setIsMetricFieldValue(metricObj) {
        const metricAggTypes = {
            AVERAGE: "avg",
            SUM: "sum",
            MEDIAN: "Median",
            MIN: "min",
            MAX: "max",
            UNIQUECOUNT: "Unique Count",
            COUNT: "count",
            'COUNT/SEC': "countrate"
        };
        let metAggVal = metricObj.metAgg.label.toUpperCase();
        this.enbale_reset_btn();
        console.log('=========', metAggVal);
        if (metAggVal == 'COUNT/SEC') {
            metricObj.queryAggType = metricAggTypes[metAggVal];
            metricObj.aggType = 'count';
        }
        else {
            metricObj.queryAggType = metricAggTypes[metAggVal];
            metricObj.aggType = metricAggTypes[metAggVal];
        }
        if (metricObj.metAgg.label != 'Count' && metricObj.metAgg.label != 'Count/sec') {
            metricObj.isMetricFieldAgg = true;
        }
        else {
            metricObj.isMetricFieldAgg = false;
            metricObj.field = '';
            metricObj.metfield.label = '';
        }
        console.log(metricObj);
    }
    setBucketFieldValue(bucketObj) {
        console.log(bucketObj);
        bucketObj.aggType = bucketObj.buckAgg.label;
        this.enbale_reset_btn();
        this.bucketFieldList = [];
        if (bucketObj.buckAgg.label == 'Date Histogram') {
            bucketObj.isDateBucket = true;
            this.bucketFieldList = this.mapping_fieldsdata.date_val;
        }
        else {
            bucketObj.isDateBucket = false;
            this.bucketFieldList = this.mapping_fieldsdata.date_val.concat(this.mapping_fieldsdata.boolean_val, this.mapping_fieldsdata.number_val, this.mapping_fieldsdata.string_val);
            console.log(this.bucketFieldList);
        }
    }
    disable_reset_btn() {
        this.disableClrreset = true;
        this.Reset_click = true;
    }
    enbale_reset_btn() {
        this.disableClrreset = false;
        this.Reset_click = false;
    }
    addGaugeLevel() {
        this.gaugeLevelOpt.push({ levelValue: 30, levelColor: '#1976D2' });
    }
    removeGaugeLevel() {
        this.gaugeLevelOpt.pop();
    }
    reset() {
        if (this.applyenable == true) {
            this.metricArray = this.saved_param.matrix;
            this.bucketArray = this.saved_param.bucket;
            this.customylabel = this.saved_param.customy;
            this.customxlabel = this.saved_param.customx;
            this.apply();
        }
        else {
            this.counter = 2;
            this.metricArray = [{ id: "1", aggType: 'count', field: '', metfield: { label: '' }, metAgg: { label: 'Count' }, isMetricFieldAgg: false, customName: 'count' }];
            this.bucketArray = [{ id: "2", aggType: 'date_histogram', field: '@timestamp', buckfield: { label: '', value: '' }, buckAgg: { label: 'Date Histogram' }, interval: { name: 'auto', val: '15m' }, isDateBucket: true, customName: '@timestamp' }];
            this.customylabel = ' ';
            this.customxlabel = ' ';
            console.log({ met: this.metricArray, buck: this.bucketArray });
            this.apply();
        }
        this.disable_reset_btn();
    }
    customchanges(val) {
        console.log(this.customylabel);
        if (val) {
            this.enbale_reset_btn();
        }
    }
    apply() {
        console.log({ met: this.metricArray, buck: this.bucketArray });
        this.applyenable = true;
        this.disable_reset_btn();
        this.saved_param = {
            matrix: JSON.parse(JSON.stringify(this.metricArray)),
            bucket: JSON.parse(JSON.stringify(this.bucketArray)),
            customx: this.customxlabel, customy: this.customylabel
        };
        this.metbuckval.emit({ met: this.metricArray, buck: this.bucketArray });
        // this.customyval.emit(this.customylabel);
        // this.customxval.emit(this.customxlabel);
        this.optionVal.emit({ positionLegend: this.legendPosition, tooltipEnable: this.isTooltipEnable, gaugeMinVal: this.gaugeMinVal, gaugeMaxVal: this.gaugeMaxVal, gaugeLevelArr: this.gaugeLevelOpt });
    }
};
IntegrationComponent.ctorParameters = () => [
    { type: _service_visualization_service__WEBPACK_IMPORTED_MODULE_3__["VisualizationService"] }
];
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], IntegrationComponent.prototype, "metbuckval", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], IntegrationComponent.prototype, "customxval", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], IntegrationComponent.prototype, "customyval", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], IntegrationComponent.prototype, "optionVal", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
], IntegrationComponent.prototype, "chartType", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
], IntegrationComponent.prototype, "metricAggArray", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
], IntegrationComponent.prototype, "bucketAggArray", void 0);
IntegrationComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
        selector: 'app-integration',
        template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! raw-loader!./integration.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/integration/integration.component.html")).default,
        encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
        styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! ./integration.component.scss */ "./src/app/pages/create-visualization/integration/integration.component.scss")).default]
    })
], IntegrationComponent);



/***/ }),

/***/ "./src/app/pages/create-visualization/integration/integration.module.ts":
/*!******************************************************************************!*\
  !*** ./src/app/pages/create-visualization/integration/integration.module.ts ***!
  \******************************************************************************/
/*! exports provided: IntegrationModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IntegrationModule", function() { return IntegrationModule; });
/* 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 primeng__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! primeng */ "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
/* harmony import */ var _integration_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./integration.component */ "./src/app/pages/create-visualization/integration/integration.component.ts");






const imports = [
    _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["DropdownModule"],
    _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["AccordionModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["InputTextModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["ButtonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["CheckboxModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["TabViewModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["CardModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["PanelModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["InputTextareaModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["ColorPickerModule"]
];
const components = [
    _integration_component__WEBPACK_IMPORTED_MODULE_5__["IntegrationComponent"]
];
let IntegrationModule = class IntegrationModule {
};
IntegrationModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        declarations: [components],
        imports: [
            imports
        ],
        exports: [
            components
        ]
    })
], IntegrationModule);



/***/ }),

/***/ "./src/app/pages/create-visualization/log-table/log-table.component.scss":
/*!*******************************************************************************!*\
  !*** ./src/app/pages/create-visualization/log-table/log-table.component.scss ***!
  \*******************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("app-log-table .ui-table .ui-table-tbody > tr > td {\n  white-space: break-spaces !important;\n}\napp-log-table .ui-table .ui-table-tbody > tr > td .columndata {\n  display: flex;\n  padding: 0.5em;\n  white-space: break-spaces;\n  text-overflow: inherit;\n}\napp-log-table .ui-table .ui-table-tbody > tr > td .key-label {\n  line-height: 20px;\n}\napp-log-table .ui-table .ui-table-tbody > tr > td:last-child .icon-button.ui-button.no-shadow {\n  background-color: #ffffff;\n  border: 1px solid #ccc;\n}\napp-log-table span.badge {\n  font-size: 13px;\n  padding: 0.25em 0.75em;\n  margin: 3px 3px;\n  border-radius: 4px;\n  display: inline-flex;\n}\napp-log-table .ui-overlaypanel .ui-overlaypanel-content {\n  padding: 1em 2em;\n  box-shadow: 0px 14px 25px #00000033;\n  font-size: 15px;\n}\napp-log-table .all-tables .ui-table-thead > tr > th:first-child {\n  width: 150px;\n}\napp-log-table .all-tables .ui-table-thead > tr > th:last-child {\n  width: 190px;\n}\napp-log-table .all-tables .ui-table-tbody > tr > td {\n  vertical-align: top;\n}\napp-log-table .text-full {\n  white-space: pre-wrap;\n  line-height: 20px;\n}\napp-log-table .colWidth12 > col:first-child {\n  width: 100px !important;\n}\napp-log-table .colWidth12 > col:last-child {\n  width: 60px !important;\n}");

/***/ }),

/***/ "./src/app/pages/create-visualization/log-table/log-table.component.ts":
/*!*****************************************************************************!*\
  !*** ./src/app/pages/create-visualization/log-table/log-table.component.ts ***!
  \*****************************************************************************/
/*! exports provided: LogTableComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogTableComponent", function() { return LogTableComponent; });
/* 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_shared_pipes_ellipsis_ellipsis_pipe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/shared/pipes/ellipsis/ellipsis.pipe */ "./src/app/shared/pipes/ellipsis/ellipsis.pipe.ts");
/* harmony import */ var _service_log_table_dummy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./service/log-table.dummy */ "./src/app/pages/create-visualization/log-table/service/log-table.dummy.ts");
/* harmony import */ var _home_logstab_service_nf_logs_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../home/logstab/service/nf-logs.service */ "./src/app/pages/home/logstab/service/nf-logs.service.ts");
/* 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");






let LogTableComponent = class LogTableComponent {
    constructor(NfLogsService, sessionService) {
        this.NfLogsService = NfLogsService;
        this.sessionService = sessionService;
        this.isEnabledColumnFilter = false;
        this.filterTitle = 'Enable Filters';
        this.tooltipzindex = 100000;
        this.isCustomTable = false;
        this.isCreateTable = false;
        this.rowClick = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.NDNVIntegration = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.sortData = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.copyLabel = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        //@ViewChild(CreateVisualizationComponent) child:CreateVisualizationComponent;
        this.sorting_input = true;
    }
    sorting_order() {
        this.sorting_input = !this.sorting_input;
        console.log(this.sorting_input);
        this.sortData.emit(this.sorting_input);
        //this.child.visData();
    }
    ngOnChanges() {
        // changes=this.nfdbresponse
        console.log(this.tabledata.length);
        console.log;
        if (this.tabledata.length !== 0) {
            console.log("valuee");
            this.ngOnInit();
        }
    }
    ngOnInit() {
        const me = this;
        me.data = _service_log_table_dummy__WEBPACK_IMPORTED_MODULE_3__["LOG_TABLE"];
        console.log(this.tabledata);
        me.data.data = this.tabledata;
        me.getFieldsValue();
    }
    getFieldsValue() {
        const me = this;
        me.NfLogsService.getFieldsData().subscribe((res) => {
            me.fieldsdata = res['data'];
            console.log(me.fieldsdata);
        });
    }
    addTableColumn(field) {
        console.log('field is adding:;', field);
        if (this.isCreateTable == false || this.isCustomTable == false) {
            console.log('table added first time');
            this.isCreateTable = true;
            this.data.headers[0].cols.forEach((element, index) => {
                console.log(element.label);
                if (element.label == 'Log Information') {
                    this.data.headers[0].cols.splice(index, 1);
                }
            });
        }
        let colLength = this.data.headers[0].cols.length;
        let fieldObj = {
            label: field,
            valueField: field,
            classes: 'text-left',
            badgeField: true,
            width: '30%',
        };
        this.data.headers[0].cols.splice(colLength - 1, 0, fieldObj);
    }
    deleteColumn(index, fieldName) {
        this.data.headers[0].cols.splice(index, 1);
        console.log(this.fieldsdata);
        this.fieldsdata.forEach(element => {
            if (element.name == fieldName) {
                element.isSelected = false;
            }
        });
        if (this.data.headers[0].cols.length == 2) {
            this.isCreateTable = false;
            this.isCustomTable = false;
            let respCol = {
                label: 'Log Information',
                valueField: 'keyword',
                classes: 'text-left',
                badgeField: true,
                width: '70%',
            };
            this.data.headers[0].cols.splice(1, 0, respCol);
        }
    }
    getFpId(rowdata, isCheckFP) {
        let fp = rowdata.filter(ele => ele.label == 'fp');
        if (fp.length > 0) {
            if (isCheckFP == true) {
                return true;
            }
            return fp[0].value.split(':')[1];
        }
        else {
            return false;
        }
    }
    integrationByFP(prodType, respInfo) {
        this.NDNVIntegration.emit({ prodName: prodType, rowData: respInfo });
    }
    runQueryByLabel(item, isResponse) {
        this.copyLabel.emit({ item: item, isResponse: isResponse });
    }
    toLogDetails(value) {
        this.isOn = true;
        this.RowData = value;
        console.log(this.RowData);
        this.rowClick.emit(this.isOn);
    }
    toggleFilters() {
        const me = this;
        me.isEnabledColumnFilter = !me.isEnabledColumnFilter;
        if (me.isEnabledColumnFilter === true) {
            me.filterTitle = 'Disable Filters';
        }
        else {
            me.filterTitle = 'Enable Filters';
        }
    }
};
LogTableComponent.ctorParameters = () => [
    { type: _home_logstab_service_nf_logs_service__WEBPACK_IMPORTED_MODULE_4__["NfLogsService"] },
    { type: src_app_core_session_session_service__WEBPACK_IMPORTED_MODULE_5__["SessionService"] }
];
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], LogTableComponent.prototype, "rowClick", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
], LogTableComponent.prototype, "tabledata", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], LogTableComponent.prototype, "NDNVIntegration", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], LogTableComponent.prototype, "sortData", void 0);
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
], LogTableComponent.prototype, "copyLabel", void 0);
LogTableComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
        selector: 'app-log-table',
        template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! raw-loader!./log-table.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/create-visualization/log-table/log-table.component.html")).default,
        encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
        providers: [src_app_shared_pipes_ellipsis_ellipsis_pipe__WEBPACK_IMPORTED_MODULE_2__["EllipsisPipe"]],
        styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(/*! ./log-table.component.scss */ "./src/app/pages/create-visualization/log-table/log-table.component.scss")).default]
    })
], LogTableComponent);



/***/ }),

/***/ "./src/app/pages/create-visualization/log-table/log-table.module.ts":
/*!**************************************************************************!*\
  !*** ./src/app/pages/create-visualization/log-table/log-table.module.ts ***!
  \**************************************************************************/
/*! exports provided: LogTableModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogTableModule", function() { return LogTableModule; });
/* 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 _log_table_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./log-table.component */ "./src/app/pages/create-visualization/log-table/log-table.component.ts");
/* harmony import */ var primeng__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! primeng */ "./node_modules/primeng/__ivy_ngcc__/fesm2015/primeng.js");
/* harmony import */ var _home_logstab_log_details_log_details_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../home/logstab/log-details/log-details.module */ "./src/app/pages/home/logstab/log-details/log-details.module.ts");
/* harmony import */ var _home_logstab_log_integration_log_integration_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../home/logstab/log-integration/log-integration.module */ "./src/app/pages/home/logstab/log-integration/log-integration.module.ts");







const imports = [
    _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["TableModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["CardModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["OverlayPanelModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["ButtonModule"],
    primeng__WEBPACK_IMPORTED_MODULE_4__["TooltipModule"],
    _home_logstab_log_details_log_details_module__WEBPACK_IMPORTED_MODULE_5__["LogDetailsModule"],
    _home_logstab_log_integration_log_integration_module__WEBPACK_IMPORTED_MODULE_6__["LogIntegrationModule"]
];
const components = [
    _log_table_component__WEBPACK_IMPORTED_MODULE_3__["LogTableComponent"],
];
let LogTableModule = class LogTableModule {
};
LogTableModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        declarations: [components],
        imports: [
            imports
        ],
        exports: [
            components
        ]
    })
], LogTableModule);



/***/ }),

/***/ "./src/app/pages/create-visualization/log-table/service/log-table.dummy.ts":
/*!*********************************************************************************!*\
  !*** ./src/app/pages/create-visualization/log-table/service/log-table.dummy.ts ***!
  \*********************************************************************************/
/*! exports provided: LOG_TABLE */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LOG_TABLE", function() { return LOG_TABLE; });
const LOG_TABLE = {
    headers: [
        {
            cols: [
                {
                    label: 'Time',
                    valueField: 'time',
                    classes: 'text-left',
                    isSort: true,
                    filter: {
                        isFilter: true,
                        type: 'contains',
                    },
                    width: '10%'
                },
                {
                    label: 'Log Information',
                    valueField: 'value',
                    classes: 'text-left',
                    badgeField: true,
                    isSort: true,
                    filter: {
                        isFilter: true,
                        type: 'contains',
                    },
                    width: '65%'
                },
                {
                    label: '',
                    valueField: 'icon',
                    classes: 'text-left',
                    iconField: true,
                    filter: {
                        isFilter: true,
                        type: 'contains',
                    },
                    width: '20%'
                },
            ],
        },
    ],
    data: [
        {
            no: '#',
            time: '23:51:24 02/03/21',
            response: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s',
            icon: '',
            responseBtns: [
                {
                    label: 'tier: Tomcat4',
                    color: 'bg-voilet',
                },
                {
                    label: 'server: controller',
                    color: 'bg-green',
                },
                {
                    label: 'instance: Instance_1_1_1_1_1_1_1_1',
                    color: 'bg-pink',
                },
            ],
        },
        {
            no: '#',
            time: '23:51:24 02/01/21',
            response: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s',
            icon: '',
            responseBtns: [
                {
                    label: 'tier: Tomcat4',
                    color: 'bg-voilet',
                },
                {
                    label: 'message: Tomcat4',
                    color: 'bg-yellow',
                }
            ],
        },
        {
            no: '#',
            time: '23:51:24 02/03/21',
            response: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s',
            icon: '',
            responseBtns: [
                {
                    label: 'server: controller',
                    color: 'bg-green',
                },
                {
                    label: 'message: Tomcat4',
                    color: 'bg-yellow',
                }
            ],
        },
        {
            no: '#',
            time: '23:51:24 02/01/21',
            response: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s',
            icon: '',
            responseBtns: [
                {
                    label: 'tier: Tomcat4',
                    color: 'bg-voilet',
                },
                {
                    label: 'server: controller',
                    color: 'bg-green',
                },
                {
                    label: 'message: Tomcat4',
                    color: 'bg-yellow',
                }
            ],
        }
    ],
};


/***/ })

}]);