@schneideress/dashboardframework 0.0.229 → 0.0.230

package/fesm2015/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
  */
 class RaDashboardService extends BaseService {
     /**
@@ -156,7 +156,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
  */
 class RADashboardEventBus {
     constructor() {
@@ -238,7 +238,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} */
 const RAEvent = {
@@ -289,6 +289,8 @@ const RAEvent = {
     HideDashboardBanner: "HideDashboardBanner",
     /**To launch flyout from custom widget library */
     LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
+    /**update applied filter badge for inaplicable filters */
+    UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
 };
 /** @enum {string} */
 const RAEventKey = {
@@ -299,7 +301,7 @@ const 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 {?} */
 const GridsterConfigDefaultSettings = {
@@ -361,7 +363,7 @@ const 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
  */
 class RADashboardResponsiveService {
     constructor() {
@@ -575,7 +577,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
  */
 class RADashboardArea {
     /**
@@ -618,8 +620,6 @@ class RADashboardArea {
          * @return {?}
          */
         (isDesktop) => {
-            console.log('in responsive service subscribe');
-            console.log(isDesktop);
             if (isDesktop) {
                 setTimeout((/**
                  * @return {?}
@@ -1175,11 +1175,18 @@ class RADashboardArea {
     addNewWidget() {
         this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
     }
+    /**
+     * @param {?} data
+     * @return {?}
+     */
+    updateAppliedFilters(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}}"]
             }] }
 ];
@@ -1309,7 +1316,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
  */
 class RAWidgetContainer {
     /**
@@ -1361,7 +1368,9 @@ class RAWidgetContainer {
         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;
@@ -1595,7 +1604,7 @@ class RAWidgetContainer {
                     url = url + '?' + params;
             }
         }
-        location.href = url;
+        window.open(url, '_blank');
     }
     /**
      * @return {?}
@@ -1656,7 +1665,7 @@ class RAWidgetContainer {
             }
             this.detailPageUrl = widgetInfo.detailPageUrl;
             /** @type {?} */
-            let widgetContainer = this;
+            let me = this;
             this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
              * @return {?}
              */
@@ -1671,8 +1680,8 @@ class RAWidgetContainer {
                  * @return {?}
                  */
                 () => {
-                    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 {?}
                      */
@@ -1681,60 +1690,51 @@ class RAWidgetContainer {
                          * @return {?}
                          */
                         () => __awaiter(this, void 0, void 0, function* () {
-                            widgetContainer.widgetElement.addEventListener('on-data-load', (/**
-                             * @param {?} e
-                             * @return {?}
-                             */
-                            (e) => {
-                                if (e.detail)
-                                    widgetContainer.showPanel = true;
-                                else
-                                    widgetContainer.showPanel = false;
-                            }));
-                            widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
-                             * @param {?} e
-                             * @return {?}
-                             */
-                            (e) => {
-                                widgetContainer.editWidget();
-                            }));
-                            widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
-                             * @param {?} e
-                             * @return {?}
-                             */
-                            (e) => {
-                                widgetContainer.setEmptyState(e.detail);
-                            }));
-                            widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
-                             * @param {?} e
-                             * @return {?}
-                             */
-                            (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 {?}
                              */
                             (e) => {
-                                if (e.detail == true)
-                                    this.hideTitle = true;
-                                else
-                                    this.hideTitle = false;
-                            }));
-                            widgetContainer.widgetElement.addEventListener('update-lock-data', (/**
-                             * @param {?} e
-                             * @return {?}
-                             */
-                            (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') {
+                            if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
                                 /** @type {?} */
-                                let titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
+                                let titleLineEnabled = me.widgetElement.titleLineEnabled();
                                 if (titleLineEnabled) {
                                     this.enableTitleLine = titleLineEnabled;
                                     this.enableTitleLineActual = titleLineEnabled;
@@ -1770,15 +1770,15 @@ class RAWidgetContainer {
                                 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);
-                            yield widgetContainer.setLock(widgetConfigFilter.config);
-                            yield widgetContainer.setDownloadIcon();
+                            me.widgetElement.loadContent(widgetConfigFilter);
+                            yield me.setLock(widgetConfigFilter.config);
+                            yield me.setDownloadIcon();
                         })));
                     })));
                     this.ctlWidget.nativeElement.appendChild(this.widgetElement);
@@ -2179,11 +2179,45 @@ class RAWidgetContainer {
         else
             this.noPadding = false;
     }
+    /**
+     * @private
+     * @param {?} data
+     * @param {?} instanceId
+     * @return {?}
+     */
+    setInapplicableFilters(data, instanceId) {
+        /** @type {?} */
+        var widgetData = {};
+        this.inapplicableFilters = [];
+        widgetData.instanceId = instanceId;
+        if (data && data.length > 0) {
+            data.forEach((/**
+             * @param {?} element
+             * @return {?}
+             */
+            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 */
@@ -2210,6 +2244,7 @@ RAWidgetContainer.propDecorators = {
     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',] }]
 };
 if (false) {
@@ -2301,6 +2336,8 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.hideTitle;
     /** @type {?} */
+    RAWidgetContainer.prototype.inapplicableFilters;
+    /** @type {?} */
     RAWidgetContainer.prototype.ctlWidget;
     /** @type {?} */
     RAWidgetContainer.prototype.widgetDropdown;
@@ -2327,6 +2364,8 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.widgetDeleted;
     /** @type {?} */
+    RAWidgetContainer.prototype.updateAppliedFilters;
+    /** @type {?} */
     RAWidgetContainer.prototype.lockTitle;
     /** @type {?} */
     RAWidgetContainer.prototype.isWidgetStateApplicable;
@@ -2388,7 +2427,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 {?} */
 const customNotifierOptions = {
@@ -2435,7 +2474,7 @@ const 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} */
 const GridType = {
@@ -2652,7 +2691,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 {?} */
 const GridsterConfigService = {
@@ -2831,7 +2870,7 @@ const 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
  */
 class GridsterUtils {
     /**
@@ -2968,7 +3007,7 @@ GridsterUtils.decorators = [
 /**
  * @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
@@ -3053,7 +3092,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
  */
 class GridsterEmptyCell {
     /**
@@ -3368,7 +3407,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
  */
 class GridsterCompact {
     /**
@@ -3589,7 +3628,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
  */
 class GridsterRenderer {
     /**
@@ -3864,7 +3903,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
  */
 class GridsterComponent {
     /**
@@ -4559,7 +4598,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
@@ -4608,7 +4647,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
  */
 class GridsterSwap {
     /**
@@ -4741,7 +4780,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 {?} */
 let scrollSensitivity;
@@ -4937,7 +4976,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
  */
 class GridsterPush {
     /**
@@ -5403,7 +5442,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
  */
 class GridsterDraggable {
     /**
@@ -5907,7 +5946,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
  */
 class GridsterPushResize {
     /**
@@ -6263,7 +6302,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
  */
 class GridsterResizable {
     /**
@@ -6809,7 +6848,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
  */
 class GridsterItemComponent {
     /**
@@ -7018,7 +7057,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
  */
 class GridsterPreviewComponent {
     /**
@@ -7083,7 +7122,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
  */
 class GridsterModule {
 }
@@ -7106,7 +7145,7 @@ GridsterModule.decorators = [
 /**
  * @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
  */
 class DashboardFrameworkModule {
 }
@@ -7136,7 +7175,7 @@ DashboardFrameworkModule.decorators = [
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.template.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -7207,7 +7246,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
@@ -7296,13 +7335,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 };