@schneideress/dashboardframework 0.0.111 → 0.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1122,7 +1122,9 @@ class RAWidgetContainer {
1122
1122
  this.lockClass = "unlocked";
1123
1123
  this.lockStatus = RaWidgetlockStatus.Unlocked;
1124
1124
  this.isDownloadIconVisible = false;
1125
- this.dropDownShown = false;
1125
+ this.isChartDownloadVisible = false;
1126
+ this.isGridDownloadVisible = false;
1127
+ this.dropDownShown = true;
1126
1128
  this.isDownloadChartVisible = false;
1127
1129
  this.enableTitleLine = false;
1128
1130
  this.toolTipValue = ' ';
@@ -1136,7 +1138,7 @@ class RAWidgetContainer {
1136
1138
  */
1137
1139
  (e) => {
1138
1140
  if (e.target !== this.widgetDropdown.nativeElement) {
1139
- this.dropDownShown = false;
1141
+ // this.dropDownShown = false;
1140
1142
  }
1141
1143
  }));
1142
1144
  this.renderer.listen('window', 'click', (/**
@@ -1259,6 +1261,19 @@ class RAWidgetContainer {
1259
1261
  this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
1260
1262
  //this.dashboardService.copyWidget(widgetInfo);
1261
1263
  }
1264
+ /**
1265
+ * @return {?}
1266
+ */
1267
+ visitPage() {
1268
+ this.baseUrl = this.getHostUrl();
1269
+ location.href = this.baseUrl + this.detailPageUrl;
1270
+ }
1271
+ /**
1272
+ * @return {?}
1273
+ */
1274
+ getHostUrl() {
1275
+ return window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
1276
+ }
1262
1277
  /**
1263
1278
  * @param {?} widgetInfo
1264
1279
  * @return {?}
@@ -1319,6 +1334,16 @@ class RAWidgetContainer {
1319
1334
  (e) => {
1320
1335
  widgetContainer.editWidget();
1321
1336
  }));
1337
+ widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
1338
+ * @param {?} e
1339
+ * @return {?}
1340
+ */
1341
+ (e) => {
1342
+ console.log('in enable state listener');
1343
+ console.log(e);
1344
+ console.log(e.detail);
1345
+ widgetContainer.setNotConfiguredState(widgetInfo, e.detail);
1346
+ }));
1322
1347
  /** @type {?} */
1323
1348
  let titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
