@schneideress/dashboardframework 0.0.236 → 0.0.238

package/fesm2015/schneideress-dashboardframework.js

@@ -1,6 +1,6 @@
 import { Injectable, Injector, ɵɵdefineInjectable, ɵɵinject, INJECTOR, EventEmitter, Component, NgZone, Input, Output, ViewChild, Renderer2, ViewEncapsulation, ElementRef, ChangeDetectorRef, Host, NgModule } from '@angular/core';
 import { of, Subject } from 'rxjs';
-import { BaseService, RATranslateService, RAPermissionService, RACommonModule } from '@schneideress/ra-common';
+import { BaseService, RATranslateService, RAPermissionService, DomService, RACommonModule } from '@schneideress/ra-common';
 import { filter, map } from 'rxjs/operators';
 import { NgxUiLoaderService, NgxUiLoaderModule } from 'ngx-ui-loader';
 import { NotifierService, NotifierModule } from 'angular-notifier';
@@ -15,7 +15,7 @@ import { RACommonControlsModule } from '@schneideress/common-controls';
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 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,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,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,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 const RAEvent = {
@@ -303,7 +303,7 @@ const RAEventKey = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.gridster.config.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const GridsterConfigDefaultSettings = {
@@ -365,7 +365,7 @@ const GridsterConfigDefaultSettings = {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.responsive.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardResponsiveService {
     constructor() {
@@ -579,7 +579,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardArea {
     /**
@@ -1363,10 +1363,100 @@ if (false) {
     RADashboardArea.prototype.permissionService;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/ra-widget-container/lock-tooltip/lock.tooltip.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class LockTooltip {
+    /**
+     * @param {?} domService
+     */
+    constructor(domService) {
+        this.domService = domService;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        if (this.element) {
+            this.setPopupPosition();
+        }
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    setPopupPosition() {
+        /** @type {?} */
+        let rect = this.element.getBoundingClientRect();
+        if ((rect.left + 250) > window.innerWidth) {
+            this.containerLeft = (rect.left - ((rect.left + 270) - window.innerWidth)) + 'px';
+        }
+        else {
+            this.containerLeft = rect.left + 'px';
+        }
+        if (rect.bottom + 100 < window.innerHeight) {
+            this.containerTop = (rect.bottom) + 'px';
+            this.containerBottom = null;
+        }
+        else {
+            this.containerTop = null;
+            this.containerBottom = (window.innerHeight - rect.top) + 'px';
+        }
+    }
+    /**
+     * @param {?} comp
+     * @return {?}
+     */
+    removeMe(comp) {
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.domService.removeComponent(comp);
+        }));
+    }
+}
+LockTooltip.decorators = [
+    { type: Component, args: [{
+                selector: 'ra-lock-tooltip',
+                template: "<div class=\"lock-popup-content light widget-config-item\"\r\n    [ngStyle]=\"{'top': containerTop,'bottom':containerBottom,'position':'fixed','left':containerLeft,'z-index': '9999','width':'250px','min-height':'fit-content'}\">\r\n    <div *ngIf=\"data && !template\">\r\n        <label style=\"color: #D9F0FA;\">\r\n            {{title}}:\r\n        </label>\r\n        <div style=\"color: white;\">\r\n            <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of data\">\r\n                {{item}}\r\n            </label>\r\n        </div>\r\n        <hr style=\"background-color: white;\">\r\n        <div style=\"color: #D9F0FA;\">\r\n            <label>{{footer}}</label>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"!data && template\">\r\n        <ng-container *ngTemplateOutlet=\"template\">\r\n        </ng-container>\r\n    </div>\r\n</div>",
+                styles: [".lock-popup-content{margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]
+            }] }
+];
+/** @nocollapse */
+LockTooltip.ctorParameters = () => [
+    { type: DomService }
+];
+if (false) {
+    /** @type {?} */
+    LockTooltip.prototype.element;
+    /** @type {?} */
+    LockTooltip.prototype.title;
+    /** @type {?} */
+    LockTooltip.prototype.data;
+    /** @type {?} */
+    LockTooltip.prototype.footer;
+    /** @type {?} */
+    LockTooltip.prototype.template;
+    /** @type {?} */
+    LockTooltip.prototype.containerLeft;
+    /** @type {?} */
+    LockTooltip.prototype.containerTop;
+    /** @type {?} */
+    LockTooltip.prototype.containerBottom;
+    /**
+     * @type {?}
+     * @private
+     */
+    LockTooltip.prototype.domService;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra-widget-container/ra.widget.container.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RAWidgetContainer {
     /**
@@ -1377,8 +1467,9 @@ class RAWidgetContainer {
      * @param {?} notifier
      * @param {?} renderer
      * @param {?} raPermissionService
+     * @param {?} domService
      */
-    constructor(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService) {
+    constructor(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService, domService) {
         this.dashboardService = dashboardService;
         this.ngxService = ngxService;
         this.translateService = translateService;
@@ -1386,6 +1477,7 @@ class RAWidgetContainer {
         this.notifier = notifier;
         this.renderer = renderer;
         this.raPermissionService = raPermissionService;
+        this.domService = domService;
         this.showPanel = true;
         this.isWidgetLoaded = false;
         this.lockClass = "unlocked";
@@ -1453,6 +1545,10 @@ class RAWidgetContainer {
      */
     ngOnInit() {
         this.WidgetDisplayName = this.translateService.translate('Common.' + this.data.widgetInfo.widgetTitle, true);
+        this.lockIconTitle = this.translateService.translate('Common.lockedfields');
+        this.lockIconFooter = this.translateService.translate('Common.lockedfieldseditinfo');
+        this.inapplicableIconTitle = this.translateService.translate('Common.InapplicableFilters');
+        this.inapplicableIconFooter = this.translateService.translate('Common.InapplicableFiltersDesc');
     }
     /**
      * @return {?}
@@ -1543,6 +1639,7 @@ class RAWidgetContainer {
          */
         () => {
             this.removeMenu();
+            this.closePopup();
         }));
         setTimeout((/**
          * @return {?}
@@ -1650,8 +1747,6 @@ class RAWidgetContainer {
      */
     visitPage() {
         this.baseUrl = this.getHostUrl();
-        if (this.data.widgetInfo.widgetType == 'AV Widget')
-            this.baseUrl = '';
         /** @type {?} */
         let url = this.baseUrl + this.detailPageUrl;
         if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
@@ -1755,7 +1850,6 @@ class RAWidgetContainer {
                          * @return {?}
                          */
                         () => __awaiter(this, void 0, void 0, function* () {
-                            console.log('widget inititated listener triggered');
                             this.widgetElement.addEventListener('on-widget-respond', (/**
                              * @param {?} e
                              * @return {?}
@@ -2079,7 +2173,15 @@ class RAWidgetContainer {
                 this.addEventListener('wcMoveWidget', this.moveWidget);
                 this.addEventListener('wcWidgetDelete', this.deleteWidget);
             }
-            if (this.detailPageUrl) {
+            /** @type {?} */
+            let customPageParams = false;
+            if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
+                this.widgetSettings = this.getParsedConfig(this.data.widgetInfo.widgetSettings);
+                if (this.widgetSettings.customPageParams) {
+                    customPageParams = true;
+                }
+            }
+            if (this.detailPageUrl || customPageParams) {
                 this.addEventListener('wcVisitWidget', this.visitPage);
             }
             if (this.isChartDownloadVisible) {
@@ -2147,7 +2249,15 @@ class RAWidgetContainer {
             settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
             settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
         }
-        if (this.detailPageUrl) {
+        /** @type {?} */
+        let customPageParams = false;
+        if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
+            this.widgetSettings = this.getParsedConfig(this.data.widgetInfo.widgetSettings);
+            if (this.widgetSettings.customPageParams) {
+                customPageParams = true;
+            }
+        }
+        if (this.detailPageUrl || customPageParams) {
             settings += '<a style="max-height: 30px;align-items: center;align-content: center; display: flex;" id="wcVisitWidget">';
             settings += '<i style="padding-left: 4px;font-size: 27px !important;" class="fal fa-angle-right"></i> ';
             settings += '<span style="padding-left: 11px;margin-top: 2px;" style="padding-left: 6px;">';
@@ -2281,11 +2391,41 @@ class RAWidgetContainer {
         }
         this.updateAppliedFilters.emit(widgetData);
     }
+    /**
+     * @param {?} title
+     * @param {?} data
+     * @param {?} footer
+     * @param {?} type
+     * @param {?=} template
+     * @return {?}
+     */
+    openPopup(title, data, footer, type, template = undefined) {
+        /** @type {?} */
+        let props = {};
+        if (type == 'innaplicable' && this.banPopupDiv)
+            props.element = this.banPopupDiv.nativeElement;
+        if (type == 'lock' && this.lockPopupDiv)
+            props.element = this.lockPopupDiv.nativeElement;
+        props.title = title;
+        props.data = data;
+        props.footer = footer;
+        if (template)
+            props.template = template;
+        this.currentComponent = this.domService.appendComponent(LockTooltip, document.body, props);
+        this.popupInstance = (/** @type {?} */ (this.currentComponent.instance));
+    }
+    /**
+     * @return {?}
+     */
+    closePopup() {
+        if (this.currentComponent)
+            this.popupInstance.removeMe(this.currentComponent);
+    }
 }
 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-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 || !globalFilter || globalFilter == '{}'\">\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 && globalFilter && globalFilter !='{}'\">\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>"
+                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  #banPopupDiv (mouseover)=\"openPopup(inapplicableIconTitle,inapplicableFilters,inapplicableIconFooter,'innaplicable')\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!inapplicableFilters || inapplicableFilters.length == 0 || !globalFilter || globalFilter == '{}'\">\r\n              <i class=\"fal fa-ban lock\"></i>            \r\n            </div>\r\n            <div #lockPopupDiv (mouseover)=\"openPopup(lockIconTitle,lockDetails,lockIconFooter,'lock',lockTemplateInfo)\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n              <i class=\"fal fa-lock lock\"></i>             \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 */
@@ -2296,13 +2436,16 @@ RAWidgetContainer.ctorParameters = () => [
     { type: NgZone },
     { type: NotifierService },
     { type: Renderer2 },
-    { type: RAPermissionService }
+    { type: RAPermissionService },
+    { type: DomService }
 ];
 RAWidgetContainer.propDecorators = {
     ctlWidget: [{ type: ViewChild, args: ['ctlWidget', { static: false },] }],
     widgetDropdown: [{ type: ViewChild, args: ['widgetDropdown', { static: false },] }],
     searchInput: [{ type: ViewChild, args: ['searchInput', { static: false },] }],
     wcWrapper: [{ type: ViewChild, args: ['wcWrapper', { static: false },] }],
+    banPopupDiv: [{ type: ViewChild, args: ['banPopupDiv', { static: false },] }],
+    lockPopupDiv: [{ type: ViewChild, args: ['lockPopupDiv', { static: false },] }],
     widgetInstanceId: [{ type: Input, args: ['widget-instance-id',] }],
     globalFilter: [{ type: Input, args: ['global-filter',] }],
     data: [{ type: Input, args: ['data',] }],
@@ -2406,6 +2549,18 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.inapplicableFilters;
     /** @type {?} */
+    RAWidgetContainer.prototype.popupInstance;
+    /** @type {?} */
+    RAWidgetContainer.prototype.currentComponent;
+    /** @type {?} */
+    RAWidgetContainer.prototype.lockIconTitle;
+    /** @type {?} */
+    RAWidgetContainer.prototype.lockIconFooter;
+    /** @type {?} */
+    RAWidgetContainer.prototype.inapplicableIconTitle;
+    /** @type {?} */
+    RAWidgetContainer.prototype.inapplicableIconFooter;
+    /** @type {?} */
     RAWidgetContainer.prototype.ctlWidget;
     /** @type {?} */
     RAWidgetContainer.prototype.widgetDropdown;
@@ -2414,6 +2569,10 @@ if (false) {
     /** @type {?} */
     RAWidgetContainer.prototype.wcWrapper;
     /** @type {?} */
+    RAWidgetContainer.prototype.banPopupDiv;
+    /** @type {?} */
+    RAWidgetContainer.prototype.lockPopupDiv;
+    /** @type {?} */
     RAWidgetContainer.prototype.widgetInstanceId;
     /** @type {?} */
     RAWidgetContainer.prototype.globalFilter;
@@ -2492,12 +2651,17 @@ if (false) {
      * @private
      */
     RAWidgetContainer.prototype.raPermissionService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.domService;
 }
 
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/custom.notifier.options.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const customNotifierOptions = {
@@ -2544,7 +2708,7 @@ const customNotifierOptions = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 const GridType = {
@@ -2761,7 +2925,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterConfig.constant.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const GridsterConfigService = {
@@ -2940,7 +3104,7 @@ const GridsterConfigService = {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterUtils.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterUtils {
     /**
@@ -3077,7 +3241,7 @@ GridsterUtils.decorators = [
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -3162,7 +3326,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterEmptyCell.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterEmptyCell {
     /**
@@ -3477,7 +3641,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterCompact.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterCompact {
     /**
@@ -3698,7 +3862,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterRenderer.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterRenderer {
     /**
@@ -3973,7 +4137,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterComponent {
     /**
@@ -4668,7 +4832,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItemComponent.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -4717,7 +4881,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterSwap.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterSwap {
     /**
@@ -4850,7 +5014,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterScroll.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 let scrollSensitivity;
@@ -5046,7 +5210,7 @@ function cancelN() {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPush.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPush {
     /**
@@ -5512,7 +5676,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterDraggable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterDraggable {
     /**
@@ -6016,7 +6180,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPushResize.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPushResize {
     /**
@@ -6372,7 +6536,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterResizable.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterResizable {
     /**
@@ -6918,7 +7082,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterItem.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterItemComponent {
     /**
@@ -7127,7 +7291,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridsterPreview.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPreviewComponent {
     /**
@@ -7192,7 +7356,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: gridster/lib/gridster.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterModule {
 }
@@ -7215,7 +7379,7 @@ GridsterModule.decorators = [
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.dashboard.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class DashboardFrameworkModule {
 }
@@ -7223,7 +7387,8 @@ DashboardFrameworkModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
                     RADashboardArea,
-                    RAWidgetContainer
+                    RAWidgetContainer,
+                    LockTooltip
                 ],
                 imports: [
                     BrowserModule,
@@ -7238,14 +7403,17 @@ DashboardFrameworkModule.decorators = [
                 exports: [
                     RADashboardArea
                 ],
-                bootstrap: [RADashboardArea]
+                bootstrap: [RADashboardArea],
+                entryComponents: [
+                    LockTooltip
+                ]
             },] }
 ];
 
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.template.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -7316,7 +7484,7 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ra.base.dashboard.filter.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -7421,14 +7589,14 @@ if (false) {
 /**
  * @fileoverview added by tsickle
  * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
  * @fileoverview added by tsickle
  * Generated from: schneideress-dashboardframework.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RADashboardResponsiveService, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
+export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RADashboardResponsiveService, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, LockTooltip as ɵa, GridsterModule as ɵb, GridsterComponent as ɵc, GridsterItemComponent as ɵd, GridsterPreviewComponent as ɵe, customNotifierOptions as ɵf };
 //# sourceMappingURL=schneideress-dashboardframework.js.map