@schneideress/dashboardframework 0.0.19 → 0.0.21

package/fesm2015/schneideress-dashboardframework.js

@@ -296,7 +296,7 @@ const CompactType = {
 /** @type {?} */
 const GridsterConfigDefaultSettings = {
     gridType: GridType.ScrollVertical,
-    compactType: CompactType.None,
+    compactType: CompactType.CompactLeftAndUp,
     margin: 0,
     outerMargin: true,
     outerMarginTop: null,
@@ -369,6 +369,7 @@ class RADashboardArea {
         this.notifier = notifier;
         this.widgetList = Array();
         this.gridheight = 300;
+        this.isWidgetLoaded = false;
         this.widgetHeight = 20;
         this.widgetWidth = 50;
     }
@@ -383,7 +384,8 @@ class RADashboardArea {
      * @return {?}
      */
     ngOnChanges(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) {
@@ -836,9 +838,9 @@ class RAWidgetContainer {
          * @return {?}
          */
         () => {
-            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 {?}
              */
             () => {
@@ -846,13 +848,8 @@ class RAWidgetContainer {
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                 widgetContainer.widgetElement.loadContent(widgetConfigFilter);
-                widgetContainer.widgetElement.addEventListener('load-data-initiated', (/**
-                 * @param {?} hidePanel
-                 * @return {?}
-                 */
-                (hidePanel) => {
-                }));
-            }), 2000);
+            }));
+            this.ctlWidget.nativeElement.appendChild(this.widgetElement);
         }));
     }
     /**
@@ -861,13 +858,15 @@ class RAWidgetContainer {
      * @return {?}
      */
     refreshWidget(widgetInfo) {
+        /** @type {?} */
+        let widgetContainerContext = this;
         /** @type {?} */
         let widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
             globalFilter: this.globalFilter,
             appConfig: this.appConfig
         }));
-        this.widgetElement.loadContent(widgetConfigFilter);
+        widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
     }
 }
 RAWidgetContainer.decorators = [