@schneideress/dashboardframework 0.0.271 → 0.0.273

package/bundles/schneideress-dashboardframework.umd.js

@@ -4,7 +4,7 @@
     (global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.widgetframework, global.ng.platformBrowser, global.ng.common.http, global.ng.common, global.userControls, global.commonControls));
 }(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, common, userControls, commonControls) { 'use strict';
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -18,16 +18,18 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
 
     var extendStatics = function(d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
 
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -67,6 +69,51 @@
         return function (target, key) { decorator(target, key, paramIndex); }
     }
 
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0) continue;
+                if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+                if (_ = accept(result.get)) descriptor.get = _;
+                if (_ = accept(result.set)) descriptor.set = _;
+                if (_ = accept(result.init)) initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field") initializers.unshift(_);
+                else descriptor[key] = _;
+            }
+        }
+        if (target) Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    };
+
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    };
+
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    };
+
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    };
+
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
@@ -87,7 +134,7 @@
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
                 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                 if (y = 0, t) op = [op[0] & 2, t.value];
                 switch (op[0]) {
@@ -109,13 +156,20 @@
         }
     }
 
-    function __createBinding(o, m, k, k2) {
+    var __createBinding = Object.create ? (function(o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function() { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
+    }) : (function(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];
+    function __exportStar(m, o) {
+        for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
     }
 
     function __values(o) {
@@ -147,19 +201,31 @@
         return ar;
     }
 
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
 
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
         for (var r = Array(s), k = 0, i = 0; i < il; i++)
             for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
                 r[k] = a[j];
         return r;
-    };
+    }
+
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
 
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -180,7 +246,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
 
     function __asyncValues(o) {
@@ -196,11 +262,17 @@
         return cooked;
     };
 
+    var __setModuleDefault = Object.create ? (function(o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function(o, v) {
+        o["default"] = v;
+    };
+
     function __importStar(mod) {
         if (mod && mod.__esModule) return mod;
         var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
+        if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
         return result;
     }
 
@@ -208,27 +280,106 @@
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
 
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
 
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m") throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+            var dispose;
+            if (async) {
+                if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+            }
+            if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
         }
-        privateMap.set(receiver, value);
         return value;
-    }
+    }
+
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        function next() {
+            while (env.stack.length) {
+                var rec = env.stack.pop();
+                try {
+                    var result = rec.dispose && rec.dispose.call(rec.value);
+                    if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (env.hasError) throw env.error;
+        }
+        return next();
+    }
+
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+    };
 
     var RaDashboardService = /** @class */ (function (_super) {
         __extends(RaDashboardService, _super);
         function RaDashboardService(injector) {
             var _this = _super.call(this, injector, '') || this;
             _this.loadedScripts = [];
-            _this.clientId = undefined;
             return _this;
         }
         /*
@@ -281,6 +432,12 @@
         /**To Update widgetInfo in database */
         RaDashboardService.prototype.updateWidget = function (widgetInfo, appConfig) {
             this.baseUrl = appConfig.apiBaseUrl;
+            var info = {};
+            info.widgetConfigInfo = widgetInfo.widgetConfigInfo;
+            info.widgetInstanceId = widgetInfo.widgetInstanceId;
+            info.widgetTitle = widgetInfo.widgetTitle;
+            info.widgetType = widgetInfo.widgetType;
+            info.widgetId = widgetInfo.widgetId;
             return this.post('widget/UpdateUserWidget', widgetInfo);
         };
         /** To Move or change position if current widget container*/
@@ -396,6 +553,12 @@
         RAEvent["UpdateAppledFiterForInapplicableFilter"] = "UpdateAppledFiterForInapplicableFilter";
         /**show inapplicable filter message in global filter flyout */
         RAEvent["ShowInapplicableFilterMessage"] = "ShowInapplicableFilterMessage";
+        /** Bulk Action Clicked */
+        RAEvent["BulkActionClick"] = "BulkActionClick";
+        /** Global Filter Clicked */
+        /** When user change the curated filter(eg:data streams), system will create/delete widgets */
+        RAEvent["CuratedFilterChange"] = "CuratedFilterChange";
+        RAEvent["GlobalFilterClick"] = "GlobalFilterClick";
     })(exports.RAEvent || (exports.RAEvent = {}));
 
     (function (RAEventKey) {
@@ -409,9 +572,9 @@
         margin: 10,
         outerMargin: true,
         outerMarginTop: 10,
-        outerMarginRight: 10,
+        outerMarginRight: 0,
         outerMarginBottom: 30,
-        outerMarginLeft: 10,
+        outerMarginLeft: 0,
         useTransformPositioning: true,
         mobileBreakpoint: 640,
         minCols: 10,
@@ -526,7 +689,7 @@
             enumerable: true,
             configurable: true
         });
