@schneideress/dashboardframework 0.0.112 → 0.0.114

package/bundles/schneideress-dashboardframework.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ra-common'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/widgetframework'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-perfect-scrollbar'), require('@angular/common'), require('@schneideress/user-controls')) :
     typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ra-common', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/widgetframework', '@angular/platform-browser', '@angular/common/http', 'ngx-perfect-scrollbar', '@angular/common', '@schneideress/user-controls'], factory) :
     (global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.widgetframework, global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common, global.userControls));
-}(this, function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, ngxPerfectScrollbar, common, userControls) { 'use strict';
+}(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, ngxPerfectScrollbar, common, userControls) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -203,6 +203,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.dashboard.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RaDashboardService = /** @class */ (function (_super) {
@@ -418,6 +419,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.dashbard.event.bus.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardEventBus = /** @class */ (function () {
@@ -538,6 +540,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.event.enum.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
@@ -587,33 +590,34 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterConfig.interface.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
     var 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} */
     var DisplayGrid = {
-        Always: 'always',
-        OnDragAndResize: 'onDrag&Resize',
-        None: 'none',
+        Always: "always",
+        OnDragAndResize: "onDrag&Resize",
+        None: "none",
     };
     /** @enum {string} */
     var 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
@@ -803,6 +807,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.gridster.config.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -869,6 +874,7 @@
 
     /**
      * @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
      */
     var RADashboardArea = /** @class */ (function () {
@@ -1500,6 +1506,7 @@
 
     /**
      * @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
      */
     var RAWidgetContainer = /** @class */ (function () {
@@ -1517,6 +1524,8 @@
             this.lockClass = "unlocked";
             this.lockStatus = widgetframework.RaWidgetlockStatus.Unlocked;
             this.isDownloadIconVisible = false;
+            this.isChartDownloadVisible = false;
+            this.isGridDownloadVisible = false;
             this.dropDownShown = false;
             this.isDownloadChartVisible = false;
             this.enableTitleLine = false;
@@ -1694,6 +1703,25 @@
             this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
             //this.dashboardService.copyWidget(widgetInfo);
         };
+        /**
+         * @return {?}
+         */
+        RAWidgetContainer.prototype.visitPage = /**
+         * @return {?}
+         */
+        function () {
+            this.baseUrl = this.getHostUrl();
+            location.href = this.baseUrl + this.detailPageUrl;
+        };
+        /**
+         * @return {?}
+         */
+        RAWidgetContainer.prototype.getHostUrl = /**
+         * @return {?}
+         */
+        function () {
+            return window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
+        };
         /**
          * @param {?} widgetInfo
          * @return {?}
@@ -1771,6 +1799,16 @@
                                                     function (e) {
                                                         widgetContainer.editWidget();
                                                     }));
+                                                    widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
+                                                     * @param {?} e
+                                                     * @return {?}
+                                                     */
+                                                    function (e) {
+                                                        console.log('in enable state listener');
+                                                        console.log(e);
+                                                        console.log(e.detail);
+                                                        widgetContainer.setNotConfiguredState(widgetInfo, e.detail);
+                                                    }));
                                                     titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
                                                     if (typeof (titleLineEnabled) != 'undefined') {
                                                         this.enableTitleLine = titleLineEnabled;
@@ -1805,18 +1843,20 @@
         /**
          * To set Default State for the widget when it is not configured
          * @param {?} widgetInfo
+         * @param {?=} forceEnable
          * @return {?}
          */
         RAWidgetContainer.prototype.setNotConfiguredState = /**
          * To set Default State for the widget when it is not configured
          * @param {?} widgetInfo
+         * @param {?=} forceEnable
          * @return {?}
          */
-        function (widgetInfo) {
-            console.log('in set not configured state');
-            console.log(widgetInfo);
-            /**Temp commit, will be reading data from db to check whether it needs default state */
-            if (widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) {
+        function (widgetInfo, forceEnable) {
+            if (forceEnable === void 0) { forceEnable = false; }
+            console.log('force enable is');
+            console.log(forceEnable);
+            if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
                 this.isNotConfigured = true;
             }
             else {
@@ -1930,37 +1970,65 @@
                         case 1:
                             downloadType = _a.sent();
                             this.downloadIconType = downloadType;
+                            this.isDownloadIconVisible = false;
+                            this.isChartDownloadVisible = false;
+                            this.isGridDownloadVisible = false;
                             if (downloadType != widgetframework.RADownloadType.None) {
                                 this.isDownloadIconVisible = true;
                             }
+                            if (downloadType == widgetframework.RADownloadType.Chart) {
+                                this.isChartDownloadVisible = true;
+                            }
+                            if (downloadType == widgetframework.RADownloadType.Grid) {
+                                this.isGridDownloadVisible = true;
+                            }
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        /**
-         * @return {?}
-         */
-        RAWidgetContainer.prototype.downloadClicked = /**
-         * @return {?}
-         */
-        function () {
-            switch (this.downloadIconType) {
-                case widgetframework.RADownloadType.Grid:
-                    this.downloadIconClicked('CSV');
-                    break;
-                case widgetframework.RADownloadType.Chart:
-                    this.isDownloadChartVisible = true;
-                    break;
-                case widgetframework.RADownloadType.Custom:
-                    break;
-            }
-        };
+        // public downloadClicked() {
+        //   switch (this.downloadIconType) {
+        //     case RADownloadType.Grid:
+        //       this.downloadIconClicked('CSV');
+        //       break;
+        //     case RADownloadType.Chart:
+        //       this.isDownloadChartVisible = true;
+        //       break;
+        //     case RADownloadType.Custom:
+        //       break;
+        //   }
+        // }
+        // public downloadClicked() {
+        //   switch (this.downloadIconType) {
+        //     case RADownloadType.Grid:
+        //       this.downloadIconClicked('CSV');
+        //       break;
+        //     case RADownloadType.Chart:
+        //       this.isDownloadChartVisible = true;
+        //       break;
+        //     case RADownloadType.Custom:
+        //       break;
+        //   }
+        // }
         /**
          * @param {?} type
          * @return {?}
          */
-        RAWidgetContainer.prototype.downloadIconClicked = /**
+        RAWidgetContainer.prototype.downloadIconClicked = 
+        // public downloadClicked() {
+        //   switch (this.downloadIconType) {
+        //     case RADownloadType.Grid:
+        //       this.downloadIconClicked('CSV');
+        //       break;
+        //     case RADownloadType.Chart:
+        //       this.isDownloadChartVisible = true;
+        //       break;
+        //     case RADownloadType.Custom:
+        //       break;
+        //   }
+        // }
+        /**
          * @param {?} type
          * @return {?}
          */
@@ -1993,6 +2061,7 @@
          * @return {?}
          */
         function () {
+            this.setDownloadIcon();
             this.dropDownShown = !this.dropDownShown;
         };
         /**Hide dropdown on outside click */
@@ -2013,8 +2082,8 @@
         RAWidgetContainer.decorators = [
             { type: core.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\" (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>",
-                        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;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;-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{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}.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                  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",
+                        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}"]
                     }] }
         ];
         /** @nocollapse */
@@ -2076,6 +2145,10 @@
         /** @type {?} */
         RAWidgetContainer.prototype.isDownloadIconVisible;
         /** @type {?} */
+        RAWidgetContainer.prototype.isChartDownloadVisible;
+        /** @type {?} */
+        RAWidgetContainer.prototype.isGridDownloadVisible;
+        /** @type {?} */
         RAWidgetContainer.prototype.dropDownShown;
         /** @type {?} */
         RAWidgetContainer.prototype.isDownloadChartVisible;
@@ -2127,6 +2200,8 @@
         RAWidgetContainer.prototype.lockedFields;
         /** @type {?} */
         RAWidgetContainer.prototype.detailPageUrl;
+        /** @type {?} */
+        RAWidgetContainer.prototype.baseUrl;
         /**
          * @type {?}
          * @private
@@ -2161,6 +2236,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/custom.notifier.options.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -2207,6 +2283,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterConfig.constant.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -2385,6 +2462,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterUtils.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterUtils = /** @class */ (function () {
@@ -2560,6 +2638,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridster.interface.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -2650,6 +2729,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterEmptyCell.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterEmptyCell = /** @class */ (function () {
@@ -3004,6 +3084,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterCompact.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterCompact = /** @class */ (function () {
@@ -3253,6 +3334,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterRenderer.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterRenderer = /** @class */ (function () {
@@ -3571,6 +3653,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridster.component.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterComponent = /** @class */ (function () {
@@ -4367,6 +4450,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterItemComponent.interface.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -4421,6 +4505,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterSwap.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterSwap = /** @class */ (function () {
@@ -4570,6 +4655,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterScroll.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -4765,6 +4851,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterPush.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPush = /** @class */ (function () {
@@ -5309,6 +5396,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterDraggable.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterDraggable = /** @class */ (function () {
@@ -5850,6 +5938,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterPushResize.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPushResize = /** @class */ (function () {
@@ -6269,6 +6358,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterResizable.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterResizable = /** @class */ (function () {
@@ -6890,6 +6980,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterItem.component.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterItemComponent = /** @class */ (function () {
@@ -7122,6 +7213,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridsterPreview.component.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPreviewComponent = /** @class */ (function () {
@@ -7189,6 +7281,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: gridster/lib/gridster.module.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterModule = /** @class */ (function () {
@@ -7214,6 +7307,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.dashboard.module.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -7255,6 +7349,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.base.dashboard.template.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -7327,6 +7422,7 @@
 
     /**
      * @fileoverview added by tsickle
+     * Generated from: lib/ra.base.dashboard.filter.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -7435,5 +7531,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-}));
+})));
 //# sourceMappingURL=schneideress-dashboardframework.umd.js.map