@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.
@@ -1335,7 +1335,9 @@ var RAWidgetContainer = /** @class */ (function () {
1335
1335
  this.lockClass = "unlocked";
1336
1336
  this.lockStatus = RaWidgetlockStatus.Unlocked;
1337
1337
  this.isDownloadIconVisible = false;
1338
- this.dropDownShown = false;
1338
+ this.isChartDownloadVisible = false;
1339
+ this.isGridDownloadVisible = false;
1340
+ this.dropDownShown = true;
1339
1341
  this.isDownloadChartVisible = false;
1340
1342
  this.enableTitleLine = false;
1341
1343
  this.toolTipValue = ' ';
@@ -1349,7 +1351,7 @@ var RAWidgetContainer = /** @class */ (function () {
1349
1351
  */
1350
1352
  function (e) {
1351
1353
  if (e.target !== _this.widgetDropdown.nativeElement) {
1352
- _this.dropDownShown = false;
1354
+ // this.dropDownShown = false;
1353
1355
  }
1354
1356
  }));
1355
1357
  this.renderer.listen('window', 'click', (/**
@@ -1512,6 +1514,25 @@ var RAWidgetContainer = /** @class */ (function () {
1512
1514
  this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
1513
1515
  //this.dashboardService.copyWidget(widgetInfo);
1514
1516
  };
1517
+ /**
1518
+ * @return {?}
1519
+ */
1520
+ RAWidgetContainer.prototype.visitPage = /**
1521
+ * @return {?}
1522
+ */
1523
+ function () {
1524
+ this.baseUrl = this.getHostUrl();
1525
+ location.href = this.baseUrl + this.detailPageUrl;
1526
+ };
1527
+ /**
1528
+ * @return {?}
1529
+ */
1530
+ RAWidgetContainer.prototype.getHostUrl = /**
1531
+ * @return {?}
1532
+ */
1533
+ function () {
1534
+ return window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
1535
+ };
1515
1536
  /**
1516
1537
  * @param {?} widgetInfo
1517
1538
  * @return {?}
@@ -1589,6 +1610,16 @@ var RAWidgetContainer = /** @class */ (function () {
1589
1610
  function (e) {
1590
1611
  widgetContainer.editWidget();
1591
1612
  }));
1613
+ widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
1614
+ * @param {?} e
1615
+ * @return {?}
1616
+ */
1617
+ function (e) {
1618
+ console.log('in enable state listener');
1619
+ console.log(e);
1620
+ console.log(e.detail);
1621
+ widgetContainer.setNotConfiguredState(widgetInfo, e.detail);
1622
+ }));
1592
1623
  titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
1593
1624
  if (typeof (titleLineEnabled) != 'undefined') {
1594
1625
  this.enableTitleLine = titleLineEnabled;
@@ -1623,18 +1654,20 @@ var RAWidgetContainer = /** @class */ (function () {
1623
1654
  /**
1624
1655
  * To set Default State for the widget when it is not configured
1625
1656
  * @param {?} widgetInfo
1657
+ * @param {?=} forceEnable
1626
1658
  * @return {?}
1627
1659
  */
1628
1660
  RAWidgetContainer.prototype.setNotConfiguredState = /**
1629
1661
  * To set Default State for the widget when it is not configured
1630
1662
  * @param {?} widgetInfo
1663
+ * @param {?=} forceEnable
1631
1664
  * @return {?}
1632
1665
  */
1633
- function (widgetInfo) {
1634
- console.log('in set not configured state');
1635
- console.log(widgetInfo);
1636
- /**Temp commit, will be reading data from db to check whether it needs default state */
1637
- if (widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) {
1666
+ function (widgetInfo, forceEnable) {
1667
+ if (forceEnable === void 0) { forceEnable = false; }
1668
+ console.log('force enable is');
1669
+ console.log(forceEnable);
1670
+ if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
1638
1671
  this.isNotConfigured = true;
1639
1672
  }
1640
1673
  else {
@@ -1714,46 +1747,22 @@ var RAWidgetContainer = /** @class */ (function () {
1714
1747
  */
1715
1748
  function (config) {
1716
1749
  return __awaiter(this, void 0, void 0, function () {
1717
- var _a;
1718
- return __generator(this, function (_b) {
1719
- switch (_b.label) {
1720
- case 0:
1721
- _a = this;
1722
- return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
1723
- case 1:
1724
- _a.lockStatus = _b.sent();
1725
- if (this.lockStatus == RaWidgetlockStatus.Locked) {
1726
- this.lockTitle = 'Locked';
1727
- }
1728
- else {
1729
- this.lockTitle = 'Partially Locked';
1730
- }
1731
- if (this.lockStatus) {
1732
- switch (this.lockStatus) {
1733
- case RaWidgetlockStatus.Locked: {
1734
- this.lockClass = "fal fa-lock locked";
1735
- this.lockVisible = false;
1736
- break;
1737
- }
1738
- case RaWidgetlockStatus.Unlocked: {
1739
- this.lockClass = "unlocked";
1740
- this.lockVisible = true;
1741
- break;
1742
- }
1743
- case RaWidgetlockStatus.PartiallyLocked: {
1744
- this.lockClass = "fal fa-lock locked";
1745
- this.lockVisible = false;
1746
- break;
1747
- }
1748
- default: {
1749
- this.lockClass = "unlocked";
1750
- this.lockVisible = true;
1751
- break;
1752
- }
1753
- }
1754
- }
1755
- return [2 /*return*/];
1750
+ var configObj;
1751
+ return __generator(this, function (_a) {
1752
+ if (config) {
1753
+ configObj = JSON.parse(config);
1754
+ if (configObj && configObj.Locks != undefined) {
1755
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked || configObj.Locks.IsParticipantLocked || configObj.Locks.IsSourceLocked)
1756
+ this.lockDetails = [];
1757
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked)
1758
+ this.lockDetails.push("Date Range");
1759
+ if (configObj.Locks.IsParticipantLocked)
1760
+ this.lockDetails.push("Division/Group/Site");
1761
+ if (configObj.Locks.IsSourceLocked)
1762
+ this.lockDetails.push("Data Stream");
1763
+ }
1756
1764
  }
1765
+ return [2 /*return*/];
1757
1766
  });
1758
1767
  });
1759
1768
  };
@@ -1772,37 +1781,65 @@ var RAWidgetContainer = /** @class */ (function () {
1772
1781
  case 1:
1773
1782
  downloadType = _a.sent();
1774
1783
  this.downloadIconType = downloadType;
1784
+ this.isDownloadIconVisible = false;
1785
+ this.isChartDownloadVisible = false;
1786
+ this.isGridDownloadVisible = false;
1775
1787
  if (downloadType != RADownloadType.None) {
1776
1788
  this.isDownloadIconVisible = true;
1777
1789
  }
1790
+ if (downloadType == RADownloadType.Chart) {
1791
+ this.isChartDownloadVisible = true;
1792
+ }
1793
+ if (downloadType == RADownloadType.Grid) {
1794
+ this.isGridDownloadVisible = true;
1795
+ }
1778
1796
  return [2 /*return*/];
1779
1797
  }
1780
1798
  });
1781
1799
  });
1782
1800
  };
1783
- /**
1784
- * @return {?}
1785
- */
1786
- RAWidgetContainer.prototype.downloadClicked = /**
1787
- * @return {?}
1788
- */
1789
- function () {
1790
- switch (this.downloadIconType) {
1791
- case RADownloadType.Grid:
1792
- this.downloadIconClicked('CSV');
1793
- break;
1794
- case RADownloadType.Chart:
1795
- this.isDownloadChartVisible = true;
1796
- break;
1797
- case RADownloadType.Custom:
1798
- break;
1799
- }
1800
- };
1801
+ // public downloadClicked() {
1802
+ // switch (this.downloadIconType) {
1803
+ // case RADownloadType.Grid:
1804
+ // this.downloadIconClicked('CSV');
1805
+ // break;
1806
+ // case RADownloadType.Chart:
1807
+ // this.isDownloadChartVisible = true;
1808
+ // break;
1809
+ // case RADownloadType.Custom:
1810
+ // break;
1811
+ // }
1812
+ // }
1813
+ // public downloadClicked() {
1814
+ // switch (this.downloadIconType) {
1815
+ // case RADownloadType.Grid:
1816
+ // this.downloadIconClicked('CSV');
1817
+ // break;
1818
+ // case RADownloadType.Chart:
1819
+ // this.isDownloadChartVisible = true;
1820
+ // break;
1821
+ // case RADownloadType.Custom:
1822
+ // break;
1823
+ // }
1824
+ // }
1801
1825
  /**
1802
1826
  * @param {?} type
1803
1827
  * @return {?}
1804
1828
  */
1805
- RAWidgetContainer.prototype.downloadIconClicked = /**
1829
+ RAWidgetContainer.prototype.downloadIconClicked =
1830
+ // public downloadClicked() {
1831
+ // switch (this.downloadIconType) {
1832
+ // case RADownloadType.Grid:
1833
+ // this.downloadIconClicked('CSV');
1834
+ // break;
1835
+ // case RADownloadType.Chart:
1836
+ // this.isDownloadChartVisible = true;
1837
+ // break;
1838
+ // case RADownloadType.Custom:
1839
+ // break;
1840
+ // }
1841
+ // }
1842
+ /**
1806
1843
  * @param {?} type
1807
1844
  * @return {?}
1808
1845
  */
@@ -1835,7 +1872,8 @@ var RAWidgetContainer = /** @class */ (function () {
1835
1872
  * @return {?}
1836
1873
  */
1837
1874
  function () {
1838
- this.dropDownShown = !this.dropDownShown;
1875
+ this.setDownloadIcon();
1876
+ this.dropDownShown = true; // !this.dropDownShown;
1839
1877
  };
1840
1878
  /**Hide dropdown on outside click */
1841
1879
  /**
@@ -1855,8 +1893,8 @@ var RAWidgetContainer = /** @class */ (function () {
1855
1893
  RAWidgetContainer.decorators = [
1856
1894
  { type: Component, args: [{
1857
1895
  selector: 'ra-widget-container',
1858
- 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",
1859
- 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}"]
1896
+ 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",
1897
+ 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}"]
1860
1898
  }] }
1861
1899
  ];
1862
1900
  /** @nocollapse */
@@ -1918,6 +1956,10 @@ if (false) {
1918
1956
  /** @type {?} */
1919
1957
  RAWidgetContainer.prototype.isDownloadIconVisible;
1920
1958
  /** @type {?} */
1959
+ RAWidgetContainer.prototype.isChartDownloadVisible;
1960
+ /** @type {?} */
1961
+ RAWidgetContainer.prototype.isGridDownloadVisible;
1962
+ /** @type {?} */
1921
1963
  RAWidgetContainer.prototype.dropDownShown;
1922
1964
  /** @type {?} */
1923
1965
  RAWidgetContainer.prototype.isDownloadChartVisible;
@@ -1930,6 +1972,8 @@ if (false) {
1930
1972
  /** @type {?} */
1931
1973
  RAWidgetContainer.prototype.toolTipWidth;
1932
1974
  /** @type {?} */
1975
+ RAWidgetContainer.prototype.lockDetails;
1976
+ /** @type {?} */
1933
1977
  RAWidgetContainer.prototype.ctlWidget;
1934
1978
  /** @type {?} */
1935
1979
  RAWidgetContainer.prototype.widgetDropdown;
@@ -1964,7 +2008,11 @@ if (false) {
1964
2008
  /** @type {?} */
1965
2009
  RAWidgetContainer.prototype.lockVisible;
1966
2010
  /** @type {?} */
2011
+ RAWidgetContainer.prototype.lockedFields;
2012
+ /** @type {?} */
1967
2013
  RAWidgetContainer.prototype.detailPageUrl;
2014
+ /** @type {?} */
2015
+ RAWidgetContainer.prototype.baseUrl;
1968
2016
  /**
1969
2017
  * @type {?}
1970
2018
  * @private