-        RADashboardResponsiveService.prototype.getGridsterConfig = function (isWidgetMgmnt) {
+        RADashboardResponsiveService.prototype.getGridsterConfig = function (isWidgetMgmnt, resize, canMove) {
             var config = GridsterConfigDefaultSettings;
             config.minCols = this.currentResInfo.maxCols;
             config.maxCols = this.currentResInfo.maxCols;
@@ -548,6 +711,13 @@
                 config.swap = true;
                 config.draggable.enabled = true;
             }
+            if (!resize) {
+                config.resizable.enabled = false;
+                config.swap = false;
+            }
+            if (!canMove) {
+                config.draggable.enabled = false;
+            }
             return config;
         };
         /**To map IwidgetInfo object to gridsterItem */
@@ -555,6 +725,9 @@
             if (widget.widgetSettings) {
                 widget.settings = JSON.parse(widget.widgetSettings);
             }
+            if (widget.templateSettings) {
+                widget.templateWidgetSettings = JSON.parse(widget.templateSettings);
+            }
             var gridsterItem = {
                 cols: this.getWidth(widget.width),
                 rows: this.getHeight(widget.height),
@@ -622,14 +795,21 @@
             this.domResized = false;
             this.showEmptyDashboard = false;
             this.isWidgetMgmnt = false;
+            this.initialWidgetCount = 10;
+            this.currentLoadedIndex = 0;
+            this.loading = false;
             this.widgetHeight = 2;
             this.widgetWidth = 4;
             this.hideDashboardBanner = new core.EventEmitter();
         }
         RADashboardArea.prototype.ngOnInit = function () {
             var _this = this;
+            window.addEventListener('scroll', function () {
+                _this.loadNext();
+            });
             this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
             this.initiateGridsterConfig();
+            this.setEmptyDashboardConfig();
             this.lastViewType = this.responsiveService.IsDesktopView ? 'desktop' : 'mobile';
             this.responsiveService.resized.subscribe(function (isDesktop) {
                 if (_this.lastViewType != (isDesktop ? 'desktop' : 'mobile') || !isDesktop) {
@@ -658,6 +838,11 @@
                     }, 100);
                 }
             });
+            setTimeout(function () {
+                _this.bulkActionClick = _this.raDashboardEventBus.subscribe(exports.RAEvent.BulkActionClick).subscribe(function (data) {
+                    _this.bulkActionData = JSON.parse(JSON.stringify(data)); // To create a new reference;
+                });
+            });
         };
         RADashboardArea.prototype.ngOnChanges = function (changes) {
             this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
@@ -665,28 +850,44 @@
                 this.isWidgetLoaded = true;
                 this.loadWidgets(this.userDashboardId, this.areaKey);
             }
+            this.initiateGridsterConfig();
             if (changes.raDashboardEventBus && changes.raDashboardEventBus.currentValue != changes.raDashboardEventBus.previousValue) {
                 this.inititateEventBusSubscritions();
             }
         };
