@schneideress/dashboardframework 0.0.257 → 0.0.259

package/fesm5/schneideress-dashboardframework.js

@@ -202,7 +202,7 @@ var RAEventKey;
 var GridsterConfigDefaultSettings = {
     gridType: 'scrollVertical',
     compactType: 'none',
-    margin: 0,
+    margin: 10,
     outerMargin: true,
     outerMarginTop: 10,
     outerMarginRight: 0,
@@ -359,7 +359,7 @@ var RADashboardResponsiveService = /** @class */ (function () {
             widget.settings = JSON.parse(widget.widgetSettings);
         }
         if (widget.templateSettings) {
-            widget.templateSettings = JSON.parse(widget.templateSettings);
+            widget.templateWidgetSettings = JSON.parse(widget.templateSettings);
         }
         var gridsterItem = {
             cols: this.getWidth(widget.width),
@@ -1597,11 +1597,11 @@ var RAWidgetContainer = /** @class */ (function () {
         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) {
-            if (!this.data.widgetInfo.templateSettings.hideEdit)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideEdit)
                 settings += this.getHtmlForButton('wcEditWidget', 'fal fa-edit', this.editText);
-            if (!this.data.widgetInfo.templateSettings.hideCopy)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideCopy)
                 settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
-            if (!this.data.widgetInfo.templateSettings.hideMove)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideMove)
                 settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
         }
         var customPageParams = false;
@@ -1611,14 +1611,14 @@ var RAWidgetContainer = /** @class */ (function () {
                 customPageParams = true;
             }
         }
-        if (!this.data.widgetInfo.templateSettings.hideVisitPage && (this.detailPageUrl || customPageParams) && this.checkVisitLinkVisiblity()) {
+        if (!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.data.widgetInfo.templateSettings.hideVisitPage && (this.detailPageUrl && this.checkVisitLinkVisiblity()) || this.isWidgetMgmnt) {
+        if (!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;
@@ -1650,7 +1650,7 @@ var RAWidgetContainer = /** @class */ (function () {
         if (this.isDownloadIconVisible && this.isWidgetMgmnt && this.showExcell) {
             html += this.getHr();
         }
-        if (this.isWidgetMgmnt && !this.data.widgetInfo.templateSettings.hideDelete) {
+        if (this.isWidgetMgmnt && !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>';
@@ -2503,7 +2503,7 @@ var GridsterRenderer = /** @class */ (function () {
         else {
             var x = Math.round(this.gridster.curColWidth * item.x);
             var y = Math.round(this.gridster.curRowHeight * item.y);
-            var width = this.gridster.curColWidth * item.cols - this.gridster.$options.margin;
+            var width = this.gridster.curColWidth * item.cols - this.gridster.$options.margin - 5;
             var height = (this.gridster.curRowHeight * item.rows - this.gridster.$options.margin);
             // set the cell style
             this.setCellPosition(renderer, el, x, y);
@@ -4630,8 +4630,8 @@ var GridsterItemComponent = /** @class */ (function () {
     GridsterItemComponent.prototype.updateItemSize = function () {
         var top = this.$item.y * this.gridster.curRowHeight;
         var left = this.$item.x * this.gridster.curColWidth;
-        var width = this.$item.cols * this.gridster.curColWidth - this.gridster.$options.margin;
-        var height = this.$item.rows * this.gridster.curRowHeight - this.gridster.$options.margin;
+        var width = this.$item.cols * this.gridster.curColWidth - this.gridster.$options.margin - 5;
+        var height = this.$item.rows * this.gridster.curRowHeight - this.gridster.$options.margin - 5;
         if (!this.init && width > 0 && height > 0) {
             this.init = true;
             if (this.item.initCallback) {