1324
1349
  if (typeof (titleLineEnabled) != 'undefined') {
@@ -1342,13 +1367,13 @@ class RAWidgetContainer {
1342
1367
  /**
1343
1368
  * To set Default State for the widget when it is not configured
1344
1369
  * @param {?} widgetInfo
1370
+ * @param {?=} forceEnable
1345
1371
  * @return {?}
1346
1372
  */
1347
- setNotConfiguredState(widgetInfo) {
1348
- console.log('in set not configured state');
1349
- console.log(widgetInfo);
1350
- /**Temp commit, will be reading data from db to check whether it needs default state */
1351
- if (widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) {
1373
+ setNotConfiguredState(widgetInfo, forceEnable = false) {
1374
+ console.log('force enable is');
1375
+ console.log(forceEnable);
1376
+ if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
1352
1377
  this.isNotConfigured = true;
1353
1378
  }
1354
1379
  else {
@@ -1404,35 +1429,19 @@ class RAWidgetContainer {
1404
1429
  */
1405
1430
  setLock(config) {
1406
1431
  return __awaiter(this, void 0, void 0, function* () {
1407
- this.lockStatus = yield this.widgetElement.loadLockStatus(config);
1408
- if (this.lockStatus == RaWidgetlockStatus.Locked) {
1409
- this.lockTitle = 'Locked';
1410
- }
1411
- else {
1412
- this.lockTitle = 'Partially Locked';
1413
- }
1414
- if (this.lockStatus) {
1415
- switch (this.lockStatus) {
1416
- case RaWidgetlockStatus.Locked: {
1417
- this.lockClass = "fal fa-lock locked";
1418
- this.lockVisible = false;
1419
- break;
1420
- }
1421
- case RaWidgetlockStatus.Unlocked: {
1422
- this.lockClass = "unlocked";
1423
- this.lockVisible = true;
1424
- break;
1425
- }
1426
- case RaWidgetlockStatus.PartiallyLocked: {
1427
- this.lockClass = "fal fa-lock locked";
1428
- this.lockVisible = false;
1429
- break;
1430
- }
1431
- default: {
1432
- this.lockClass = "unlocked";
1433
- this.lockVisible = true;
1434
- break;
1435
- }
1432
+ /** @type {?} */
1433
+ var configObj;
1434
+ if (config) {
1435
+ configObj = JSON.parse(config);
1436
+ if (configObj && configObj.Locks != undefined) {
1437
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked || configObj.Locks.IsParticipantLocked || configObj.Locks.IsSourceLocked)
1438
+ this.lockDetails = [];
1439
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked)
1440
+ this.lockDetails.push("Date Range");
1441
+ if (configObj.Locks.IsParticipantLocked)
1442
+ this.lockDetails.push("Division/Group/Site");
1443
+ if (configObj.Locks.IsSourceLocked)
1444
+ this.lockDetails.push("Data Stream");
1436
1445
  }
1437
1446
  }
1438
1447
  });
@@ -1445,26 +1454,32 @@ class RAWidgetContainer {
1445
1454
  /** @type {?} */
1446
1455
  let downloadType = yield this.widgetElement.getDownloadType();
1447
1456
  this.downloadIconType = downloadType;
1457
+ this.isDownloadIconVisible = false;
1458
+ this.isChartDownloadVisible = false;
1459
+ this.isGridDownloadVisible = false;
1448
1460
  if (downloadType != RADownloadType.None) {
1449
1461
  this.isDownloadIconVisible = true;
1450
1462
  }
1463
+ if (downloadType == RADownloadType.Chart) {
1464
+ this.isChartDownloadVisible = true;
1465
+ }
1466
+ if (downloadType == RADownloadType.Grid) {
1467
+ this.isGridDownloadVisible = true;
1468
+ }
1451
1469
  });
1452
1470
  }
1453
- /**
1454
- * @return {?}
1455
- */
1456
- downloadClicked() {
1457
- switch (this.downloadIconType) {
1458
- case RADownloadType.Grid:
1459
- this.downloadIconClicked('CSV');
1460
- break;
1461
- case RADownloadType.Chart:
1462
- this.isDownloadChartVisible = true;
1463
- break;
1464
- case RADownloadType.Custom:
1465
- break;
1466
- }
1467
- }
1471
+ // public downloadClicked() {
1472
+ // switch (this.downloadIconType) {
1473
+ // case RADownloadType.Grid:
1474
+ // this.downloadIconClicked('CSV');
1475
+ // break;
1476
+ // case RADownloadType.Chart:
1477
+ // this.isDownloadChartVisible = true;
1478
+ // break;
1479
+ // case RADownloadType.Custom:
1480
+ // break;
1481
+ // }
1482
+ // }
1468
1483
  /**
1469
1484
  * @param {?} type
1470
1485
  * @return {?}
@@ -1493,7 +1508,8 @@ class RAWidgetContainer {
1493
1508
  * @return {?}
1494
1509
  */
1495
1510
  showDropDown() {
1496
- this.dropDownShown = !this.dropDownShown;
1511
+ this.setDownloadIcon();
1512
+ this.dropDownShown = true; // !this.dropDownShown;
1497
1513
  }
1498
1514
  /**
1499
1515
  * Hide dropdown on outside click
@@ -1509,8 +1525,8 @@ class RAWidgetContainer {
1509
1525
  RAWidgetContainer.decorators = [
1510
1526
  { type: Component, args: [{
1511
1527
  selector: 'ra-widget-container',
1512
- template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isNotConfigured}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\" >\r\n <!-- <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fal fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n (click)=\"downloadClicked()\"></i>\r\n <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'SVG'|translate}}</span>\r\n </a>\r\n </div>\r\n </div> -->\r\n <ra-tooltip [value]=\"lockTitle\" [width]=\"'300px'\">\r\n <div class=\"title-bar-lock-icon\" style=\"margin-right: 12px;\" [ngClass]=\"{'lockInvisible': lockVisible}\">\r\n <i [ngClass]=\"lockClass\"></i>\r\n\r\n </div>\r\n </ra-tooltip>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fal fa-ellipsis-v\" (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n \r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">{{'Common.settings'|translate}}</div>\r\n \r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Common.edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Common.copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Common.move'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\">\r\n <i style=\"padding-left: 4px;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 16px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\" *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <a style=\"padding-top: 10px;\" *ngIf=\"isDownloadIconVisible\" (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"isDownloadIconVisible\" (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"isDownloadIconVisible\" (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"isDownloadIconVisible\" (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|translate}}</span>\r\n </a>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{'Common.delete'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\">\r\n <div [hidden]=\"isNotConfigured\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isNotConfigured\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n <div [hidden]=\"!isNotConfigured\" class=\"defaultConfig\">\r\n <div class=\"button\" (click)=\"editWidget()\">\r\n <span class=\"editIcon\"><i class=\"fal fa-edit\"></i></span><span class=\"text\">Configure Widget</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
1513
- styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{background:no-repeat padding-box #ededed;height:calc(100% - 15px);margin:15px 0 0}.defaultConfig .button{width:29%;float:left;position:absolute;top:50%;left:35%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;cursor:pointer;text-align:left;margin:0 auto;max-width:200px}.defaultConfig .button span{display:table-cell;vertical-align:middle}.defaultConfig .button .editIcon{width:35px;text-align:center;font-size:16px}.defaultConfig .button .text{width:calc(100% - 35px);font-size:13px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
1528
+ template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isNotConfigured}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <!-- <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fal fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n (click)=\"downloadClicked()\"></i>\r\n <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'SVG'|translate}}</span>\r\n </a>\r\n </div>\r\n </div> -->\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <label style=\"color: #D9F0FA;\">\r\n Locked fields:\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>Locked fields do not respond to dashboard filters. These can be edited in widget\r\n settings.</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fal fa-ellipsis-v\"\r\n (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <span><i class=\"fal fa-edit\"></i></span>\r\n <span style=\"padding-left: 6px;\">{{'Common.edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <span><i class=\"fal fa-copy\"></i></span>\r\n <span style=\"padding-left: 10px;\">{{'Common.copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <span><i class=\"fal fa-arrows-alt\"></i></span>\r\n <span style=\"padding-left: 9px;\">{{'Common.move'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\">\r\n <span><i style=\"padding-left: 4px;\" class=\"fal fa-angle-right\"></i></span>\r\n <span style=\"padding-left: 16px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|translate}}</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n <a (click)=\"downloadIconClicked('CSV')\">\r\n <i class=\"fal fa-download\"></i>\r\n <span>{{'Common.excel'|translate}}</span>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{'Common.delete'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\">\r\n <div [hidden]=\"isNotConfigured\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isNotConfigured\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n <div [hidden]=\"!isNotConfigured\" class=\"defaultConfig\">\r\n <div class=\"button\" (click)=\"editWidget()\">\r\n <span class=\"configuretext\">\r\n <i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i><span>Configure Widget</span>\r\n </span>\r\n <!-- <span class=\"editIcon\"><i class=\"fal fa-edit\"></i></span><span class=\"text\">Configure Widget</span> -->\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
1529
+ styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{background:no-repeat padding-box #ededed;height:calc(100% - 15px);margin:15px 0 0}.defaultConfig .button{width:29%;position:relative;top:50%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;cursor:pointer;text-align:left;margin:0 auto}.defaultConfig .button span{vertical-align:middle;padding:2px}.defaultConfig .button .editIcon{width:35px;text-align:center;font-size:16px}.defaultConfig .button .text{width:calc(100% - 35px);font-size:13px}.defaultConfig .button .configuretext{width:calc(100% - 10px);font-size:13px;text-align:center;display:block;padding-top:7px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 15px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
1514
1530
  }] }
1515
1531
  ];
1516
1532
  /** @nocollapse */
@@ -1570,6 +1586,10 @@ if (false) {
1570
1586
  /** @type {?} */
1571
1587
  RAWidgetContainer.prototype.isDownloadIconVisible;
1572
1588
  /** @type {?} */
1589
+ RAWidgetContainer.prototype.isChartDownloadVisible;
1590
+ /** @type {?} */
1591
+ RAWidgetContainer.prototype.isGridDownloadVisible;
1592
+ /** @type {?} */
1573
1593
  RAWidgetContainer.prototype.dropDownShown;
1574
1594
  /** @type {?} */
1575
1595
  RAWidgetContainer.prototype.isDownloadChartVisible;
@@ -1582,6 +1602,8 @@ if (false) {
1582
1602
  /** @type {?} */
1583
1603
  RAWidgetContainer.prototype.toolTipWidth;
1584
1604
  /** @type {?} */
1605
+ RAWidgetContainer.prototype.lockDetails;
1606
+ /** @type {?} */
1585
1607
  RAWidgetContainer.prototype.ctlWidget;
1586
1608
  /** @type {?} */
1587
1609
  RAWidgetContainer.prototype.widgetDropdown;
@@ -1616,7 +1638,11 @@ if (false) {
1616
1638
  /** @type {?} */
1617
1639
  RAWidgetContainer.prototype.lockVisible;
1618
1640
  /** @type {?} */
1641
+ RAWidgetContainer.prototype.lockedFields;
1642
+ /** @type {?} */
1619
1643
  RAWidgetContainer.prototype.detailPageUrl;
1644
+ /** @type {?} */
1645
+ RAWidgetContainer.prototype.baseUrl;
1620
1646
  /**
1621
1647
  * @type {?}
1622
1648
  * @private