@schneideress/dashboardframework 0.0.158 → 0.0.159

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) {
@@ -1623,7 +1618,7 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RAWidgetContainer = /** @class */ (function () {
-        function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer) {
+        function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer, raPermissionService) {
             var _this = this;
             this.dashboardService = dashboardService;
             this.ngxService = ngxService;
@@ -1631,6 +1626,7 @@
             this.ngZone = ngZone;
             this.notifier = notifier;
             this.renderer = renderer;
+            this.raPermissionService = raPermissionService;
             this.showPanel = true;
             this.isWidgetLoaded = false;
             this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
@@ -1664,6 +1660,7 @@
             this.isWidgetStateApplicable = false;
             this.widgetEmptyState = '';
             this.lockVisible = false;
+            this.isWidgetMgmnt = false;
             this.renderer.listen('window', 'click', (/**
              * @param {?} e
              * @return {?}
@@ -1712,6 +1709,7 @@
          */
         function (changes) {
             var _this = this;
+            this.isWidgetMgmnt = this.raPermissionService.hasPermission('ra.widgetmanagement');
             if (changes.raDashboardEventBus && changes.raDashboardEventBus.currentValue != changes.raDashboardEventBus.previousValue) {
                 this.configChanged = this.raDashboardEventBus.subscribeWithKey(RAEvent.ConfigChanged, RAEventKey.WidgetInstanceId, this.data.widgetInfo.widgetInstanceId.toString()).subscribe((/**
                  * @param {?} e
@@ -2364,7 +2362,7 @@
         RAWidgetContainer.decorators = [
             { type: core.Component, args: [{
                         selector: 'ra-widget-container',
-                        template: "<div 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\" [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 style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n\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=\"dropdown\" style=\"width:10px;\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n              </div>\r\n              <div class=\"download-content dropdown-content widget-config-item\"\r\n                [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n                <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n                  {{'Common.settings'|translate}}</div>\r\n\r\n                <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n                  <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n                    <i class=\"fal fa-edit\"></i>\r\n                    <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n                    <i class=\"fal fa-copy\"></i>\r\n                    <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n                    <i class=\"fal fa-arrows-alt\"></i>\r\n                    <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n                  style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n                  <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n                  <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n                <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n                  *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n                <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n                  <a (click)=\"downloadIconClicked('PNG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.png'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('JPEG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.jpeg'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('PDF')\">\r\n                    <i class=\"fal fa-file-pdf\"></i>\r\n                    <span>{{'Common.pdf'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('SVG')\">\r\n                    <i class=\"fal fa-file-alt\"></i>\r\n                    <span>{{'Common.svg'|translate}}</span>\r\n                  </a>\r\n                </div>\r\n                <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n                  <a (click)=\"downloadIconClicked('CSV')\">\r\n                    <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n                      <i class=\"fal fa-download\"></i>\r\n                      <span>{{excelText}}</span>\r\n                    </ra-tooltip>\r\n                  </a>\r\n                </div>\r\n                <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">\r\n                  <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n                    <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n                    <span>{{deleteText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'15px'}\">\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%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" \r\n      [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked) = editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>",
+                        template: "<div 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\" [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 style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n\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=\"dropdown\" style=\"width:10px;\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n              </div>\r\n              <div class=\"download-content dropdown-content widget-config-item\"\r\n                [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n                <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n                  {{'Common.settings'|translate}}</div>\r\n\r\n                <a style=\"padding-top: 10px;\" (click)=\"editWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n                    <i class=\"fal fa-edit\"></i>\r\n                    <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"copyWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n                    <i class=\"fal fa-copy\"></i>\r\n                    <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"moveWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n                    <i class=\"fal fa-arrows-alt\"></i>\r\n                    <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n                  style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n                  <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n                  <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n                <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n                  *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n                <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n                  <a (click)=\"downloadIconClicked('PNG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.png'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('JPEG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.jpeg'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('PDF')\">\r\n                    <i class=\"fal fa-file-pdf\"></i>\r\n                    <span>{{'Common.pdf'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('SVG')\">\r\n                    <i class=\"fal fa-file-alt\"></i>\r\n                    <span>{{'Common.svg'|translate}}</span>\r\n                  </a>\r\n                </div>\r\n                <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n                  <a (click)=\"downloadIconClicked('CSV')\">\r\n                    <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n                      <i class=\"fal fa-download\"></i>\r\n                      <span>{{excelText}}</span>\r\n                    </ra-tooltip>\r\n                  </a>\r\n                </div>\r\n                <hr *ngIf=\"isDownloadIconVisible && isWidgetMgmnt\" class=\"hr\">\r\n                <a (click)=\"deleteWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n                    <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n                    <span>{{deleteText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'15px'}\">\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%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n        [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked)=editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>",
                         styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative;width:100%}@media screen and (max-width:400px){.dropdown{visibility:visible;opacity:1}}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:flex;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;height:100%;float:left}.defaultConfig .textarea .empty-config{color:#32ad3c}.defaultConfig .textarea .error-view{color:#dc0a0a}.defaultConfig .textarea .empty-data{color:#5ab5e6}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;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}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
                     }] }
         ];
@@ -2375,7 +2373,8 @@
             { type: raCommon.RATranslateService },
             { type: core.NgZone },
             { type: angularNotifier.NotifierService },
-            { type: core.Renderer2 }
+            { type: core.Renderer2 },
+            { type: raCommon.RAPermissionService }
         ]; };
         RAWidgetContainer.propDecorators = {
             ctlWidget: [{ type: core.ViewChild, args: ['ctlWidget', { static: false },] }],
@@ -2522,6 +2521,8 @@
         RAWidgetContainer.prototype.detailPageUrl;
         /** @type {?} */
         RAWidgetContainer.prototype.baseUrl;
+        /** @type {?} */
+        RAWidgetContainer.prototype.isWidgetMgmnt;
         /**
          * @type {?}
          * @private
@@ -2552,6 +2553,11 @@
          * @private
          */
         RAWidgetContainer.prototype.renderer;
+        /**
+         * @type {?}
+         * @private
+         */
+        RAWidgetContainer.prototype.raPermissionService;
     }
 
     /**