@schneideress/dashboardframework 0.0.229 → 0.0.230

package/bundles/schneideress-dashboardframework.umd.js

@@ -5,18 +5,18 @@
 }(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, common, userControls, commonControls) { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
+    Copyright (c) Microsoft Corporation.
 
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -109,8 +109,13 @@
         }
     }
 
+    function __createBinding(o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+    }
+
     function __exportStar(m, exports) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
     }
 
     function __values(o) {
@@ -221,7 +226,7 @@
     /**
      * @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);
@@ -437,7 +442,7 @@
     /**
      * @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() {
@@ -558,7 +563,7 @@
     /**
      * @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 = {
@@ -609,6 +614,8 @@
         HideDashboardBanner: "HideDashboardBanner",
         /**To launch flyout from custom widget library */
         LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
+        /**update applied filter badge for inaplicable filters */
+        UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
     };
     /** @enum {string} */
     var RAEventKey = {
@@ -619,7 +626,7 @@
     /**
      * @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 = {
@@ -681,7 +688,7 @@
     /**
      * @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() {
@@ -940,7 +947,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @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) {
@@ -978,8 +985,6 @@
              * @return {?}
              */
             function (isDesktop) {
-                console.log('in responsive service subscribe');
-                console.log(isDesktop);
                 if (isDesktop) {
                     setTimeout((/**
                      * @return {?}
@@ -1650,10 +1655,21 @@
         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: core.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}}"]
                     }] }
         ];
@@ -1785,7 +1801,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra-widget-container/ra.widget.container.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @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) {
@@ -1829,7 +1845,9 @@
             this.isKpiView = false;
             this.showExcell = true;
             this.hideTitle = false;
+            this.inapplicableFilters = [];
             this.widgetDeleted = new core.EventEmitter();
+            this.updateAppliedFilters = new core.EventEmitter();
             this.isWidgetStateApplicable = false;
             this.widgetEmptyState = '';
             this.lockVisible = false;
@@ -2118,7 +2136,7 @@
                         url = url + '?' + params;
                 }
             }
-            location.href = url;
+            window.open(url, '_blank');
         };
         /**
          * @return {?}
@@ -2185,7 +2203,7 @@
          */
         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;
@@ -2199,7 +2217,7 @@
                         this.applayWidgetSettings(this.widgetSettings);
                     }
                     this.detailPageUrl = widgetInfo.detailPageUrl;
-                    widgetContainer = this;
+                    me = this;
                     this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
                      * @return {?}
                      */
@@ -2214,8 +2232,8 @@
                          * @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 {?}
                              */
@@ -2231,59 +2249,50 @@
                                         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', (/**
+                                                    me.widgetElement.addEventListener('on-widget-respond', (/**
                                                      * @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', (/**
-                                                     * @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;
@@ -2319,17 +2328,17 @@
                                                         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*/];
@@ -2845,10 +2854,51 @@
             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: core.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 */
@@ -2875,6 +2925,7 @@
             height: [{ type: core.Input, args: ['widget-height',] }],
             gridCellHeight: [{ type: core.Input, args: ['grid-cell-height',] }],
             widgetDeleted: [{ type: core.Output }],
+            updateAppliedFilters: [{ type: core.Output }],
             setResized: [{ type: core.Input, args: ['dom-resized',] }]
         };
         return RAWidgetContainer;
@@ -2968,6 +3019,8 @@
         /** @type {?} */
         RAWidgetContainer.prototype.hideTitle;
         /** @type {?} */
+        RAWidgetContainer.prototype.inapplicableFilters;
+        /** @type {?} */
         RAWidgetContainer.prototype.ctlWidget;
         /** @type {?} */
         RAWidgetContainer.prototype.widgetDropdown;
@@ -2994,6 +3047,8 @@
         /** @type {?} */
         RAWidgetContainer.prototype.widgetDeleted;
         /** @type {?} */
+        RAWidgetContainer.prototype.updateAppliedFilters;
+        /** @type {?} */
         RAWidgetContainer.prototype.lockTitle;
         /** @type {?} */
         RAWidgetContainer.prototype.isWidgetStateApplicable;
@@ -3055,7 +3110,7 @@
     /**
      * @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 = {
@@ -3102,7 +3157,7 @@
     /**
      * @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 = {
@@ -3319,7 +3374,7 @@
     /**
      * @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 = {
@@ -3498,7 +3553,7 @@
     /**
      * @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() {
@@ -3674,7 +3729,7 @@
     /**
      * @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
@@ -3765,7 +3820,7 @@
     /**
      * @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) {
@@ -4120,7 +4175,7 @@
     /**
      * @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) {
@@ -4370,7 +4425,7 @@
     /**
      * @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) {
@@ -4689,7 +4744,7 @@
     /**
      * @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) {
@@ -5486,7 +5541,7 @@
     /**
      * @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
@@ -5541,7 +5596,7 @@
     /**
      * @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) {
@@ -5691,7 +5746,7 @@
     /**
      * @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;
@@ -5887,7 +5942,7 @@
     /**
      * @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) {
@@ -6432,7 +6487,7 @@
     /**
      * @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) {
@@ -6974,7 +7029,7 @@
     /**
      * @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) {
@@ -7394,7 +7449,7 @@
     /**
      * @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) {
@@ -8016,7 +8071,7 @@
     /**
      * @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) {
@@ -8249,7 +8304,7 @@
     /**
      * @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) {
@@ -8317,7 +8372,7 @@
     /**
      * @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() {
@@ -8343,7 +8398,7 @@
     /**
      * @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() {
@@ -8376,7 +8431,7 @@
     /**
      * @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
@@ -8449,7 +8504,7 @@
     /**
      * @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