+        RADashboardArea.prototype.setEmptyDashboardConfig = function () {
+            if (this.dashboardInfo && this.dashboardInfo.templateConfig.emptyDashboardHeader) {
+                this.emptyDashboardTitle = this.translateService.translate("dashboard." + this.dashboardInfo.templateConfig.emptyDashboardHeader.titleKey);
+                this.emptyDashboardMsg1 = this.translateService.translate("dashboard." + this.dashboardInfo.templateConfig.emptyDashboardHeader.descriptionKey1);
+                this.emptyDashboardMsg2 = (this.dashboardInfo.templateConfig.emptyDashboardHeader.descriptionKey2) ? this.translateService.translate("dashboard." + this.dashboardInfo.templateConfig.emptyDashboardHeader.descriptionKey2) : '';
+                this.emptyDashboardButtonText = this.translateService.translate("dashboard." + this.dashboardInfo.templateConfig.emptyDashboardHeader.buttonTextKey);
+                this.emptyDashboardButtonIcon = this.dashboardInfo.templateConfig.emptyDashboardHeader.buttonIcon ? this.dashboardInfo.templateConfig.emptyDashboardHeader.buttonIcon : '';
+                this.emptyDashboardButtonAction = this.dashboardInfo.templateConfig.emptyDashboardHeader.buttonAction ? this.dashboardInfo.templateConfig.emptyDashboardHeader.buttonAction : '';
+            }
+        };
         /**To set GridsterConfig */
         RADashboardArea.prototype.initiateGridsterConfig = function () {
             var _this = this;
-            /**To override default configuration values to the gridster control */
-            this.options = this.responsiveService.getGridsterConfig(this.isWidgetMgmnt);
-            this.options.initCallback = function (gridster) {
-                if (_this.options.api) {
-                    _this.gridcellHeight = _this.options.api.getCurrentRowHeight();
-                }
-            };
-            this.options.itemChangeCallback = function (item) {
-                if (_this.responsiveService.IsDesktopView) {
-                    if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
-                        _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+            if (this.dashboardInfo) {
+                /**To override default configuration values to the gridster control */
+                this.options = this.responsiveService.getGridsterConfig(this.isWidgetMgmnt, this.dashboardInfo.templateConfig.widget.canResize, this.dashboardInfo.templateConfig.widget.canMove);
+                this.options.initCallback = function (gridster) {
+                    if (_this.options.api) {
+                        _this.gridcellHeight = _this.options.api.getCurrentRowHeight();
                     }
-                }
-                _this.setAreaHeight();
-            };
+                };
+                this.options.itemChangeCallback = function (item) {
+                    if (_this.responsiveService.IsDesktopView) {
+                        if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                            _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                        }
+                    }
+                    _this.setAreaHeight();
+                };
+            }
+        };
+        RADashboardArea.prototype.widgetLoaded = function (widget) {
+            widget.canLoadData = true;
         };
         /** To initiate eventbus subsctiptions */
         RADashboardArea.prototype.inititateEventBusSubscritions = function () {
@@ -706,6 +907,11 @@
                     _this.addWidget(e);
                 });
             });
