@schneideress/dashboardframework 0.0.236 → 0.0.238

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.
+    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
 
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
+    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.
 
-    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.
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -109,13 +109,8 @@
         }
     }
 
-    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 (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
     }
 
     function __values(o) {
@@ -226,7 +221,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.dashboard.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RaDashboardService = /** @class */ (function (_super) {
         __extends(RaDashboardService, _super);
@@ -442,7 +437,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.dashbard.event.bus.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardEventBus = /** @class */ (function () {
         function RADashboardEventBus() {
@@ -563,7 +558,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.event.enum.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
     var RAEvent = {
@@ -628,7 +623,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.gridster.config.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var GridsterConfigDefaultSettings = {
@@ -690,7 +685,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.dashboard.responsive.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardResponsiveService = /** @class */ (function () {
         function RADashboardResponsiveService() {
@@ -949,7 +944,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardArea = /** @class */ (function () {
         function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier, responsiveService, permissionService) {
@@ -1851,13 +1846,113 @@
         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
+     */
+    var LockTooltip = /** @class */ (function () {
+        function LockTooltip(domService) {
+            this.domService = domService;
+        }
+        /**
+         * @return {?}
+         */
+        LockTooltip.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            if (this.element) {
+                this.setPopupPosition();
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        LockTooltip.prototype.setPopupPosition = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var 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 {?}
+         */
+        LockTooltip.prototype.removeMe = /**
+         * @param {?} comp
+         * @return {?}
+         */
+        function (comp) {
+            var _this = this;
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.domService.removeComponent(comp);
+            }));
+        };
+        LockTooltip.decorators = [
+            { type: core.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 = function () { return [
+            { type: raCommon.DomService }
+        ]; };
+        return LockTooltip;
+    }());
+    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
      */
     var RAWidgetContainer = /** @class */ (function () {
-        function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService) {
+        function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService, domService) {
             var _this = this;
             this.dashboardService = dashboardService;
             this.ngxService = ngxService;
@@ -1866,6 +1961,7 @@
             this.notifier = notifier;
             this.renderer = renderer;
             this.raPermissionService = raPermissionService;
+            this.domService = domService;
             this.showPanel = true;
             this.isWidgetLoaded = false;
             this.lockClass = "unlocked";
@@ -1940,6 +2036,10 @@
          */
         function () {
             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');
         };
         Object.defineProperty(RAWidgetContainer.prototype, "widgetViewState", {
             get: /**
@@ -2051,6 +2151,7 @@
              */
             function () {
                 _this.removeMenu();
+                _this.closePopup();
             }));
             setTimeout((/**
              * @return {?}
@@ -2185,8 +2286,6 @@
          */
         function () {
             this.baseUrl = this.getHostUrl();
-            if (this.data.widgetInfo.widgetType == 'AV Widget')
-                this.baseUrl = '';
             /** @type {?} */
             var url = this.baseUrl + this.detailPageUrl;
             if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
@@ -2316,7 +2415,6 @@
                                     return __generator(this, function (_a) {
                                         switch (_a.label) {
                                             case 0:
-                                                console.log('widget inititated listener triggered');
                                                 this.widgetElement.addEventListener('on-widget-respond', (/**
                                                  * @param {?} e
                                                  * @return {?}
@@ -2720,7 +2818,15 @@
                     _this.addEventListener('wcMoveWidget', _this.moveWidget);
                     _this.addEventListener('wcWidgetDelete', _this.deleteWidget);
                 }
-                if (_this.detailPageUrl) {
+                /** @type {?} */
+                var 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) {
@@ -2801,7 +2907,15 @@
                 settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
                 settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
             }
-            if (this.detailPageUrl) {
+            /** @type {?} */
+            var 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;">';
@@ -2963,10 +3077,52 @@
             }
             this.updateAppliedFilters.emit(widgetData);
         };
+        /**
+         * @param {?} title
+         * @param {?} data
+         * @param {?} footer
+         * @param {?} type
+         * @param {?=} template
+         * @return {?}
+         */
+        RAWidgetContainer.prototype.openPopup = /**
+         * @param {?} title
+         * @param {?} data
+         * @param {?} footer
+         * @param {?} type
+         * @param {?=} template
+         * @return {?}
+         */
+        function (title, data, footer, type, template) {
+            if (template === void 0) { template = undefined; }
+            /** @type {?} */
+            var 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 {?}
+         */
+        RAWidgetContainer.prototype.closePopup = /**
+         * @return {?}
+         */
+        function () {
+            if (this.currentComponent)
+                this.popupInstance.removeMe(this.currentComponent);
+        };
         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-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 */
@@ -2977,13 +3133,16 @@
             { type: core.NgZone },
             { type: angularNotifier.NotifierService },
             { type: core.Renderer2 },
-            { type: raCommon.RAPermissionService }
+            { type: raCommon.RAPermissionService },
+            { type: raCommon.DomService }
         ]; };
         RAWidgetContainer.propDecorators = {
             ctlWidget: [{ type: core.ViewChild, args: ['ctlWidget', { static: false },] }],
             widgetDropdown: [{ type: core.ViewChild, args: ['widgetDropdown', { static: false },] }],
             searchInput: [{ type: core.ViewChild, args: ['searchInput', { static: false },] }],
             wcWrapper: [{ type: core.ViewChild, args: ['wcWrapper', { static: false },] }],
+            banPopupDiv: [{ type: core.ViewChild, args: ['banPopupDiv', { static: false },] }],
+            lockPopupDiv: [{ type: core.ViewChild, args: ['lockPopupDiv', { static: false },] }],
             widgetInstanceId: [{ type: core.Input, args: ['widget-instance-id',] }],
             globalFilter: [{ type: core.Input, args: ['global-filter',] }],
             data: [{ type: core.Input, args: ['data',] }],
@@ -3089,6 +3248,18 @@
         /** @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;
@@ -3097,6 +3268,10 @@
         /** @type {?} */
         RAWidgetContainer.prototype.wcWrapper;
         /** @type {?} */
+        RAWidgetContainer.prototype.banPopupDiv;
+        /** @type {?} */
+        RAWidgetContainer.prototype.lockPopupDiv;
+        /** @type {?} */
         RAWidgetContainer.prototype.widgetInstanceId;
         /** @type {?} */
         RAWidgetContainer.prototype.globalFilter;
@@ -3175,12 +3350,17 @@
          * @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 {?} */
     var customNotifierOptions = {
@@ -3227,7 +3407,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterConfig.interface.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
     var GridType = {
@@ -3444,7 +3624,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterConfig.constant.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var GridsterConfigService = {
@@ -3623,7 +3803,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterUtils.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterUtils = /** @class */ (function () {
         function GridsterUtils() {
@@ -3799,7 +3979,7 @@
     /**
      * @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
@@ -3890,7 +4070,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterEmptyCell.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterEmptyCell = /** @class */ (function () {
         function GridsterEmptyCell(gridster) {
@@ -4245,7 +4425,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterCompact.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterCompact = /** @class */ (function () {
         function GridsterCompact(gridster) {
@@ -4495,7 +4675,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterRenderer.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterRenderer = /** @class */ (function () {
         function GridsterRenderer(gridster) {
@@ -4814,7 +4994,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridster.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterComponent = /** @class */ (function () {
         function GridsterComponent(el, renderer, cdRef, zone) {
@@ -5611,7 +5791,7 @@
     /**
      * @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
@@ -5666,7 +5846,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterSwap.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterSwap = /** @class */ (function () {
         function GridsterSwap(gridsterItem) {
@@ -5816,7 +5996,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterScroll.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var scrollSensitivity;
@@ -6012,7 +6192,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterPush.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPush = /** @class */ (function () {
         function GridsterPush(gridsterItem) {
@@ -6557,7 +6737,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterDraggable.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterDraggable = /** @class */ (function () {
         function GridsterDraggable(gridsterItem, gridster, zone) {
@@ -7099,7 +7279,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterPushResize.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPushResize = /** @class */ (function () {
         function GridsterPushResize(gridsterItem) {
@@ -7519,7 +7699,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterResizable.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterResizable = /** @class */ (function () {
         function GridsterResizable(gridsterItem, gridster, zone) {
@@ -8141,7 +8321,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterItem.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterItemComponent = /** @class */ (function () {
         function GridsterItemComponent(el, gridster, renderer, zone) {
@@ -8374,7 +8554,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridsterPreview.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPreviewComponent = /** @class */ (function () {
         function GridsterPreviewComponent(el, gridster, renderer) {
@@ -8442,7 +8622,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: gridster/lib/gridster.module.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterModule = /** @class */ (function () {
         function GridsterModule() {
@@ -8468,7 +8648,7 @@
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra.dashboard.module.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var DashboardFrameworkModule = /** @class */ (function () {
         function DashboardFrameworkModule() {
@@ -8477,7 +8657,8 @@
             { type: core.NgModule, args: [{
                         declarations: [
                             RADashboardArea,
-                            RAWidgetContainer
+                            RAWidgetContainer,
+                            LockTooltip
                         ],
                         imports: [
                             platformBrowser.BrowserModule,
@@ -8492,7 +8673,10 @@
                         exports: [
                             RADashboardArea
                         ],
-                        bootstrap: [RADashboardArea]
+                        bootstrap: [RADashboardArea],
+                        entryComponents: [
+                            LockTooltip
+                        ]
                     },] }
         ];
         return DashboardFrameworkModule;
@@ -8501,7 +8685,7 @@
     /**
      * @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
@@ -8574,7 +8758,7 @@
     /**
      * @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
@@ -8691,11 +8875,12 @@
     exports.RaBaseDashboardFilter = RaBaseDashboardFilter;
     exports.RaBaseDashboardTemplate = RaBaseDashboardTemplate;
     exports.RaDashboardService = RaDashboardService;
-    exports.ɵa = GridsterModule;
-    exports.ɵb = GridsterComponent;
-    exports.ɵc = GridsterItemComponent;
-    exports.ɵd = GridsterPreviewComponent;
-    exports.ɵe = customNotifierOptions;
+    exports.ɵa = LockTooltip;
+    exports.ɵb = GridsterModule;
+    exports.ɵc = GridsterComponent;
+    exports.ɵd = GridsterItemComponent;
+    exports.ɵe = GridsterPreviewComponent;
+    exports.ɵf = customNotifierOptions;
 
     Object.defineProperty(exports, '__esModule', { value: true });