@schneideress/dashboardframework 0.0.229 → 0.0.230

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,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,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,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,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,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 var RAEvent = {
@@ -403,6 +403,8 @@ var RAEvent = {
     HideDashboardBanner: "HideDashboardBanner",
     /**To launch flyout from custom widget library */
     LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
+    /**update applied filter badge for inaplicable filters */
+    UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
 };
 /** @enum {string} */
 var RAEventKey = {
@@ -413,7 +415,7 @@ var RAEventKey = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.gridster.config.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var GridsterConfigDefaultSettings = {
@@ -475,7 +477,7 @@ var GridsterConfigDefaultSettings = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.responsive.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardResponsiveService = /** @class */ (function () {
     function RADashboardResponsiveService() {
@@ -734,7 +736,7 @@ if (false) {
 /**
  * @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
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardArea = /** @class */ (function () {
     function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier, responsiveService, permissionService) {
@@ -772,8 +774,6 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (isDesktop) {
-            console.log('in responsive service subscribe');
-            console.log(isDesktop);
             if (isDesktop) {
                 setTimeout((/**
                  * @return {?}
@@ -1444,10 +1444,21 @@ var RADashboardArea = /** @class */ (function () {
     function () {
         this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
     };
+    /**
+     * @param {?} data
+     * @return {?}
+     */
+    RADashboardArea.prototype.updateAppliedFilters = /**
+     * @param {?} data
+     * @return {?}
+     */
+    function (data) {
+        this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
+    };
     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=\"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>",
+                    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        (updateAppliedFilters)=\"updateAppliedFilters($event)\">\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}}"]
                 }] }
     ];
@@ -1579,7 +1590,7 @@ 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
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RAWidgetContainer = /** @class */ (function () {
     function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService) {
@@ -1623,7 +1634,9 @@ var RAWidgetContainer = /** @class */ (function () {
         this.isKpiView = false;
         this.showExcell = true;
         this.hideTitle = false;
+        this.inapplicableFilters = [];
         this.widgetDeleted = new EventEmitter();
+        this.updateAppliedFilters = new EventEmitter();
         this.isWidgetStateApplicable = false;
         this.widgetEmptyState = '';
         this.lockVisible = false;
@@ -1912,7 +1925,7 @@ var RAWidgetContainer = /** @class */ (function () {
                     url = url + '?' + params;
             }
         }
-        location.href = url;
+        window.open(url, '_blank');
     };
     /**
      * @return {?}
@@ -1979,7 +1992,7 @@ var RAWidgetContainer = /** @class */ (function () {
      */
     function (widgetInfo) {
         return __awaiter(this, void 0, void 0, function () {
-            var widgetConfigFilter, widgetContainer;
+            var widgetConfigFilter, me;
             var _this = this;
             return __generator(this, function (_a) {
                 widgetInfo.rowHeight = this.gridCellHeight;
@@ -1993,7 +2006,7 @@ var RAWidgetContainer = /** @class */ (function () {
                     this.applayWidgetSettings(this.widgetSettings);
                 }
                 this.detailPageUrl = widgetInfo.detailPageUrl;
-                widgetContainer = this;
+                me = this;
                 this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
                  * @return {?}
                  */
@@ -2008,8 +2021,8 @@ var RAWidgetContainer = /** @class */ (function () {
                      * @return {?}
                      */
                     function () {
-                        widgetContainer.widgetElement = document.createElement(widgetInfo.customTag);
-                        widgetContainer.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
+                        me.widgetElement = document.createElement(widgetInfo.customTag);
+                        me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
                         document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
                          * @return {?}
                          */
@@ -2025,59 +2038,50 @@ var RAWidgetContainer = /** @class */ (function () {
                                     return __generator(this, function (_a) {
                                         switch (_a.label) {
                                             case 0:
-                                                widgetContainer.widgetElement.addEventListener('on-data-load', (/**
-                                                 * @param {?} e
-                                                 * @return {?}
-                                                 */
-                                                function (e) {
-                                                    if (e.detail)
-                                                        widgetContainer.showPanel = true;
-                                                    else
-                                                        widgetContainer.showPanel = false;
-                                                }));
-                                                widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
-                                                 * @param {?} e
-                                                 * @return {?}
-                                                 */
-                                                function (e) {
-                                                    widgetContainer.editWidget();
-                                                }));
-                                                widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
-                                                 * @param {?} e
-                                                 * @return {?}
-                                                 */
-                                                function (e) {
-                                                    widgetContainer.setEmptyState(e.detail);
-                                                }));
-                                                widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
-                                                 * @param {?} e
-                                                 * @return {?}
-                                                 */
-                                                function (e) {
-                                                    if (e.detail == true)
-                                                        _this.enableTitleLine = true;
-                                                    else
-                                                        _this.enableTitleLine = _this.enableTitleLineActual;
-                                                }));
-                                                widgetContainer.widgetElement.addEventListener('widget-title-hidden', (/**
+                                                me.widgetElement.addEventListener('on-widget-respond', (/**
                                                  * @param {?} e
                                                  * @return {?}
                                                  */
                                                 function (e) {
-                                                    if (e.detail == true)
-                                                        _this.hideTitle = true;
-                                                    else
-                                                        _this.hideTitle = false;
-                                                }));
-                                                widgetContainer.widgetElement.addEventListener('update-lock-data', (/**
-                                                 * @param {?} e
-                                                 * @return {?}
-                                                 */
-                                                function (e) {
-                                                    _this.setLock(e.detail);
+                                                    /** @type {?} */
+                                                    var type = e.detail.type;
+                                                    switch (type) {
+                                                        case 'onDataLoad':
+                                                            if (e.detail.data)
+                                                                me.showPanel = true;
+                                                            else
+                                                                me.showPanel = false;
+                                                            break;
+                                                        case 'onConfigEditClicked':
+                                                            me.editWidget();
+                                                            break;
+                                                        case 'onEnableDefaultState':
+                                                            me.setEmptyState(e.detail.data);
+                                                            break;
+                                                        case 'onSetTitleUnderline':
+                                                            if (e.detail.data == true)
+                                                                _this.enableTitleLine = true;
+                                                            else
+                                                                _this.enableTitleLine = _this.enableTitleLineActual;
+                                                            break;
+                                                        case 'onWidgetTitleHidden':
+                                                            if (e.detail.data == true)
+                                                                _this.hideTitle = true;
+                                                            else
+                                                                _this.hideTitle = false;
+                                                            break;
+                                                        case 'onUpdateLockData':
+                                                            _this.setLock(e.detail.data);
+                                                            break;
+                                                        case 'onGlobalFilterApplicableCheck':
+                                                            _this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
+                                                            break;
+                                                        default:
+                                                            break;
+                                                    }
                                                 }));
-                                                if (typeof (widgetContainer.widgetElement.titleLineEnabled) != 'undefined') {
-                                                    titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
+                                                if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
+                                                    titleLineEnabled = me.widgetElement.titleLineEnabled();
                                                     if (titleLineEnabled) {
                                                         this.enableTitleLine = titleLineEnabled;
                                                         this.enableTitleLineActual = titleLineEnabled;
@@ -2113,17 +2117,17 @@ var RAWidgetContainer = /** @class */ (function () {
                                                     this.deleteToolTipValue = this.translateService.translate('Common.delete');
                                                     this.deleteToolTipWidth = "300px";
                                                 }
-                                                widgetContainer.isWidgetLoaded = true;
+                                                me.isWidgetLoaded = true;
                                                 widgetConfigFilter.appConfig = this.appConfig;
                                                 widgetConfigFilter.widgetInfo = widgetInfo;
                                                 widgetConfigFilter.configChanges = this.getConfigChanges(false);
                                                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                                                 widgetConfigFilter.globalFilter = this.globalFilter;
-                                                widgetContainer.widgetElement.loadContent(widgetConfigFilter);
-                                                return [4 /*yield*/, widgetContainer.setLock(widgetConfigFilter.config)];
+                                                me.widgetElement.loadContent(widgetConfigFilter);
+                                                return [4 /*yield*/, me.setLock(widgetConfigFilter.config)];
                                             case 1:
                                                 _a.sent();
-                                                return [4 /*yield*/, widgetContainer.setDownloadIcon()];
+                                                return [4 /*yield*/, me.setDownloadIcon()];
                                             case 2:
                                                 _a.sent();
                                                 return [2 /*return*/];
@@ -2639,10 +2643,51 @@ var RAWidgetContainer = /** @class */ (function () {
         else
             this.noPadding = false;
     };
+    /**
+     * @private
+     * @param {?} data
+     * @param {?} instanceId
+     * @return {?}
+     */
+    RAWidgetContainer.prototype.setInapplicableFilters = /**
+     * @private
+     * @param {?} data
+     * @param {?} instanceId
+     * @return {?}
+     */
+    function (data, instanceId) {
+        var _this = this;
+        /** @type {?} */
+        var widgetData = {};
+        this.inapplicableFilters = [];
+        widgetData.instanceId = instanceId;
+        if (data && data.length > 0) {
+            data.forEach((/**
+             * @param {?} element
+             * @return {?}
+             */
+            function (element) {
+                if (element == 'dateRange')
+                    _this.inapplicableFilters.push(_this.translateService.translate('Common.DateRange'));
+                else if (element == 'participant') {
+                    _this.inapplicableFilters.push(_this.translateService.translate('Common.DivisionOrGrouporSite'));
+                }
+                else if (element == 'source')
+                    _this.inapplicableFilters.push(_this.translateService.translate('Common.DataStream'));
+                else
+                    _this.inapplicableFilters.push(element);
+            }));
+            widgetData.data = data;
+        }
+        else {
+            widgetData.data = undefined;
+        }
+        this.updateAppliedFilters.emit(widgetData);
+    };
     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\" *ngIf=\"!hideTitle\"\r\n    [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 [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n              (mouseover)=\"mouseOver($event)\" #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;\"\r\n              [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\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 *ngIf=\"hideTitle\" class=\"wcheader widget-move\"\r\n    style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n  </div>\r\n  <div  *ngIf=\"hideTitle\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n    <div class=\"dropbtn title-bar-icon\">\r\n      <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle?'10px':'46px'}\">\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%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n        [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n        (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\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\" *ngIf=\"!hideTitle\"\r\n    [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-9 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n              (mouseover)=\"mouseOver($event)\" #searchInput>{{WidgetDisplayName}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n        <div class=\"col-3\" 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]=\"!inapplicableFilters || inapplicableFilters.length == 0\">\r\n              <i class=\"fal fa-ban lock\"></i>\r\n              <div class=\"lock-dropdown-content light widget-config-item\">\r\n                <div *ngIf=\"inapplicableFilters\">\r\n                  <label style=\"color: #D9F0FA;\">\r\n                    {{'Common.InapplicableFilters'|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 inapplicableFilters\">\r\n                      {{item}}\r\n                    </label>\r\n                  </div>\r\n                  <hr>\r\n                  <div style=\"color: #D9F0FA;\">\r\n                    <label>{{'Common.InapplicableFiltersDesc'|translate}}</label>\r\n                  </div>\r\n                </div>               \r\n              </div>\r\n            </div>\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;\"\r\n              [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\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 *ngIf=\"hideTitle\" class=\"wcheader widget-move\"\r\n    style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n  </div>\r\n  <div  *ngIf=\"hideTitle\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n    <div class=\"dropbtn title-bar-icon\">\r\n      <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle?'10px':'46px'}\">\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%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n        [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n        (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>"
                 }] }
     ];
     /** @nocollapse */
@@ -2669,6 +2714,7 @@ var RAWidgetContainer = /** @class */ (function () {
         height: [{ type: Input, args: ['widget-height',] }],
         gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
         widgetDeleted: [{ type: Output }],
+        updateAppliedFilters: [{ type: Output }],
         setResized: [{ type: Input, args: ['dom-resized',] }]
     };
     return RAWidgetContainer;
@@ -2762,6 +2808,8 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.hideTitle;
     /** @type {?} */
+    RAWidgetContainer.prototype.inapplicableFilters;
+    /** @type {?} */
     RAWidgetContainer.prototype.ctlWidget;
     /** @type {?} */
     RAWidgetContainer.prototype.widgetDropdown;
@@ -2788,6 +2836,8 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.widgetDeleted;
     /** @type {?} */
+    RAWidgetContainer.prototype.updateAppliedFilters;
+    /** @type {?} */
     RAWidgetContainer.prototype.lockTitle;
     /** @type {?} */
     RAWidgetContainer.prototype.isWidgetStateApplicable;
@@ -2849,7 +2899,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/custom.notifier.options.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var customNotifierOptions = {
@@ -2896,7 +2946,7 @@ var customNotifierOptions = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 var GridType = {
@@ -3113,7 +3163,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.constant.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var GridsterConfigService = {
@@ -3292,7 +3342,7 @@ var GridsterConfigService = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterUtils.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterUtils = /** @class */ (function () {
     function GridsterUtils() {
@@ -3468,7 +3518,7 @@ var GridsterUtils = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -3559,7 +3609,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterEmptyCell.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterEmptyCell = /** @class */ (function () {
     function GridsterEmptyCell(gridster) {
@@ -3914,7 +3964,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterCompact.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterCompact = /** @class */ (function () {
     function GridsterCompact(gridster) {
@@ -4164,7 +4214,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterRenderer.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterRenderer = /** @class */ (function () {
     function GridsterRenderer(gridster) {
@@ -4483,7 +4533,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterComponent = /** @class */ (function () {
     function GridsterComponent(el, renderer, cdRef, zone) {
@@ -5280,7 +5330,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItemComponent.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -5335,7 +5385,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterSwap.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterSwap = /** @class */ (function () {
     function GridsterSwap(gridsterItem) {
@@ -5485,7 +5535,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterScroll.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var scrollSensitivity;
@@ -5681,7 +5731,7 @@ function cancelN() {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPush.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPush = /** @class */ (function () {
     function GridsterPush(gridsterItem) {
@@ -6226,7 +6276,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterDraggable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterDraggable = /** @class */ (function () {
     function GridsterDraggable(gridsterItem, gridster, zone) {
@@ -6768,7 +6818,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPushResize.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPushResize = /** @class */ (function () {
     function GridsterPushResize(gridsterItem) {
@@ -7188,7 +7238,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterResizable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterResizable = /** @class */ (function () {
     function GridsterResizable(gridsterItem, gridster, zone) {
@@ -7810,7 +7860,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItem.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterItemComponent = /** @class */ (function () {
     function GridsterItemComponent(el, gridster, renderer, zone) {
@@ -8043,7 +8093,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPreview.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterPreviewComponent = /** @class */ (function () {
     function GridsterPreviewComponent(el, gridster, renderer) {
@@ -8111,7 +8161,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var GridsterModule = /** @class */ (function () {
     function GridsterModule() {
@@ -8137,7 +8187,7 @@ var GridsterModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DashboardFrameworkModule = /** @class */ (function () {
     function DashboardFrameworkModule() {
@@ -8170,7 +8220,7 @@ var DashboardFrameworkModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.template.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -8243,7 +8293,7 @@ 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
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -8337,13 +8387,13 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,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
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,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 };