+            this.curatedFilterChange = this.raDashboardEventBus.subscribe(exports.RAEvent.CuratedFilterChange).subscribe(function (e) {
+                _this.ngZone.run(function () {
+                    _this.loadWidgets(_this.userDashboardId, _this.areaKey);
+                });
+            });
             this.rearrangeWidgetClick = this.raDashboardEventBus.subscribe(exports.RAEvent.RearrangeClicked).subscribe(function (e) {
                 _this.ngZone.run(function () {
                     _this.rearrangeWidgets();
@@ -754,6 +960,10 @@
                 this.widgetLibraryDoneClick.unsubscribe();
             if (this.rearrangeWidgetClick)
                 this.rearrangeWidgetClick.unsubscribe();
+            if (this.curatedFilterChange)
+                this.curatedFilterChange.unsubscribe();
+            if (this.bulkActionClick)
+                this.bulkActionClick.unsubscribe();
         };
         /**To update position/dimention of all widgets in the area */
         RADashboardArea.prototype.updateWidgets = function () {
@@ -790,6 +1000,12 @@
         /** To retrieve widgets based on userDashboardid and area name */
         RADashboardArea.prototype.loadWidgets = function (userDashboarId, areaKey) {
             var _this = this;
+            if (this.templateConfig && this.templateConfig.initialWidgetCount)
+                this.initialWidgetCount = this.templateConfig.initialWidgetCount;
+            if (location.href.indexOf('/kiosk/') > -1)
+                this.initialWidgetCount = 1000;
+            this.currentLoadedIndex = 0;
+            this.loading = false;
             var widgetInfo = {
                 dashboardId: userDashboarId.toString(),
                 dashboardAreaKey: areaKey
@@ -797,7 +1013,6 @@
             this.widgetList = [];
             this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe(function (widgets) {
                 _this.userWidgets = widgets;
-                _this.dashboardService.clientId = widgets[0].clientId;
                 _this.PAMWidgets = [];
                 widgets.forEach(function (element) {
                     var settings = undefined;
@@ -809,8 +1024,8 @@
                 });
                 _this.checkPAMWidgets();
                 if (widgets && widgets.length > 0) {
-                    _this.widgetList = _this.mapObjectListToGridsterItemList(widgets);
-                    _this.setAreaHeight();
+                    _this.widgetList = [];
+                    _this.loadWidgetsDelta();
                     _this.raDashboardEventBus.publish(exports.RAEvent.HideDashboardBanner, false);
                 }
                 else {
@@ -819,6 +1034,45 @@
                 }
             });
         };
+        RADashboardArea.prototype.loadWidgetsDelta = function () {
+            var _this = this;
+            var _a;
+            if (!this.loading) {
+                this.loading = true;
+                var widgets = this.mapObjectListToGridsterItemList(this.userWidgets.slice(this.currentLoadedIndex, (this.currentLoadedIndex + this.initialWidgetCount)));
+                this.currentLoadedIndex += this.initialWidgetCount;
+                (_a = this.widgetList).push.apply(_a, __spread(widgets));
+                this.setAreaHeight();
+                setTimeout(function () {
+                    _this.loading = false;
+                });
+            }
+        };
+        RADashboardArea.prototype.dataLoaded = function (widgetElement) {
+            this.loadNext();
+        };
+        RADashboardArea.prototype.loadNext = function () {
+            if (this.divBottom) {
+                if (this.elementInViewport(this.divBottom.nativeElement)) {
+                    this.loadWidgetsDelta();
+                }
+            }
+        };
+        RADashboardArea.prototype.elementInViewport = function (el) {
+            var top = el.offsetTop;
+            var left = el.offsetLeft;
+            var width = el.offsetWidth;
+            var height = el.offsetHeight;
+            while (el.offsetParent) {
+                el = el.offsetParent;
+                top += el.offsetTop;
+                left += el.offsetLeft;
+            }
+            return (top >= window.scrollY &&
+                left >= window.scrollX &&
+                (top + height) <= (window.scrollY + window.innerHeight) &&
+                (left + width) <= (window.scrollX + window.innerWidth));
+        };
         /** To set Area(Gridster) height dynamically as widgets are added/removed */
         RADashboardArea.prototype.setAreaHeight = function () {
             var _this = this;
@@ -862,22 +1116,22 @@
         /** To remove a widget instance from dashboard and to save info in database */
         RADashboardArea.prototype.deleteWidget = function (widgetInstanceId, isalertDisabled) {
             if (isalertDisabled === void 0) { isalertDisabled = false; }
+            var widget = this.userWidgets.filter(function (item) {
+                return item.widgetInstanceId === widgetInstanceId;
+            });
+            if (widget.length > 0) {
+                this.userWidgets.splice(this.userWidgets.indexOf(widget[0]), 1);
+            }
+            if (this.PAMWidgets.length > 0) {
+                var indx = this.PAMWidgets.indexOf(widgetInstanceId);
+                if (indx > -1)
+                    this.PAMWidgets.splice(indx, 1);
+                this.checkPAMWidgets();
+            }
             var gridsterItem = this.widgetList.filter(function (item) {
                 return item.widgetInfo.widgetInstanceId === widgetInstanceId;
             });
             if (gridsterItem.length > 0) {
-                var widget = this.userWidgets.filter(function (item) {
-                    return item.widgetInstanceId === widgetInstanceId;
-                });
-                if (widget.length > 0) {
-                    this.userWidgets.splice(this.userWidgets.indexOf(widget[0]), 1);
-                }
-                if (this.PAMWidgets.length > 0) {
-                    var indx = this.PAMWidgets.indexOf(widgetInstanceId);
-                    if (indx > -1)
-                        this.PAMWidgets.splice(indx, 1);
-                    this.checkPAMWidgets();
-                }
                 this.widgetList.splice(this.widgetList.indexOf(gridsterItem[0]), 1);
                 this.setAreaHeight();
                 if (!isalertDisabled) {
@@ -892,11 +1146,15 @@
         /**To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc*/
         RADashboardArea.prototype.rearrangeWidgets = function () {
             var _this = this;
+            this.currentLoadedIndex = 0;
+            this.loading = false;
             for (var i = 0; i < this.userWidgets.length; i++) {
                 this.userWidgets[i].position_x = 0;
                 this.userWidgets[i].position_y = 0;
             }
-            this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
+            this.widgetList = [];
+            this.loadWidgetsDelta();
+            this.raDashboardEventBus.publish(exports.RAEvent.HideDashboardBanner, false);
             if (this.widgetList.length > 0)
                 this.updateWidgetPosition(this.widgetList[0].widgetInfo.widgetInstanceId);
             setTimeout(function () {
@@ -929,29 +1187,31 @@
             this.ngxService.start();
             this.dashboardService.addWidget(data, this.appConfig).subscribe(function (widget) {
                 _this.userWidgets.push(widget);
-                var gridsterItem = _this.responsiveService.getGridsterItem(widget);
-                _this.widgetList.push(gridsterItem);
-                _this.setAreaHeight();
-                if (_this.options.api) {
-                    var curRowHeight = Number(_this.options.api.getCurrentRowHeight());
-                    if (curRowHeight > 0) {
-                        widget.rowHeight = curRowHeight;
-                        _this.gridcellHeight = curRowHeight;
+                if (_this.currentLoadedIndex >= _this.userWidgets.length) {
+                    var gridsterItem = _this.responsiveService.getGridsterItem(widget);
+                    _this.widgetList.push(gridsterItem);
+                    _this.setAreaHeight();
+                    if (_this.options.api) {
+                        var curRowHeight = Number(_this.options.api.getCurrentRowHeight());
+                        if (curRowHeight > 0) {
+                            widget.rowHeight = curRowHeight;
+                            _this.gridcellHeight = curRowHeight;
+                        }
                     }
-                }
-                var widgetInstanceId = 0;
-                if (widget && widget.widgetInstanceId) {
-                    widgetInstanceId = widget.widgetInstanceId;
-                    /**To save added widget position in db */
-                    if (_this.responsiveService.IsDesktopView) {
-                        setTimeout(function () {
-                            _this.updateWidgetPosition(widgetInstanceId);
-                        });
+                    var widgetInstanceId = 0;
+                    if (widget && widget.widgetInstanceId) {
+                        widgetInstanceId = widget.widgetInstanceId;
+                        /**To save added widget position in db */
+                        if (_this.responsiveService.IsDesktopView) {
+                            setTimeout(function () {
+                                _this.updateWidgetPosition(widgetInstanceId);
+                            });
+                        }
+                    }
+                    if (widget.settings && widget.settings.isPAMWidget) {
+                        _this.PAMWidgets.push(widget.widgetInstanceId);
+                        _this.checkPAMWidgets();
                     }
-                }
-                if (widget.settings && widget.settings.isPAMWidget) {
-                    _this.PAMWidgets.push(widget.widgetInstanceId);
-                    _this.checkPAMWidgets();
                 }
                 _this.raDashboardEventBus.publish(exports.RAEvent.WidgetAdded, widget);
             });
@@ -981,12 +1241,14 @@
                 });
             }
             this.userWidgets.push(data);
-            var gridsterItem = this.responsiveService.getGridsterItem(data);
-            this.widgetList.push(gridsterItem);
-            this.setAreaHeight();
-            if (data.settings && data.settings.isPAMWidget) {
-                this.PAMWidgets.push(data.widgetInstanceId);
-                this.checkPAMWidgets();
+            if (this.currentLoadedIndex >= this.userWidgets.length) {
+                var gridsterItem = this.responsiveService.getGridsterItem(data);
+                this.widgetList.push(gridsterItem);
+                this.setAreaHeight();
+                if (data.settings && data.settings.isPAMWidget) {
+                    this.PAMWidgets.push(data.widgetInstanceId);
+                    this.checkPAMWidgets();
+                }
             }
         };
         RADashboardArea.prototype.mapObjectListToGridsterItemList = function (widgetList) {
@@ -1015,8 +1277,11 @@
             });
             return widgetListArray;
         };
-        RADashboardArea.prototype.addNewWidget = function () {
-            this.raDashboardEventBus.publish(exports.RAEvent.AddNewWidgetToDashboard, null);
+        RADashboardArea.prototype.buttonClick = function () {
+            if (this.emptyDashboardButtonAction == "widgets")
+                this.raDashboardEventBus.publish(exports.RAEvent.AddNewWidgetToDashboard, null);
+            else if (this.emptyDashboardButtonAction == "filter")
+                this.raDashboardEventBus.publish(exports.RAEvent.GlobalFilterClick, null);
         };
         RADashboardArea.prototype.updateAppliedFilters = function (data) {
             this.raDashboardEventBus.publish(exports.RAEvent.UpdateAppledFiterForInapplicableFilter, data);
@@ -1066,6 +1331,14 @@
             core.Input('app-config'),
             __metadata("design:type", Object)
         ], RADashboardArea.prototype, "appConfig", void 0);
+        __decorate([
+            core.Input('dashboard-info'),
+            __metadata("design:type", Object)
+        ], RADashboardArea.prototype, "dashboardInfo", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], RADashboardArea.prototype, "templateConfig", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", Object)
@@ -1074,11 +1347,15 @@
             core.ViewChild('gridWrapper', { static: false }),
             __metadata("design:type", core.ElementRef)
         ], RADashboardArea.prototype, "gridWrapper", void 0);
+        __decorate([
+            core.ViewChild('divBottom', { static: false }),
+            __metadata("design:type", core.ElementRef)
+        ], RADashboardArea.prototype, "divBottom", void 0);
         RADashboardArea = __decorate([
             core.Component({
                 selector: 'ra-dashboard-area',
-                template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"\r\n        (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
-                styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
+                template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\"\r\n  [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container (widgetLoaded)=\"widgetLoaded(item)\" [canLoadData]=\"item.canLoadData\" (dataLoaded)=\"dataLoaded($event)\"\r\n        [bulk-action-data]=\"bulkActionData\" [dashboard-info]=\"dashboardInfo\" [app-config]=\"appConfig\"\r\n        [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\"\r\n        [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"\r\n        [dom-resized]=\"domResized\" (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"empty-prefix\">\r\n        <!-- <i class=\"fal fa-edit edit-icon\"></i> -->\r\n        <span>{{emptyDashboardTitle}}</span>\r\n      </div>\r\n      <hr class=\"horizontalLine-solid\" />\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{emptyDashboardMsg1}} <br />\r\n            {{emptyDashboardMsg2}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm dashboard-button light\" (click)=\"buttonClick()\">\r\n            <i class=\"{{emptyDashboardButtonIcon}}\"></i>{{emptyDashboardButtonText}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>\r\n<div #divBottom></div>",
+                styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#fff;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;user-select:text;box-shadow:none}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)!important}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:15px 0;background-color:#fff;display:flex}.empty-wrapper{background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:18px;padding:15px}.empty-content{color:#626469;width:100%;padding:15px}.empty-msg{padding:0 0 15px;font-size:16px}.horizontalLine-solid{border-top:1px solid #cbcbcb;margin:0 15px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:15px 0;background-color:#fff;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:15px}.empty-content{color:#333;display:flex;padding:15px}.empty-msg{padding:0 0 15px;font-size:14px}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
             }),
             __metadata("design:paramtypes", [RaDashboardService,
                 core.NgZone,
@@ -1181,8 +1458,11 @@
             this.showExcell = true;
             this.hideTitle = false;
             this.inapplicableFilters = [];
+            this.canLoadData = false;
             this.widgetDeleted = new core.EventEmitter();
             this.updateAppliedFilters = new core.EventEmitter();
+            this.dataLoaded = new core.EventEmitter();
+            this.widgetLoaded = new core.EventEmitter();
             this.isWidgetStateApplicable = false;
             this.widgetEmptyState = '';
             this.lockVisible = false;
@@ -1207,7 +1487,7 @@
             configurable: true
         });
         RAWidgetContainer.prototype.ngOnInit = function () {
-            this.WidgetDisplayName = this.getwidgetTitleTranslation(this.data.widgetInfo.widgetTitle);
+            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');
@@ -1228,19 +1508,32 @@
                     });
                 });
             }
-            if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
-                var filterObj = this.getParsedConfig(this.globalFilter);
-                if (filterObj.WidgetInstanceId) {
-                    if (this.data.widgetInfo.widgetInstanceId != filterObj.WidgetInstanceId)
-                        this.refreshWidget(this.data.widgetInfo);
+            if (this.widgetElement) {
+                if (changes.bulkActionData && changes.bulkActionData.currentValue != changes.bulkActionData.previousValue) {
+                    if (typeof this.widgetElement.bulkActionClicked === "function") {
+                        this.widgetElement.bulkActionClicked(this.bulkActionData);
+                    }
                 }
-                else {
-                    this.refreshWidget(this.data.widgetInfo);
+                if (changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
+                    if (!this.dashboardInfo.curatedFilters) {
+                        var filterObj = this.getParsedConfig(this.globalFilter);
+                        if (filterObj.WidgetInstanceId) {
+                            if (this.data.widgetInfo.widgetInstanceId != filterObj.WidgetInstanceId)
+                                this.refreshWidget(this.data.widgetInfo);
+                        }
+                        else {
+                            //this.refreshWidget(this.data.widgetInfo);
+                        }
+                    }
+                }
+                if (changes.width && changes.width.currentValue != changes.width.previousValue ||
+                    (changes.height && changes.height.currentValue != changes.height.previousValue)) {
+                    this.invokeWidgetResizedEvent();
                 }
             }
-            if (changes.width && changes.width.currentValue != changes.width.previousValue ||
-                (changes.height && changes.height.currentValue != changes.height.previousValue)) {
-                this.invokeWidgetResizedEvent();
+            if (changes.canLoadData && changes.canLoadData.currentValue != changes.canLoadData.previousValue) {
+                if (this.canLoadData)
+                    this.refreshWidget(this.data.widgetInfo);
             }
         };
         RAWidgetContainer.prototype.invokeWidgetResizedEvent = function () {
@@ -1432,6 +1725,10 @@
                                                                 _this.showPanel = true;
                                                             else
                                                                 _this.showPanel = false;
+                                                            if (!_this.data.dataLoaded) {
+                                                                _this.data.dataLoaded = true;
+                                                                _this.dataLoaded.emit(_this.widgetElement);
+                                                            }
                                                             break;
                                                         case 'onConfigEditClicked':
                                                             _this.editWidget();
@@ -1504,7 +1801,9 @@
                                                 widgetConfigFilter.configChanges = this.getConfigChanges(false);
                                                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                                                 widgetConfigFilter.globalFilter = this.globalFilter;
-                                                this.widgetElement.loadContent(widgetConfigFilter);
+                                                widgetConfigFilter.dashboardInfo = me.dashboardInfo;
+                                                //this.widgetElement.loadContent(widgetConfigFilter);
+                                                this.widgetLoaded.emit();
                                                 return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
                                             case 1:
                                                 _a.sent();
@@ -1774,9 +2073,12 @@
             var html = '<div id="ra-db-widget-menu"' + 'style="' + style + '" class="download-content dropdown-content widget-config-item dropdown-click" style="z-index: 1002;">';
             var settings = '';
             if (this.isWidgetMgmnt) {
-                settings += this.getHtmlForButton('wcEditWidget', 'fal fa-edit', this.editText);
-                settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
-                settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
+                if (!this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideEdit)
+                    settings += this.getHtmlForButton('wcEditWidget', 'fal fa-edit', this.editText);
+                if (!this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideCopy)
+                    settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
+                if (!this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideMove)
+                    settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
             }
             var customPageParams = false;
             if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
@@ -1785,14 +2087,14 @@
                     customPageParams = true;
                 }
             }
-            if ((this.detailPageUrl || customPageParams) && this.checkVisitLinkVisiblity()) {
+            if (!this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideVisitPage && (this.detailPageUrl || customPageParams) && this.checkVisitLinkVisiblity()) {
                 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;">';
                 settings += this.translateService.translate('Common.visitpage');
                 settings += '</span></a>';
             }
-            if ((this.detailPageUrl && this.checkVisitLinkVisiblity()) || this.isWidgetMgmnt) {
+            if (!this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideVisitPage && (this.detailPageUrl && this.checkVisitLinkVisiblity()) || this.isWidgetMgmnt) {
                 html += '<div style="color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;">';
                 html += this.translateService.translate('Common.settings') + '</div>';
                 html += settings;
@@ -1824,7 +2126,7 @@
             if (this.isDownloadIconVisible && this.isWidgetMgmnt && this.showExcell) {
                 html += this.getHr();
             }
-            if (this.isWidgetMgmnt) {
+            if (this.isWidgetMgmnt && !this.data.widgetInfo.templateWidgetSettings || !this.data.widgetInfo.templateWidgetSettings.hideDelete) {
                 html += '<a id="wcWidgetDelete"><i class="fal fa-times" style="padding-left: 3px;color: red;"></i><span>';
                 html += this.deleteText;
                 html += '</span></a>';
@@ -1905,18 +2207,6 @@
             if (this.currentComponent)
                 this.popupInstance.removeMe(this.currentComponent);
         };
-        RAWidgetContainer.prototype.getwidgetTitleTranslation = function (item) {
-            var rKey = 'DBW_' + this.translateService.makeCode(item);
-            var translatedString = '';
-            var translationModule = this.dashboardService.clientId + '_DBW';
-            translatedString = this.translateService.translate(translationModule + '.' + rKey);
-            if (translatedString.toLowerCase() === rKey.toLowerCase()) {
-                return item;
-            }
-            else {
-                return translatedString;
-            }
-        };
         RAWidgetContainer.ctorParameters = function () { return [
             { type: RaDashboardService },
             { type: ngxUiLoader.NgxUiLoaderService },
@@ -1959,6 +2249,10 @@
             core.Input('global-filter'),
             __metadata("design:type", Object)
         ], RAWidgetContainer.prototype, "globalFilter", void 0);
+        __decorate([
+            core.Input('dashboard-info'),
+            __metadata("design:type", Object)
+        ], RAWidgetContainer.prototype, "dashboardInfo", void 0);
         __decorate([
             core.Input('data'),
             __metadata("design:type", Object)
@@ -1983,6 +2277,14 @@
             core.Input('grid-cell-height'),
             __metadata("design:type", Number)
         ], RAWidgetContainer.prototype, "gridCellHeight", void 0);
+        __decorate([
+            core.Input('bulk-action-data'),
+            __metadata("design:type", Object)
+        ], RAWidgetContainer.prototype, "bulkActionData", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], RAWidgetContainer.prototype, "canLoadData", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", Object)
@@ -1991,6 +2293,14 @@
             core.Output(),
             __metadata("design:type", Object)
         ], RAWidgetContainer.prototype, "updateAppliedFilters", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], RAWidgetContainer.prototype, "dataLoaded", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], RAWidgetContainer.prototype, "widgetLoaded", void 0);
         __decorate([
             core.Input('dom-resized'),
             __metadata("design:type", Boolean),
@@ -4989,11 +5299,13 @@
         function RaBaseDashboardTemplate(ngZone) {
             var _this = this;
             this.ngZone = ngZone;
-            this.initialize = function (eventBus, userDashboardId, appConfig) {
+            this.initialize = function (eventBus, userDashboardId, appConfig, dashboardInfo, templateConfig) {
                 _this.ngZone.run(function () {
                     _this.userDashboardId = userDashboardId;
                     _this.appConfig = appConfig;
                     _this.raDashboardEventBus = eventBus;
+                    _this.dashboardInfo = dashboardInfo;
+                    _this.templateConfig = templateConfig;
                 });
                 _this.init();
             };