@schneideress/dashboardframework 0.0.115 → 0.0.116

package/fesm2015/schneideress-dashboardframework.js

@@ -14,7 +14,6 @@ import { RAUserControlModule } from '@schneideress/user-controls';
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.dashboard.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RaDashboardService extends BaseService {
@@ -155,7 +154,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.dashbard.event.bus.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardEventBus {
@@ -237,7 +235,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.event.enum.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
@@ -287,34 +284,33 @@ const RAEventKey = {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterConfig.interface.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 const GridType = {
-    Fit: "fit",
-    ScrollVertical: "scrollVertical",
-    ScrollHorizontal: "scrollHorizontal",
-    Fixed: "fixed",
-    VerticalFixed: "verticalFixed",
-    HorizontalFixed: "horizontalFixed",
+    Fit: 'fit',
+    ScrollVertical: 'scrollVertical',
+    ScrollHorizontal: 'scrollHorizontal',
+    Fixed: 'fixed',
+    VerticalFixed: 'verticalFixed',
+    HorizontalFixed: 'horizontalFixed',
 };
 /** @enum {string} */
 const DisplayGrid = {
-    Always: "always",
-    OnDragAndResize: "onDrag&Resize",
-    None: "none",
+    Always: 'always',
+    OnDragAndResize: 'onDrag&Resize',
+    None: 'none',
 };
 /** @enum {string} */
 const CompactType = {
-    None: "none",
-    CompactUp: "compactUp",
-    CompactLeft: "compactLeft",
-    CompactUpAndLeft: "compactUp&Left",
-    CompactLeftAndUp: "compactLeft&Up",
-    CompactRight: "compactRight",
-    CompactUpAndRight: "compactUp&Right",
-    CompactRightAndUp: "compactRight&Up",
+    None: 'none',
+    CompactUp: 'compactUp',
+    CompactLeft: 'compactLeft',
+    CompactUpAndLeft: 'compactUp&Left',
+    CompactLeftAndUp: 'compactLeft&Up',
+    CompactRight: 'compactRight',
+    CompactUpAndRight: 'compactUp&Right',
+    CompactRightAndUp: 'compactRight&Up',
 };
 /**
  * @record
@@ -504,7 +500,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.gridster.config.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -571,7 +566,6 @@ const GridsterConfigDefaultSettings = {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardArea {
@@ -1097,7 +1091,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra-widget-container/ra.widget.container.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RAWidgetContainer {
@@ -1289,7 +1282,7 @@ class RAWidgetContainer {
      * @return {?}
      */
     loadWidget(widgetInfo) {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
             /** @type {?} */
             let widgetConfigFilter = (/** @type {?} */ ({
                 config: widgetInfo.widgetConfigInfo.config,
@@ -1312,11 +1305,11 @@ class RAWidgetContainer {
                     document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
                      * @return {?}
                      */
-                    () => __awaiter(this, void 0, void 0, function* () {
+                    () => __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
                         setTimeout((/**
                          * @return {?}
                          */
-                        () => __awaiter(this, void 0, void 0, function* () {
+                        () => __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
                             widgetContainer.widgetElement.addEventListener('on-data-load', (/**
                              * @param {?} e
                              * @return {?}
@@ -1387,7 +1380,7 @@ class RAWidgetContainer {
      * @return {?}
      */
     refreshWidget(widgetInfo) {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
             this.setNotConfiguredState(widgetInfo);
             /** @type {?} */
             let widgetContainerContext = this;
@@ -1428,20 +1421,27 @@ class RAWidgetContainer {
      * @return {?}
      */
     setLock(config) {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
             /** @type {?} */
             var configObj;
             if (config) {
                 configObj = JSON.parse(config);
                 if (configObj && configObj.Locks != undefined) {
-                    if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked || configObj.Locks.IsParticipantLocked || configObj.Locks.IsSourceLocked)
+                    if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked || configObj.Locks.IsParticipantLocked || configObj.Locks.IsSourceLocked) {
                         this.lockDetails = [];
-                    if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked)
-                        this.lockDetails.push("Date Range");
-                    if (configObj.Locks.IsParticipantLocked)
-                        this.lockDetails.push("Division/Group/Site");
-                    if (configObj.Locks.IsSourceLocked)
-                        this.lockDetails.push("Data Stream");
+                        if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked)
+                            this.lockDetails.push("Date Range");
+                        if (configObj.Locks.IsParticipantLocked)
+                            this.lockDetails.push("Division/Group/Site");
+                        if (configObj.Locks.IsSourceLocked)
+                            this.lockDetails.push("Data Stream");
+                    }
+                    else {
+                        this.lockDetails = undefined;
+                    }
+                }
+                else {
+                    this.lockDetails = undefined;
                 }
             }
         });
@@ -1450,7 +1450,7 @@ class RAWidgetContainer {
      * @return {?}
      */
     setDownloadIcon() {
-        return __awaiter(this, void 0, void 0, function* () {
+        return __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
             /** @type {?} */
             let downloadType = yield this.widgetElement.getDownloadType();
             this.downloadIconType = downloadType;
@@ -1525,8 +1525,8 @@ class RAWidgetContainer {
 RAWidgetContainer.decorators = [
     { type: Component, args: [{
                 selector: 'ra-widget-container',
-                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\"\r\n                [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=\"contentarea\">\r\n        <div class=\"textarea light\">\r\n          <span class=\"icon\"><i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i></span>\r\n          <span class=\"text\">This widget needs to be configured before content can be lorem ipsum dolor sit amet, consectetur adipiscing, et cetera.</span>\r\n        </div>\r\n        <div class=\"button\" (click)=\"editWidget()\">\r\n          <span class=\"configuretext\">\r\n            <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</div>\r\n",
-                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{height:100%;margin:15px 0 0}.defaultConfig .contentarea{width:80%;margin:16% auto 0}.defaultConfig .textarea{width:100%;float:left;height:100%}.defaultConfig .textarea .icon{width:52px;color:#32ad3c;height:100%;float:left}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.defaultConfig .button{min-height:34px;font-size:13px;padding-top:7px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.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}"]
+                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                  {{'Common.lockedfields'|translate}}\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>{{'Common.lockedfieldseditinfo'|translate}}</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\"\r\n                [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                  <i class=\"fal fa-edit\"></i>\r\n                  <span style=\"padding-left: 6px;\">{{'Common.edit'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <i class=\"fal fa-copy\"></i>\r\n                  <span style=\"padding-left: 10px;\">{{'Common.copy'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <i class=\"fal fa-arrows-alt\"></i>\r\n                  <span style=\"padding-left: 9px;\">{{'Common.move'|translate}}</span>\r\n                </a>\r\n                <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\">\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;\"\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=\"contentarea\">\r\n        <div class=\"textarea light\">\r\n          <span class=\"icon\"><i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i></span>\r\n          <span class=\"text\">{{'Common.configureinfo'|translate}}</span>\r\n        </div>\r\n        <div class=\"button\" (click)=\"editWidget()\">\r\n          <span class=\"configuretext\">\r\n            <span>{{'Common.configurewidget'|translate}}</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</div>\r\n",
+                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{height:100%;margin:15px 0 0}.defaultConfig .contentarea{width:80%;margin:16% auto 0}.defaultConfig .textarea{width:100%;float:left;height:100%}.defaultConfig .textarea .icon{width:52px;color:#32ad3c;height:100%;float:left}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.defaultConfig .button{min-height:34px;font-size:13px;padding-top:7px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.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;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);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}"]
             }] }
 ];
 /** @nocollapse */
@@ -1677,7 +1677,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/custom.notifier.options.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -1724,7 +1723,6 @@ const customNotifierOptions = {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterConfig.constant.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -1903,7 +1901,6 @@ const GridsterConfigService = {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterUtils.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterUtils {
@@ -2040,7 +2037,6 @@ GridsterUtils.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridster.interface.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -2125,7 +2121,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterEmptyCell.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterEmptyCell {
@@ -2440,7 +2435,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterCompact.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterCompact {
@@ -2661,7 +2655,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterRenderer.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterRenderer {
@@ -2936,7 +2929,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridster.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterComponent {
@@ -3631,7 +3623,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterItemComponent.interface.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -3680,7 +3671,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterSwap.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterSwap {
@@ -3813,7 +3803,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterScroll.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -4009,7 +3998,6 @@ function cancelN() {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterPush.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPush {
@@ -4475,7 +4463,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterDraggable.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterDraggable {
@@ -4979,7 +4966,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterPushResize.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPushResize {
@@ -5335,7 +5321,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterResizable.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterResizable {
@@ -5881,7 +5866,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterItem.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterItemComponent {
@@ -6090,7 +6074,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridsterPreview.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPreviewComponent {
@@ -6155,7 +6138,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: gridster/lib/gridster.module.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterModule {
@@ -6178,7 +6160,6 @@ GridsterModule.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.dashboard.module.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -6217,7 +6198,6 @@ DashboardFrameworkModule.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.base.dashboard.template.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -6288,7 +6268,6 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/ra.base.dashboard.filter.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -6377,13 +6356,11 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: public-api.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
  * @fileoverview added by tsickle
- * Generated from: schneideress-dashboardframework.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */