@schneideress/dashboardframework 0.0.19 → 0.0.21

package/fesm5/schneideress-dashboardframework.js

@@ -411,7 +411,7 @@ var CompactType = {
 /** @type {?} */
 var GridsterConfigDefaultSettings = {
     gridType: GridType.ScrollVertical,
-    compactType: CompactType.None,
+    compactType: CompactType.CompactLeftAndUp,
     margin: 0,
     outerMargin: true,
     outerMarginTop: null,
@@ -478,6 +478,7 @@ var RADashboardArea = /** @class */ (function () {
         this.notifier = notifier;
         this.widgetList = Array();
         this.gridheight = 300;
+        this.isWidgetLoaded = false;
         this.widgetHeight = 20;
         this.widgetWidth = 50;
     }
@@ -499,7 +500,8 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (changes) {
-        if (this.globalFilter && this.raDashboardEventBus && this.appConfig) {
+        if (this.raDashboardEventBus && this.appConfig && !this.isWidgetLoaded) {
+            this.isWidgetLoaded = true;
             this.loadWidgets(this.userDashboardId, this.areaKey);
         }
         if (changes.raDashboardEventBus && changes.raDashboardEventBus.currentValue != changes.raDashboardEventBus.previousValue) {
@@ -1072,9 +1074,9 @@ var RAWidgetContainer = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            _this.widgetElement = document.createElement(widgetInfo.customTag);
-            _this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
-            setTimeout((/**
+            widgetContainer.widgetElement = document.createElement(widgetInfo.customTag);
+            widgetContainer.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
+            document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
              * @return {?}
              */
             function () {
@@ -1082,13 +1084,8 @@ var RAWidgetContainer = /** @class */ (function () {
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                 widgetContainer.widgetElement.loadContent(widgetConfigFilter);
-                widgetContainer.widgetElement.addEventListener('load-data-initiated', (/**
-                 * @param {?} hidePanel
-                 * @return {?}
-                 */
-                function (hidePanel) {
-                }));
-            }), 2000);
+            }));
+            _this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
         }));
     };
     /** To refresh widget on input config changes */
@@ -1103,13 +1100,15 @@ var RAWidgetContainer = /** @class */ (function () {
      * @return {?}
      */
     function (widgetInfo) {
+        /** @type {?} */
+        var widgetContainerContext = this;
         /** @type {?} */
         var widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
             globalFilter: this.globalFilter,
             appConfig: this.appConfig
         }));
-        this.widgetElement.loadContent(widgetConfigFilter);
+        widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
     };
     RAWidgetContainer.decorators = [
         { type: Component, args: [{