@schneideress/dashboardframework 0.0.201 → 0.0.203

package/fesm5/schneideress-dashboardframework.js

@@ -15,7 +15,7 @@ import { RACommonControlsModule } from '@schneideress/common-controls';
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RaDashboardService = /** @class */ (function (_super) {
     __extends(RaDashboardService, _super);
@@ -231,7 +231,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashbard.event.bus.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardEventBus = /** @class */ (function () {
     function RADashboardEventBus() {
@@ -352,7 +352,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.event.enum.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 var RAEvent = {
@@ -411,7 +411,7 @@ var RAEventKey = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.gridster.config.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var GridsterConfigDefaultSettings = {
@@ -473,7 +473,7 @@ var GridsterConfigDefaultSettings = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.responsive.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardResponsiveService = /** @class */ (function () {
     function RADashboardResponsiveService() {
@@ -555,37 +555,38 @@ var RADashboardResponsiveService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(RADashboardResponsiveService.prototype, "GridsterConfig", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var config = GridsterConfigDefaultSettings;
-            config.minCols = this.currentResInfo.maxCols;
-            config.maxCols = this.currentResInfo.maxCols;
-            config.minRows = this.currentResInfo.minCols;
-            config.maxItemCols = this.currentResInfo.maxCols;
-            config.minItemCols = this.currentResInfo.minCols;
-            config.minItemRows = this.currentResInfo.minCols;
-            config.minItemArea = this.currentResInfo.minCols * this.currentResInfo.minCols;
-            config.defaultItemCols = this.currentResInfo.minCols;
-            config.defaultItemRows = this.currentResInfo.minCols;
-            if (!this.IsDesktopView) {
-                config.resizable.enabled = false;
-                config.swap = false;
-                config.draggable.enabled = false;
-            }
-            else {
-                config.resizable.enabled = true;
-                config.swap = true;
-                config.draggable.enabled = true;
-            }
-            return config;
-        },
-        enumerable: true,
-        configurable: true
-    });
+    /**
+     * @param {?} isWidgetMgmnt
+     * @return {?}
+     */
+    RADashboardResponsiveService.prototype.getGridsterConfig = /**
+     * @param {?} isWidgetMgmnt
+     * @return {?}
+     */
+    function (isWidgetMgmnt) {
+        /** @type {?} */
+        var config = GridsterConfigDefaultSettings;
+        config.minCols = this.currentResInfo.maxCols;
+        config.maxCols = this.currentResInfo.maxCols;
+        config.minRows = this.currentResInfo.minCols;
+        config.maxItemCols = this.currentResInfo.maxCols;
+        config.minItemCols = this.currentResInfo.minCols;
+        config.minItemRows = this.currentResInfo.minCols;
+        config.minItemArea = this.currentResInfo.minCols * this.currentResInfo.minCols;
+        config.defaultItemCols = this.currentResInfo.minCols;
+        config.defaultItemRows = this.currentResInfo.minCols;
+        if (!this.IsDesktopView || !isWidgetMgmnt) {
+            config.resizable.enabled = false;
+            config.swap = false;
+            config.draggable.enabled = false;
+        }
+        else {
+            config.resizable.enabled = true;
+            config.swap = true;
+            config.draggable.enabled = true;
+        }
+        return config;
+    };
     /**To map IwidgetInfo object to gridsterItem */
     /**
      * To map IwidgetInfo object to gridsterItem
@@ -716,7 +717,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardArea = /** @class */ (function () {
     function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier, responsiveService, permissionService) {
@@ -734,7 +735,7 @@ var RADashboardArea = /** @class */ (function () {
         this.isWidgetLoaded = false;
         this.domResized = false;
         this.showEmptyDashboard = false;
-        this.isDashboardMgmnt = false;
+        this.isWidgetMgmnt = false;
         this.widgetHeight = 2;
         this.widgetWidth = 4;
         this.hideDashboardBanner = new EventEmitter();
@@ -784,7 +785,7 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (changes) {
-        this.isDashboardMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
+        this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
         if (this.raDashboardEventBus && this.appConfig && !this.isWidgetLoaded) {
             this.isWidgetLoaded = true;
             this.loadWidgets(this.userDashboardId, this.areaKey);
@@ -805,7 +806,7 @@ var RADashboardArea = /** @class */ (function () {
     function () {
         var _this = this;
         /**To override default configuration values to the gridster control */
-        this.options = this.responsiveService.GridsterConfig;
+        this.options = this.responsiveService.getGridsterConfig(this.isWidgetMgmnt);
         this.options.initCallback = (/**
          * @param {?} gridster
          * @return {?}
@@ -1111,6 +1112,7 @@ var RADashboardArea = /** @class */ (function () {
             if (_this.options.api) {
                 curRowHeight = _this.options.api.getCurrentRowHeight();
             }
+            _this.showEmptyDashboard = _this.userWidgets.length > 0 ? false : true;
             _this.widgetList.forEach((/**
              * @param {?} t
              * @return {?}
@@ -1410,7 +1412,7 @@ var RADashboardArea = /** @class */ (function () {
     RADashboardArea.decorators = [
         { type: Component, args: [{
                     selector: 'ra-dashboard-area',
-                    template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isDashboardMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
+                    template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
                     styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
                 }] }
     ];
@@ -1483,7 +1485,7 @@ if (false) {
     /** @type {?} */
     RADashboardArea.prototype.showEmptyDashboard;
     /** @type {?} */
-    RADashboardArea.prototype.isDashboardMgmnt;
+    RADashboardArea.prototype.isWidgetMgmnt;
     /** @type {?} */
     RADashboardArea.prototype.userDashboardId;
     /** @type {?} */
@@ -1542,7 +1544,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra-widget-container/ra.widget.container.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RAWidgetContainer = /** @class */ (function () {
     function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService) {
@@ -1613,6 +1615,15 @@ var RAWidgetContainer = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    /**
+     * @return {?}
+     */
+    RAWidgetContainer.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.WidgetDisplayName = this.translateService.translate('Common.' + this.data.widgetInfo.widgetTitle, true);
+    };
     Object.defineProperty(RAWidgetContainer.prototype, "widgetViewState", {
         get: /**
          * @return {?}
@@ -1808,7 +1819,7 @@ var RAWidgetContainer = /** @class */ (function () {
                 widgetContainerContext.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
             }
             else {
-                widgetContainerContext.notifier.notify('error', " " + _this.translateService.translate('FailedToRemoveWidget') + "  (" + _this.data.widgetInfo.widgetTitle + ")!");
+                widgetContainerContext.notifier.notify('error', " " + _this.translateService.translate('FailedToRemoveWidget') + "  (" + _this.translateService.translate('Common.' + _this.data.widgetInfo.widgetTitle, true) + ")!");
             }
         }));
     };
@@ -2140,6 +2151,7 @@ var RAWidgetContainer = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        this.WidgetDisplayName = this.translateService.translate('Common.' + this.data.widgetInfo.widgetTitle, true);
                         widgetInfo.rowHeight = this.gridCellHeight;
                         this.setNotConfiguredState(widgetInfo);
                         widgetContainerContext = this;
@@ -2526,7 +2538,7 @@ var RAWidgetContainer = /** @class */ (function () {
     RAWidgetContainer.decorators = [
         { type: Component, args: [{
                     selector: 'ra-widget-container',
-                    template: "<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n  [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\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        [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\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        <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-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n              <i class=\"fal fa-lock lock\"></i>\r\n              <div class=\"lock-dropdown-content light widget-config-item\">\r\n                <div *ngIf=\"lockDetails && !lockTemplateInfo\">\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 *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n                  <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"widget-menu\" style=\"width:10px;\" [ngClass]=\"{'widget-menu-show': isMouseHover}\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown($event)\" #widgetDropdown class=\"fal fa-ellipsis-v widget-menu-ellipse\"></i>\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\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px'}\">\r\n    <div [hidden]=\"isWidgetStateApplicable\" 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]=\"isWidgetStateApplicable\">\r\n      <div #ctlWidget></div>\r\n    </div>\r\n    <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n      <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" [isGlobalFilterApplied]=\"isGlobalFilterApplied\"\r\n        [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked)=editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>"
+                    template: "<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n  [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\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        [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\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>{{WidgetDisplayName}}</div>\r\n          </ra-tooltip>\r\n        </div>\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-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n              <i class=\"fal fa-lock lock\"></i>\r\n              <div class=\"lock-dropdown-content light widget-config-item\">\r\n                <div *ngIf=\"lockDetails && !lockTemplateInfo\">\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 *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n                  <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"widget-menu\" style=\"width:10px;\" [ngClass]=\"{'widget-menu-show': isMouseHover}\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown($event)\" #widgetDropdown class=\"fal fa-ellipsis-v widget-menu-ellipse\"></i>\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\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px'}\">\r\n    <div [hidden]=\"isWidgetStateApplicable\" 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]=\"isWidgetStateApplicable\">\r\n      <div #ctlWidget></div>\r\n    </div>\r\n    <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n      <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" [isGlobalFilterApplied]=\"isGlobalFilterApplied\"\r\n        [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked)=editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>"
                 }] }
     ];
     /** @nocollapse */
@@ -2681,6 +2693,8 @@ if (false) {
     RAWidgetContainer.prototype.baseUrl;
     /** @type {?} */
     RAWidgetContainer.prototype.isWidgetMgmnt;
+    /** @type {?} */
+    RAWidgetContainer.prototype.WidgetDisplayName;
     /**
      * @type {?}
      * @private
@@ -2721,7 +2735,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/custom.notifier.options.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var customNotifierOptions = {
@@ -2768,7 +2782,7 @@ var customNotifierOptions = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 var GridType = {
@@ -2985,7 +2999,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.constant.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var GridsterConfigService = {
@@ -3164,7 +3178,7 @@ var GridsterConfigService = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterUtils.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterUtils = /** @class */ (function () {
     function GridsterUtils() {
@@ -3340,7 +3354,7 @@ var GridsterUtils = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -3431,7 +3445,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterEmptyCell.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterEmptyCell = /** @class */ (function () {
     function GridsterEmptyCell(gridster) {
@@ -3786,7 +3800,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterCompact.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterCompact = /** @class */ (function () {
     function GridsterCompact(gridster) {
@@ -4036,7 +4050,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterRenderer.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterRenderer = /** @class */ (function () {
     function GridsterRenderer(gridster) {
@@ -4355,7 +4369,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterComponent = /** @class */ (function () {
     function GridsterComponent(el, renderer, cdRef, zone) {
@@ -5152,7 +5166,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItemComponent.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -5207,7 +5221,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterSwap.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterSwap = /** @class */ (function () {
     function GridsterSwap(gridsterItem) {
@@ -5357,7 +5371,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterScroll.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var scrollSensitivity;
@@ -5553,7 +5567,7 @@ function cancelN() {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPush.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPush = /** @class */ (function () {
     function GridsterPush(gridsterItem) {
@@ -6098,7 +6112,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterDraggable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterDraggable = /** @class */ (function () {
     function GridsterDraggable(gridsterItem, gridster, zone) {
@@ -6640,7 +6654,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPushResize.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPushResize = /** @class */ (function () {
     function GridsterPushResize(gridsterItem) {
@@ -7060,7 +7074,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterResizable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterResizable = /** @class */ (function () {
     function GridsterResizable(gridsterItem, gridster, zone) {
@@ -7682,7 +7696,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItem.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterItemComponent = /** @class */ (function () {
     function GridsterItemComponent(el, gridster, renderer, zone) {
@@ -7915,7 +7929,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPreview.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPreviewComponent = /** @class */ (function () {
     function GridsterPreviewComponent(el, gridster, renderer) {
@@ -7983,7 +7997,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterModule = /** @class */ (function () {
     function GridsterModule() {
@@ -8009,7 +8023,7 @@ var GridsterModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DashboardFrameworkModule = /** @class */ (function () {
     function DashboardFrameworkModule() {
@@ -8042,7 +8056,7 @@ var DashboardFrameworkModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.template.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -8115,7 +8129,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.filter.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -8209,13 +8223,13 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @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,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RADashboardResponsiveService, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };