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

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

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

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

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

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

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

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

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["reports-logs-visualization-create-visualization-sub-create-visualization-sub-module"], {
  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.html":
  /*!********************************************************************************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.html ***!
    \********************************************************************************************************************************************************************/

  /*! exports provided: default */

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

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


    __webpack_exports__["default"] = "<div class=\"h-100-vh create-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-col-10\">\n                <div class=\"p-grid p-align-center\">\n                    <a  routerLink=\"/visualization\">\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>\n        </div>\n    </p-toolbar>\n    <div class=\"breadcrumbs\">\n        <p-breadcrumb  [model]=\"breadcrumb.getBreadcrumbMenu() | async\" (inItemClick)=\"breadcrumb.handleBreadcrumbClick($event)\"></p-breadcrumb>\n    </div>\n    <div class=\"vertical-container\" *ngIf=\"data\">\n        <div class=\"p-grid\">\n            <div class=\"p-col-10 p-justify-end\">\n                \n                <!-- <div class=\"p-input-icon-left search-div-css\">\n                     <i class=\"icons8 icons8-filter left filter-icon\" (click)=\"commonFilter.open()\"></i> \n                    <i class=\"icons8 icons8-search\"></i>\n                    <p-autoComplete [(ngModel)]=\"reportitem\" [suggestions]=\"filteredReports\" (completeMethod)=\"filterFields($event)\" field=\"name\" [size]=\"30\" placeholder=\"\" [minLength]=\"1\" class=\"input-field-search\" [dropdown]=\"true\" dropdownIcon=\"icons8 icons8-expand-arrow\">\n                    </p-autoComplete>\n                    <i class=\"icons8 icons8-edit-2\"></i>\n                    <button pButton type=\"button\" class=\"ui-button ui-button-rounded save-button\" label=\"SAVE\" (click)=\"saveSearchData.open()\"></button>\n                </div> -->\n            </div>\n            <!-- <div class=\"p-col-2 icons-container p-grid p-justify-end p-align-center\">\n                <button pButton icon=\"icons8 icons8-tune\" class=\"icon-button no-shadow\" pTooltip=\"Setting\" (click)=\"menu.toggle($event);\"></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\n        <div class=\"p-grid\">\n            <div class=\"p-col-12\">\n                <p-card>\n                    <p-header>\n                        <span class=\"selected-label line-height\"> Chart Layouts </span>\n                    </p-header>\n                    <p-table [value]=\"data.layoutTable.data\" [resizableColumns]=\"true\" [columns]=\"selectedColumns\" [columns]=\"data.layoutTable.headers[0].cols\" selectionMode=\"single\">\n                        <ng-template pTemplate=\"body\" let-row let-rowData let-columns=\"columns\">\n                            <tr [pSelectableRow]=\"row\" routerLink=\"/create-visualization\" [queryParams]=\"rowData\">\n                                <td *ngFor=\"let col of columns\" class=\"{{ col.classes }}\">\n                                    <i class=\"td-icon\" *ngIf=\"col.iconField && row.icon\" [ngClass]=\"row.icon\"></i> {{ row[col.valueField] }}\n                                </td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n\n                </p-card>\n            </div>\n            <!-- <div class=\"p-col-6\">\n                <p-card>\n                    <p-header>\n                        <span class=\"selected-label line-height\"> Saved Visualizations </span>\n                    </p-header>\n                    <div class=\"p-grid\">\n                        <div class=\"p-col-6\">\n                            <div class=\"ui-inputgroup w-100-p\">\n                                <span class=\"ui-inputgroup-addon\">\n                                    <i class=\"icons8 icons8-search\"></i>\n                                </span>\n                                <input type=\"text\" #searchInput pInputText placeholder=\"Search\" class=\"w-100-p\" (input)=\"savedVisualization.filterGlobal($event.target.value, 'contains')\">\n                            </div>\n                        </div>\n                         <div class=\"p-col-6 text-right\">\n                            <button pButton type=\"button\" class=\"ui-button ui-button-rounded ui-button-secondary\" label=\"Manage Visualizations\">\n                            </button>\n                        </div> \n                        <p-table #savedVisualization [value]=\"data.visualizationTable.data\" [columns]=\"selectedColumns\" [columns]=\"data.visualizationTable.headers[0].cols\" selectionMode=\"single\" [globalFilterFields]=\"['name']\">\n                            <ng-template pTemplate=\"body\" let-row let-columns=\"columns\">\n                                <tr [pSelectableRow]=\"row\">\n                                    <td *ngFor=\"let col of columns\" class=\"{{ col.classes }}\">\n                                        <i class=\"td-icon\" *ngIf=\"col.iconField && row.icon\" [ngClass]=\"row.icon\"></i> {{ row[col.valueField] }}\n                                    </td>\n                                </tr>\n                            </ng-template>\n                        </p-table>\n                    </div>\n                </p-card>\n            </div> -->\n        </div>\n    </div>\n<!-- \n    <app-commonfilter #commonFilter></app-commonfilter>\n    <app-save-dialog #saveSearchData></app-save-dialog> -->";
    /***/
  },

  /***/
  "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.scss":
  /*!******************************************************************************************************************************!*\
    !*** ./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.scss ***!
    \******************************************************************************************************************************/

  /*! exports provided: default */

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

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


    __webpack_exports__["default"] = "app-create-visualization-sub .create-visualization-container {\n  background-color: #ffffff;\n  overflow-y: scroll;\n  height: calc(100% - 152px);\n}\napp-create-visualization-sub .create-visualization-container .chart-container {\n  height: 102%;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card {\n  padding: 0px;\n  border-radius: 20px;\n  height: 100%;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-header {\n  background-color: #ededed;\n  border-top-left-radius: 20px;\n  border-top-right-radius: 20px;\n  padding: 10px 25px;\n  border-bottom: 1px solid #ceceec;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-header .selected-label {\n  font-size: 1.2em;\n  font-weight: 600;\n  line-height: 30px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-body {\n  overflow-y: scroll;\n  max-height: 380px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content {\n  padding: 10px 15px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .report-type {\n  float: left;\n  margin-right: 10px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {\n  font-size: 15px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .customInput {\n  border: none;\n  border-bottom: 1px solid #1d5290;\n  border-radius: 0;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .ui-dropdown {\n  min-width: 100px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .icon-block {\n  height: 70px;\n  width: 80px;\n  border: 1px solid lightgrey;\n  border-radius: 2px;\n  margin-right: 40px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .icon-block i {\n  font-size: 35px;\n  color: #1d5290;\n  line-height: 40px;\n}\napp-create-visualization-sub .create-visualization-container p-card .ui-card .ui-card-content .icon-block .top-padding {\n  padding-top: 0;\n}\napp-create-visualization-sub .create-visualization-container .store-label {\n  margin-left: 15px;\n}\napp-create-visualization-sub .create-visualization-container .ui-orderlist-list {\n  height: 46vh;\n  overflow-y: scroll;\n}\napp-create-visualization-sub .create-visualization-container .ui-orderlist-controls-left {\n  margin-top: -50px;\n}\napp-create-visualization-sub .create-visualization-container .ui-orderlist-filter-container {\n  width: 30%;\n}\napp-create-visualization-sub .create-visualization-container .selected-label {\n  line-height: 30px;\n  margin-left: 10px;\n  font-weight: bold;\n}\napp-create-visualization-sub .create-visualization-container .input-field-search {\n  width: 80%;\n  z-index: 0;\n}\napp-create-visualization-sub .create-visualization-container .ui-autocomplete .ui-autocomplete-input {\n  padding-left: 25px;\n  z-index: 0;\n  width: 67vw;\n}\napp-create-visualization-sub .create-visualization-container i.filter-icon {\n  font-size: 1.5em;\n  color: #1d5290;\n  margin: 0 10px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 0.31em 0.429em;\n  cursor: pointer;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css {\n  position: relative;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css i.icons8-search {\n  font-size: 1.5em;\n  position: absolute;\n  color: #1d5290;\n  left: 60px;\n  line-height: 35px;\n  z-index: 99;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css i.icons8-edit-2 {\n  margin: 9px 40px 0 -60px;\n  color: #1d5290;\n  cursor: pointer;\n  position: absolute;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css .save-button {\n  margin-left: 15px;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css .ui-autocomplete-dropdown {\n  margin: 5px 20px 0 -35px;\n  background-color: #ffffff;\n  color: #ffffff;\n  border: none;\n  border-radius: 5px;\n}\napp-create-visualization-sub .create-visualization-container .search-div-css .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-sub .create-visualization-container .search-div-css .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-sub .create-visualization-container .icon-button.ui-button.no-shadow .ui-button-text {\n  border: 1px solid #ccc;\n  visibility: visible;\n  border-radius: 4px;\n  padding: 0.31em 0.429em;\n}\napp-create-visualization-sub .create-visualization-container .td-icon {\n  margin-right: 15px;\n}";
    /***/
  },

  /***/
  "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.ts":
  /*!****************************************************************************************************************************!*\
    !*** ./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.ts ***!
    \****************************************************************************************************************************/

  /*! exports provided: CreateVisualizationSubComponent */

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

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


    __webpack_require__.d(__webpack_exports__, "CreateVisualizationSubComponent", function () {
      return CreateVisualizationSubComponent;
    });
    /* 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 _service_create_visualization_sub_dummy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./service/create-visualization-sub.dummy */
    "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/service/create-visualization-sub.dummy.ts");
    /* harmony import */


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


    var src_app_pages_create_visualization_service_visualization_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/pages/create-visualization/service/visualization.service */
    "./src/app/pages/create-visualization/service/visualization.service.ts");
    /* harmony import */


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


    var src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! src/app/shared/cav-nav-bar/cav-nav-bar.service */
    "./src/app/shared/cav-nav-bar/cav-nav-bar.service.ts");

    var CreateVisualizationSubComponent = /*#__PURE__*/function () {
      function CreateVisualizationSubComponent(router, location, vs, breadcrumb, cavNavBarService) {
        _classCallCheck(this, CreateVisualizationSubComponent);

        this.router = router;
        this.location = location;
        this.vs = vs;
        this.breadcrumb = breadcrumb;
        this.cavNavBarService = cavNavBarService;
        this.cols = [];
        this._selectedColumns = []; // breadcrumb: MenuItem[];

        this.orderList = [];
        this.isShow = false;
        this.cavNavBarService.showNavBar = false;
      }

      return _createClass(CreateVisualizationSubComponent, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var me = this; // me.breadcrumb = [
          //   { label: 'Home', routerLink: '/home/dashboard' },
          //   { label: 'My Library' },
          //   { label: 'Create Visualization' },
          // ];

          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.settingOptions = [{
            label: 'Alerts'
          }, {
            label: 'Dashboard'
          }, {
            label: 'Tier Status'
          }];
          me.data = _service_create_visualization_sub_dummy__WEBPACK_IMPORTED_MODULE_3__["CREATE_VISUALIZATION_SUB_DATA"];
          me.cols = me.data.layoutTable.headers[0].cols;

          var _iterator = _createForOfIteratorHelper(me.data.layoutTable.headers[0].cols),
              _step;

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

              if (c.selected) {
                me._selectedColumns.push(c);
              }
            } //   this.vs.getVisualization().subscribe(
            //     (state: Store.State) => {
            //       if (state instanceof visualLoadingState) {
            //         this.onLoading(state);
            //         return;
            //       }
            //       if (state instanceof visualLoadedState) {
            //         this.onLoaded(state);
            //         return;
            //       }
            //     },
            //     (state: visualLoadingErrorState) => {
            //       this.onLoadingError(state);
            //     }
            //   );
            // }
            // onLoadingError(state: visualLoadingErrorState) {
            //   const me = this;
            //   me.data.visualizationTable.data = null;
            // }
            // onLoaded(state: visualLoadedState) {
            //   const me = this;
            //   me.data.visualizationTable.data = state.data;
            // }
            // onLoading(state: visualLoadingState) {
            //   const me = this;
            //   me.data.visualizationTable.data = null;

          } catch (err) {
            _iterator.e(err);
          } finally {
            _iterator.f();
          }
        }
      }, {
        key: "ngOnDestroy",
        value: function ngOnDestroy() {
          this.cavNavBarService.showNavBar = true;
        }
      }, {
        key: "selectedColumns",
        get: function get() {
          var me = this;
          return me._selectedColumns;
        },
        set: function set(val) {
          var me = this;
          me._selectedColumns = me.cols.filter(function (col) {
            return val.includes(col);
          });
        }
      }, {
        key: "backToReport",
        value: function backToReport() {
          this.router.navigate(['/reports']);
        }
      }, {
        key: "showReport",
        value: function showReport() {
          this.isShow = true;
        }
      }, {
        key: "toCreateVisualization",
        value: function toCreateVisualization() {
          this.router.navigate(['/create-visualization']);
        }
      }, {
        key: "filterFields",
        value: function filterFields(event) {
          var filtered = [];
          var query = event.query;

          for (var i = 0; i < this.data.autocompleteData.length; i++) {
            var reportitem = this.data.autocompleteData[i];

            if (reportitem.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
              filtered.push(reportitem);
            }
          }

          this.filteredReports = filtered;
        }
      }, {
        key: "filterCountry",
        value: function filterCountry(event) {
          var me = this;
          var filtered = [];
          var query = event.query;

          for (var i = 0; i < me.countries.length; i++) {
            var country = me.countries[i];

            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
              filtered.push(country);
            }
          }

          me.filteredCountries = filtered;
        }
      }, {
        key: "goBack",
        value: function goBack() {
          var me = this;
          me.location.back();
        }
      }]);
    }();

    CreateVisualizationSubComponent.ctorParameters = function () {
      return [{
        type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]
      }, {
        type: _angular_common__WEBPACK_IMPORTED_MODULE_4__["Location"]
      }, {
        type: src_app_pages_create_visualization_service_visualization_service__WEBPACK_IMPORTED_MODULE_5__["VisualizationService"]
      }, {
        type: src_app_core_breadcrumb_breadcrumb_service__WEBPACK_IMPORTED_MODULE_6__["BreadcrumbService"]
      }, {
        type: src_app_shared_cav_nav_bar_cav_nav_bar_service__WEBPACK_IMPORTED_MODULE_7__["CavNavBarService"]
      }];
    };

    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()], CreateVisualizationSubComponent.prototype, "selectedColumns", null);
    CreateVisualizationSubComponent = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-create-visualization-sub',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./create-visualization-sub.component.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.html"))["default"],
      encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewEncapsulation"].None,
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./create-visualization-sub.component.scss */
      "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.scss"))["default"]]
    })], CreateVisualizationSubComponent);
    /***/
  },

  /***/
  "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.module.ts":
  /*!*************************************************************************************************************************!*\
    !*** ./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.module.ts ***!
    \*************************************************************************************************************************/

  /*! exports provided: CreateVisualizationSubModule */

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

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


    __webpack_require__.d(__webpack_exports__, "CreateVisualizationSubModule", function () {
      return CreateVisualizationSubModule;
    });
    /* 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 _create_visualization_sub_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./create-visualization-sub.component */
    "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/create-visualization-sub.component.ts");
    /* harmony import */


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


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


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


    var src_app_shared_search_sidebar_commonfilter_commonfilter_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! src/app/shared/search-sidebar/commonfilter/commonfilter.module */
    "./src/app/shared/search-sidebar/commonfilter/commonfilter.module.ts");
    /* harmony import */


    var src_app_shared_save_dialog_save_dialog_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! src/app/shared/save-dialog/save-dialog.module */
    "./src/app/shared/save-dialog/save-dialog.module.ts");

    var imports = [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["ToolbarModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["BreadcrumbModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["MessageModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["OrderListModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["ButtonModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["CardModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["InputTextModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["TooltipModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["AutoCompleteModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_5__["FormsModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["TableModule"], src_app_shared_search_sidebar_commonfilter_commonfilter_module__WEBPACK_IMPORTED_MODULE_7__["CommonfilterModule"], src_app_shared_save_dialog_save_dialog_module__WEBPACK_IMPORTED_MODULE_8__["SaveDialogModule"], primeng__WEBPACK_IMPORTED_MODULE_4__["MenuModule"]];
    var components = [_create_visualization_sub_component__WEBPACK_IMPORTED_MODULE_3__["CreateVisualizationSubComponent"]];
    var routes = [{
      path: '',
      component: _create_visualization_sub_component__WEBPACK_IMPORTED_MODULE_3__["CreateVisualizationSubComponent"]
    }];

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

    CreateVisualizationSubModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      declarations: [components],
      imports: [imports, _angular_router__WEBPACK_IMPORTED_MODULE_6__["RouterModule"].forChild(routes)],
      exports: [_angular_router__WEBPACK_IMPORTED_MODULE_6__["RouterModule"]]
    })], CreateVisualizationSubModule);
    /***/
  },

  /***/
  "./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/service/create-visualization-sub.dummy.ts":
  /*!********************************************************************************************************************************!*\
    !*** ./src/app/pages/my-library/reports/logs-visualization/create-visualization-sub/service/create-visualization-sub.dummy.ts ***!
    \********************************************************************************************************************************/

  /*! exports provided: CREATE_VISUALIZATION_SUB_DATA */

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

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


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

    var CREATE_VISUALIZATION_SUB_DATA = {
      storeTier: [{
        label: 'LRM Maintenance',
        value: ''
      }, {
        label: 'Cavisson Maintenance 2',
        value: ''
      }, {
        label: 'LRM Maintenance',
        value: ''
      }, {
        label: 'Cavisson Maintenance 2',
        value: ''
      }, {
        label: 'LRM Maintenance',
        value: ''
      }, {
        label: 'Cavisson Maintenance 2',
        value: ''
      }, {
        label: 'LRM Maintenance',
        value: ''
      }, {
        label: 'Cavisson Maintenance 2',
        value: ''
      }],
      autocompleteData: [{
        "name": "All"
      }, {
        "name": "Basic"
      }],
      layoutTable: {
        headers: [{
          cols: [{
            label: 'Name',
            valueField: 'name',
            classes: 'text-left',
            iconField: true,
            filter: {
              isFilter: true,
              type: 'contains'
            }
          }]
        }],
        data: [{
          name: "Area Chart",
          icon: 'icons8-area-chart'
        }, {
          name: "Data Table",
          icon: 'icons8 icons8-table'
        }, {
          name: "Gauge",
          icon: 'icons8-dashboard'
        }, {
          name: "Line Chart",
          icon: 'icons8 icons8-line-chart'
        }, // {
        //   name:"Markdown Widget",
        //   icon: 'icons8 icons8-line-chart',
        // },
        // {
        //   name:"Metric",
        //   icon: 'icons8 icons8-line-chart',
        // },
        {
          name: "Pie Chart",
          icon: 'las-chart-pie-solid'
        }, // {
        //   name:"Time series",
        //   icon: 'icons8 icons8-futures',
        // },
        {
          name: "Vertical Bar Chart",
          icon: 'icons8-bar-chart'
        }]
      },
      visualizationTable: {
        headers: [{
          cols: [{
            label: 'Name',
            valueField: 'name',
            classes: 'text-left',
            iconField: true,
            filter: {
              isFilter: true,
              type: 'contains'
            }
          }]
        }],
        data: [{
          name: "Logs",
          icon: 'icons8 icons8-futures'
        }, {
          name: "New Report",
          icon: 'icons8 icons8-line-chart'
        }, {
          name: "LRM Report",
          icon: 'icons8 icons8-futures'
        }, {
          name: "Cavisson Report",
          icon: 'icons8 icons8-futures'
        }, {
          name: "AAA",
          icon: 'icons8 icons8-line-chart'
        }, {
          name: "PQR",
          icon: 'icons8 icons8-line-chart'
        }, {
          name: "XYA",
          icon: 'icons8 icons8-line-chart'
        }, {
          name: "Cavisson3(Admin)",
          icon: 'icons8 icons8-futures'
        }]
      }
    };
    /***/
  }
}]);